/* ===== SCFMEDYA CASTIO — GLOBAL STYLES ===== */
:root {
    /* Ana Renkler */
    --castio-gold:       #C9A84C;
    --castio-gold-hover: #b8943f;
    --castio-gold2:      #e8c96b;
    --castio-gold-light: #f5e6c0;
    --castio-gold-rgb:   201, 168, 76;

    /* Light Tema Arka Planlar */
    --castio-bg:         #fafaf8;
    --castio-bg-alt:     #f3f0ea;
    --castio-white:      #ffffff;
    --castio-dark:       #0a0a10;
    --castio-dark-light: #13131d;
    --castio-dark-soft:  #1a1a24;

    /* Metin */
    --castio-text:       #333333;
    --castio-text-muted: #999999;
    --castio-text-light: #777777;

    /* Durum */
    --castio-success:    #2dab72;
    --castio-green:      #2dab72;
    --castio-danger:     #e05555;
    --castio-red:        #e05555;
    --castio-warning:    #f0a500;
    --castio-yellow:     #f0b429;
    
    /* Radius */
    --castio-radius: 12px;
    --castio-radius-sm: 8px;
    
    /* Fonts */
    --castio-font-heading: 'Cormorant Garamond', serif;
    --castio-font-body: 'DM Sans', sans-serif;

    /* Kenarlıklar */
    --castio-border:     rgba(0,0,0,0.08);
    --castio-border-gold: rgba(201,168,76,0.3);

    /* Gölgeler */
    --castio-shadow-sm:  0 2px 12px rgba(0,0,0,0.06);
    --castio-shadow-md:  0 8px 32px rgba(0,0,0,0.10);
    --castio-shadow-lg:  0 20px 60px rgba(0,0,0,0.14);
    --castio-shadow-gold: 0 8px 32px rgba(201,168,76,0.18);

    /* Header (koyu kalır — light temada header kontrast için dark) */
    --castio-header-bg:  rgba(10,10,16,0.96);
    --castio-header-h:   80px;

    /* Geçişler */
    --castio-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --castio-transition-fast: 0.2s ease;
}

/* ===== THEME RESETS ===== */
body{padding-top:var(--castio-header-h)!important;font-family:'Inter',sans-serif!important;color:var(--castio-text);background:var(--castio-bg);-webkit-font-smoothing:antialiased}
body.home{padding-top:0!important}
body.admin-bar .castio-header{top:32px}
#primary{max-width:100%;margin:0;padding:0}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}


/* ===== SCROLL REVEAL ===== */
.castio-reveal{opacity:0;transform:translateY(40px);transition:opacity 0.7s ease,transform 0.7s ease}
.castio-reveal.from-left{transform:translateX(-50px)}
.castio-reveal.from-right{transform:translateX(50px)}
.castio-reveal.from-top{transform:translateY(-40px)}
.castio-reveal.from-bottom{transform:translateY(40px)}
.castio-reveal.is-visible{opacity:1;transform:translate(0)}
.castio-reveal.delay-1{transition-delay:.1s}
.castio-reveal.delay-2{transition-delay:.2s}
.castio-reveal.delay-3{transition-delay:.3s}
.castio-reveal.delay-4{transition-delay:.4s}
.castio-reveal.delay-5{transition-delay:.5s}

/* ===== BUTTONS ===== */
.castio-btn{display:inline-block!important;padding:14px 36px!important;font-family:var(--castio-font-body),sans-serif!important;font-size:11px!important;font-weight:500!important;letter-spacing:2.5px!important;text-transform:uppercase!important;text-decoration:none!important;border:1px solid transparent!important;cursor:pointer!important;transition:all var(--castio-transition-fast)!important;white-space:nowrap!important;line-height:1.5!important;box-sizing:border-box!important;border-radius:0!important}
.castio-btn--gold{background:var(--castio-gold)!important;border-color:var(--castio-gold)!important;color:var(--castio-dark)!important}
.castio-btn--gold:hover{background:transparent!important;color:var(--castio-gold)!important}
.castio-btn--outline{background:transparent!important;border-color:var(--castio-gold)!important;color:var(--castio-gold)!important}
.castio-btn--outline:hover{background:var(--castio-gold)!important;color:var(--castio-dark)!important}
.castio-btn--outline-white{background:transparent!important;border-color:rgba(255,255,255,0.5)!important;color:var(--castio-white)!important}
.castio-btn--outline-white:hover{background:var(--castio-white)!important;color:var(--castio-dark)!important}

