/*
Theme Name: Gülcan Astra Child
Template: astra
Version: 1.0.0
Text Domain: gulcan-astra-child
*/

:root {
    --gulcan-yellow: #f6d238;
    --gulcan-text: #6f6f6f;
    --gulcan-blue: #63b7cf;
}

/* Üst iletişim bandı */
.gulcan-topbar {
    background: var(--gulcan-yellow);
    color: #2d2d2d;
    font-size: 13px;
    line-height: 1.4;
}

.gulcan-topbar__inner {
    display: flex;
    align-items: center;
    gap: 18px;
    width: min(1120px, calc(100% - 32px));
    min-height: 31px;
    margin: 0 auto;
}

.gulcan-topbar a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: inherit;
    text-decoration: none;
}

.gulcan-topbar svg,
.gulcan-site-footer__social svg,
.gulcan-facebook-share svg {
    display: block;
    width: 15px;
    height: 15px;
    fill: currentColor;
}

.gulcan-topbar__social {
    display: flex;
    gap: 13px;
    margin-left: auto;
    font-weight: 700;
}

.gulcan-topbar__social a {
    width: 18px;
    height: 18px;
    justify-content: center;
}

/* Astra ana header ayarları */
.site-header-primary-section-left .custom-logo-link img {
    width: auto;
    max-height: 58px;
}

.ast-site-title-wrap {
    display: none;
}

.main-header-menu > .menu-item > .menu-link {
    color: var(--gulcan-text);
    font-weight: 600;
}

.main-header-menu > .current-menu-item > .menu-link,
.main-header-menu > .menu-item > .menu-link:hover {
    color: var(--gulcan-blue);
}

/* Ana sayfa dışındaki normal sayfaları eski Divi 1080px satır genişliğinde eşitler. */
.page:not(.home):not(.page-id-17) .site-content > .ast-container {
    width: min(1080px, calc(100% - 40px));
    max-width: none;
    padding-right: 0;
    padding-left: 0;
}

.page:not(.home):not(.page-id-17) #primary {
    width: 100%;
}

.page:not(.home):not(.page-id-17) .entry-content > .alignwide,
.page:not(.home):not(.page-id-17) .entry-content > .alignfull {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
}

.gulcan-header-search {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.gulcan-header-search__toggle {
    display: grid;
    width: 38px;
    height: 38px;
    padding: 8px;
    place-items: center;
    border: 0;
    background: transparent;
    color: #6f6f6f;
    cursor: pointer;
}

.gulcan-header-search__toggle:hover,
.gulcan-header-search__toggle:focus {
    color: var(--gulcan-blue);
    background: transparent;
}

.gulcan-header-search__toggle svg {
    display: block;
    width: 21px;
    height: 21px;
    fill: currentColor;
}

.gulcan-header-search__form {
    position: absolute;
    z-index: 100;
    top: calc(100% + 10px);
    right: 0;
    display: none;
    width: min(310px, calc(100vw - 32px));
    padding: 10px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .16);
}

.gulcan-header-search.is-open .gulcan-header-search__form {
    display: flex;
}

.gulcan-header-search__form input {
    min-width: 0;
    height: 42px;
    margin: 0;
}

.gulcan-header-search__form button {
    flex: 0 0 auto;
    height: 42px;
    padding: 0 15px;
    border: 0;
    background: #6686a3;
    color: #fff;
}

/* Ana sayfada Gutenberg içeriği tam genişlikte başlar. */
.home .entry-header {
    display: none;
}