/* ===== SECTION ELEMENTS ===== */
.castio-section-label{display:inline-block;font-family:var(--castio-font-body),sans-serif;font-size:10px;font-weight:300;letter-spacing:4px;text-transform:uppercase;color:var(--castio-gold);margin-bottom:16px}
.castio-section-title{font-family:var(--castio-font-heading),serif;font-size:clamp(36px,5vw,58px);font-weight:300;line-height:1.1;letter-spacing:-0.01em;color:var(--castio-text);margin:0 0 24px}

/* ===== HEADER ===== */
.castio-header {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 9999;
    height: var(--castio-header-h);
    background: var(--castio-header-bg);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(201,168,76,0.12);
    transition: background var(--castio-transition), box-shadow var(--castio-transition);
}
.castio-header.scrolled {
    background: rgba(10,10,16,1);
    box-shadow: 0 4px 24px rgba(0,0,0,0.3);
}
.castio-header__inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 48px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.castio-header__logo {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    line-height: 1;
}
.castio-header__logo-text {
    font-family: var(--castio-font-heading), serif;
    font-size: 22px;
    font-weight: 500;
    color: var(--castio-gold);
    letter-spacing: 4px;
    text-transform: uppercase;
}
.castio-header__logo-sub {
    font-family: var(--castio-font-body), sans-serif;
    font-size: 9px;
    font-weight: 300;
    color: rgba(255,255,255,0.45);
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-top: 2px;
}
.castio-header__nav {
    display: flex;
    align-items: center;
    gap: 40px;
}
.castio-header__nav-link {
    font-family: var(--castio-font-body), sans-serif;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.75);
    text-decoration: none;
    position: relative;
    transition: color var(--castio-transition-fast);
}
.castio-header__nav-link::after {
    content: '';
    position: absolute;
    bottom: -4px; left: 0;
    width: 0; height: 1px;
    background: var(--castio-gold);
    transition: width var(--castio-transition);
}
.castio-header__nav-link:hover,
.castio-header__nav-link.active {
    color: var(--castio-gold);
}
.castio-header__nav-link:hover::after,
.castio-header__nav-link.active::after {
    width: 100%;
}
.castio-header__right {
    display: flex;
    align-items: center;
    gap: 24px;
}
.castio-header__lang {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: var(--castio-font-body), sans-serif;
    font-size: 11px;
    letter-spacing: 1.5px;
}
.castio-header__lang a {
    color: rgba(255,255,255,0.5);
    text-decoration: none;
    transition: color var(--castio-transition-fast);
}
.castio-header__lang a.active,
.castio-header__lang a:hover {
    color: var(--castio-gold);
}
.castio-header__lang span {
    color: rgba(255,255,255,0.2);
}
.castio-header__cta {
    display: inline-block;
    padding: 10px 24px;
    border: 1px solid var(--castio-gold);
    font-family: var(--castio-font-body), sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--castio-gold);
    text-decoration: none;
    transition: all var(--castio-transition-fast);
}
.castio-header__cta:hover {
    background: var(--castio-gold);
    color: var(--castio-dark);
}
.castio-header__cta--outline {
    background: var(--castio-gold);
    border-color: var(--castio-gold);
    color: var(--castio-dark);
    font-weight: 600;
}
.castio-header__cta--outline:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: var(--castio-dark);
}
.castio-header__hamburger {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    padding: 8px;
    background: none;
    border: none;
}
.castio-header__hamburger span {
    display: block;
    width: 22px;
    height: 1px;
    background: var(--castio-white);
    transition: all 0.3s;
}

/* ===== DOTS MENU (desktop hidden) ===== */
.castio-header__dots-toggle{display:none}
.castio-header__dots-menu{display:none}