.home .site-content > .ast-container,
.home .site-main,
.home .entry-content {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.home .ast-article-single {
    padding: 0;
}

.gulcan-home-hero {
    margin: 0;
    line-height: 0;
}

.gulcan-home-hero img {
    display: block;
    width: 100%;
    height: auto;
}

.gulcan-intro,
.gulcan-solutions {
    background: #f6f4cf;
}

.gulcan-intro {
    padding: 52px 24px 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.gulcan-intro > .wp-block-group,
.gulcan-solutions__columns,
.gulcan-contact > .wp-block-columns,
.gulcan-disclaimer > p {
    width: min(1080px, 100%);
    margin-right: auto;
    margin-left: auto;
}

.gulcan-intro h1 {
    margin-bottom: 8px;
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 400;
}

.gulcan-purple-button .wp-block-button__link {
    border-radius: 0;
    background: #7918eb;
    font-size: 20px;
}

.gulcan-solutions {
    padding: 66px 24px 76px;
}

.gulcan-solutions__columns {
    gap: 70px;
}

.gulcan-solutions h2 {
    margin-bottom: 42px;
    font-size: clamp(25px, 2.4vw, 34px);
    line-height: 1.05;
    font-weight: 400;
}

.gulcan-solutions__second {
    padding-top: 38px;
}

.gulcan-solutions li {
    margin-bottom: 7px;
}

.gulcan-contact {
    padding: 70px 24px;
    background: #fff;
}

.gulcan-contact .wp-block-columns {
    gap: 56px;
}

.gulcan-contact figure,
.gulcan-contact img {
    margin-bottom: 0;
}

.gulcan-contact h2 {
    font-size: 32px;
    font-weight: 400;
}

.gulcan-contact-form__row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.gulcan-contact-form input,
.gulcan-contact-form textarea {
    width: 100%;
    margin-bottom: 16px;
    border: 0;
    border-radius: 0;
    background: #f6f4cf;
}

.gulcan-contact-form__verify {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
}

.gulcan-contact-form__verify label {
    display: flex;
    align-items: center;
    gap: 8px;
}

.gulcan-contact-form__verify input {
    width: 48px;
    margin: 0;
}

.gulcan-contact-form button {
    border: 2px solid #5799aa;
    border-radius: 0;
    background: #fff;
    color: #5799aa;
    font-size: 20px;
}

.gulcan-contact-form__trap {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.gulcan-contact-form__notice {
    margin: 0 0 14px;
    color: #2f6b3c;
}

.gulcan-contact-form__notice--error {
    color: #a22b2b;
}

.gulcan-disclaimer {
    padding: 76px 24px;
    background: #7918eb;
    color: #fff;
}

.gulcan-disclaimer p {
    line-height: 1.8;
}

/* Hakkında sayfası */
.page-id-5 .entry-header {
    display: none;
}

.page-id-5 .site-content > .ast-container {
    width: min(1080px, calc(100% - 40px));
    max-width: none;
    padding: 28px 0 90px;
}

.page-id-5 .ast-article-single {
    padding: 0;
}

.page-id-5 #primary {
    margin-top: 0;
    margin-bottom: 0;
}

.gulcan-about-columns {
    gap: 92px;
    align-items: flex-start !important;
}

.gulcan-about-columns h3 {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 400;
}

.gulcan-about-columns p,
.gulcan-about-columns li {
    color: #686868;
    font-size: 14px;
    line-height: 1.7;
}

.gulcan-about-columns ul {
    margin-left: 18px;
}

.gulcan-about-columns img {
    width: 257px;
    max-width: 100%;
    height: auto;
}

/* İletişim sayfası */
.page-id-17 .entry-header {
    display: none;
}

.page-id-17 .site-content > .ast-container,
.page-id-17 #primary,
.page-id-17 .ast-article-single,
.page-id-17 .entry-content {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.gulcan-contact-page {
    min-height: 620px;
    padding: 110px 24px;
    background: #c5d1e2;
}

.gulcan-contact-page__columns {
    width: min(1080px, 100%);
    margin: 0 auto;
    gap: 44px;
}

.gulcan-contact-page h2 {
    font-size: 30px;
    font-weight: 400;
}

.gulcan-contact-page p {
    line-height: 1.7;
}

/* Eski blog yazılarındaki sağ sidebar */
.single-post .site-content > .ast-container {
    width: min(1080px, calc(100% - 40px));
    max-width: none;
    padding: 0;
}

.single-post.ast-separate-container #primary {
    box-sizing: border-box;
    width: 74%;
    padding-right: 48px;
}

.single-post #primary .ast-article-single {
    padding-right: 0;
    padding-left: 0;
}

.single-post #secondary {
    box-sizing: border-box;
    width: 26%;
    padding-left: 30px;
    border-left: 1px solid #d8d8d8;
}

.single-post #secondary .widget {
    margin-bottom: 28px;
}

.single-post #secondary h2,
.single-post #secondary .wp-block-heading {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 400;
}

.single-post #secondary ul {
    margin: 0;
    list-style: none;
}

.single-post #secondary li {
    margin-bottom: 8px;
    line-height: 1.5;
}