/* ===== FOOTER ===== */
.castio-footer{background:var(--castio-dark);padding:60px 0 40px;border-top:1px solid rgba(196,150,124,0.15)}
.castio-footer__inner{max-width:1440px;margin:0 auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}
.castio-footer__brand{display:flex;flex-direction:column}
.castio-footer__logo{font-family:var(--castio-font-heading),serif;font-size:20px;font-weight:500;color:var(--castio-gold);letter-spacing:4px;text-transform:uppercase}
.castio-footer__tagline{font-family:var(--castio-font-body),sans-serif;font-size:10px;letter-spacing:2px;color:rgba(255,255,255,0.3);text-transform:uppercase;margin-top:4px}
.castio-footer__links{display:flex;gap:32px}
.castio-footer__links a{font-family:var(--castio-font-body),sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.5);text-decoration:none;transition:color var(--castio-transition-fast)}
.castio-footer__links a:hover{color:var(--castio-gold)}
.castio-footer__copy{font-family:'Inter',sans-serif;font-size:12px;color:rgba(255,255,255,0.25)}

/* ===== ALERTS ===== */
.castio-alert{padding:16px 20px;margin-bottom:28px;font-family:'Inter',sans-serif;font-size:14px}
.castio-alert--success,.castio-alert-success{background:rgba(45,171,114,0.08);border:1px solid rgba(45,171,114,0.3);color:var(--castio-green)}
.castio-alert--error,.castio-alert-error{background:rgba(224,85,85,0.08);border:1px solid rgba(224,85,85,0.3);color:var(--castio-red)}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
    :root{--castio-header-h:64px}
    .castio-header__inner{padding:0 20px}
    .castio-header__nav{display:none;position:fixed;top:var(--castio-header-h);left:0;right:0;background:rgba(10,10,16,0.98);flex-direction:column;padding:32px 24px;gap:24px}
    .castio-header__nav.open{display:flex}
    .castio-header__nav-link{color:rgba(255,255,255,0.85);font-size:13px}
    .castio-header__hamburger{display:flex}
    .castio-header__lang{display:none!important}

    /* Sağ alan butonlarını gizle — üç nokta menüsünde gösterilecek */
    .castio-header__cta{display:none!important}

    /* Üç Nokta Butonu */
    .castio-header__dots-toggle{
        display:flex;
        align-items:center;
        justify-content:center;
        width:36px;
        height:36px;
        background:none;
        border:1px solid rgba(201,168,76,0.3);
        border-radius:50%;
        cursor:pointer;
        padding:0;
        position:relative;
    }
    .castio-header__dots-toggle::before{
        content:'⋮';
        color:var(--castio-gold);
        font-size:20px;
        line-height:1;
    }

    /* Dropdown Menü */
    .castio-header__dots-menu{
        display:none;
        position:absolute;
        top:calc(var(--castio-header-h) - 4px);
        right:20px;
        background:rgba(10,10,16,0.98);
        border:1px solid rgba(201,168,76,0.2);
        border-radius:12px;
        padding:16px 20px;
        min-width:180px;
        flex-direction:column;
        gap:12px;
        z-index:10000;
        backdrop-filter:blur(16px);
        box-shadow:0 12px 40px rgba(0,0,0,0.4);
    }
    .castio-header__dots-menu.open{display:flex}
    .castio-header__dots-menu a{
        display:block;
        font-family:var(--castio-font-body),sans-serif;
        font-size:13px;
        font-weight:500;
        letter-spacing:1.5px;
        text-transform:uppercase;
        color:rgba(255,255,255,0.8);
        text-decoration:none;
        padding:10px 0;
        border-bottom:1px solid rgba(255,255,255,0.06);
        transition:color 0.2s ease;
    }
    .castio-header__dots-menu a:last-child{border-bottom:none}
    .castio-header__dots-menu a:hover{color:var(--castio-gold)}
    .castio-header__dots-menu .castio-dots-lang{
        display:flex;
        gap:12px;
        padding-top:8px;
    }
    .castio-header__dots-menu .castio-dots-lang a{
        padding:6px 12px;
        border:1px solid rgba(201,168,76,0.3);
        border-radius:6px;
        font-size:11px;
        text-align:center;
    }
    .castio-header__dots-menu .castio-dots-lang a.active{
        background:var(--castio-gold);
        color:var(--castio-dark);
        border-color:var(--castio-gold);
    }

    body.admin-bar .castio-header__nav{top:calc(var(--castio-header-h) + 46px)}
}