.single-post .wp-block-search__label.screen-reader-text {
    position: absolute !important;
    overflow: hidden;
    width: 1px !important;
    height: 1px !important;
    margin: -1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* İçerik ve sidebar bağlantıları: eski sitenin bağlantı görünümü. */
.site-content a:not(.wp-element-button),
.site-content a:not(.wp-element-button):visited,
.site-content a:not(.wp-element-button):hover,
.site-content a:not(.wp-element-button):focus {
    color: #6686a3;
    text-decoration: none;
}

.entry-content[data-ast-blocks-layout] > figure {
    margin-bottom: 0;
}

.gulcan-facebook-share {
    position: fixed;
    z-index: 50;
    top: 55%;
    left: 0;
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    background: #4267a9;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

.gulcan-facebook-share svg {
    width: 19px;
    height: 19px;
}

.gulcan-facebook-share:hover,
.gulcan-facebook-share:focus {
    color: #fff;
    background: #365899;
}

.gulcan-site-footer {
    padding: 13px 24px;
    background: #202020;
    color: #858585;
    font-size: 13px;
}

.gulcan-site-footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(1080px, 100%);
    margin: 0 auto;
}

.gulcan-site-footer__social {
    display: flex;
    gap: 18px;
    font-size: 22px;
    font-weight: 700;
}

.gulcan-site-footer__social a {
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
}

.gulcan-site-footer__social svg {
    width: 18px;
    height: 18px;
}

.gulcan-site-footer a {
    color: inherit;
    text-decoration: none;
}

#colophon.site-footer {
    display: none !important;
}

@media (max-width: 760px) {
	#ast-mobile-header .gulcan-header-search {
		margin-right: 2px;
		margin-left: 0;
	}

	#ast-mobile-header .gulcan-header-search__form {
		right: -48px;
	}
	/* Astra ikon fontu yüklenemediğinde görünen U, a ve 3 karakterlerini engeller. */
	.ast-mobile-menu-trigger-minimal .ast-mobile-svg,
	.ast-button-wrap .menu-toggle .mobile-menu-toggle-icon,
	.ast-header-break-point .main-header-menu .ast-menu-toggle {
		font-family: Arial, sans-serif !important;
	}

	.ast-header-break-point .main-header-menu .ast-menu-toggle::before,
	.ast-header-break-point .main-header-menu .ast-menu-toggle::after,
	.ast-header-break-point .main-header-menu .ast-menu-toggle .ast-icon::before,
	.ast-header-break-point .main-header-menu .ast-menu-toggle .ast-icon::after {
		content: none !important;
	}

	.ast-header-break-point .main-header-menu .ast-menu-toggle {
		position: relative;
		color: transparent !important;
	}

	.ast-header-break-point .main-header-menu .ast-menu-toggle::after {
		content: "" !important;
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		width: 8px;
		height: 8px;
		border-right: 2px solid #6686a3;
		border-bottom: 2px solid #6686a3;
		transform: translate(-50%, -65%) rotate(45deg);
	}

	.ast-header-break-point .main-header-menu .menu-item.ast-submenu-expanded > .ast-menu-toggle::after {
		transform: translate(-50%, -35%) rotate(225deg);
	}
    .gulcan-topbar__inner {
        justify-content: center;
        flex-wrap: wrap;
        gap: 4px 14px;
        padding: 6px 0;
    }

    .gulcan-topbar__social {
        margin-left: 0;
    }

    .gulcan-intro,
    .gulcan-solutions,
    .gulcan-contact,
    .gulcan-disclaimer {
        padding-right: 20px;
        padding-left: 20px;
    }

    .gulcan-intro {
        padding-top: 36px;
    }

    .gulcan-solutions {
        padding-top: 42px;
        padding-bottom: 48px;
    }

    .gulcan-solutions__columns {
        gap: 0;
    }

    .gulcan-solutions__second {
        padding-top: 0;
    }

    .gulcan-contact {
        padding-top: 44px;
        padding-bottom: 44px;
    }

    .gulcan-contact-form__row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .gulcan-disclaimer {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .gulcan-facebook-share {
        top: 50%;
        width: 30px;
        height: 30px;
    }

    .gulcan-site-footer__inner {
        align-items: flex-start;
        gap: 12px;
    }

    .page-id-5 .site-content > .ast-container {
        padding-top: 48px;
        padding-bottom: 56px;
    }

    .gulcan-about-columns {
        gap: 34px;
    }

    .gulcan-contact-page {
        min-height: 0;
        padding: 48px 20px;
    }

    .gulcan-contact-page__columns {
        gap: 24px;
    }

    .gulcan-contact-page__columns > .wp-block-column:empty {
        display: none;
    }

    .single-post .site-content > .ast-container {
        width: min(100% - 40px, 640px);
    }

    .single-post.ast-separate-container #primary,
    .single-post #secondary {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .single-post #secondary {
        margin-top: 20px;
        padding-top: 36px;
		border-left: 0;
        border-top: 1px solid #e2e2e2;
        border-left: 0;
    }
}