/* TeenZone (13–16 yaş) palette.
 *
 * The TeenZone page reuses the Kids Club page components one-to-one (same
 * markup, same classes, body class "kids-page teen-page"), so layout, spacing
 * and behaviour stay identical. This file only swaps the purple/cream Kids
 * palette for the TeenZone campaign colours (deep blue + yellow). It is loaded
 * from the TeenZone page alone, after site.css, so equal-specificity rules here
 * win and no other page is affected.
 */
.teen-page{--kid-purple:#173f8a;--kid-ink:#13254a;--kid-yellow:#ffd84d;--kid-cream:#eaf1ff;--kid-teal:#bfe3f5;--kid-orange:#ffd28a;--kid-pink:#dfe7ff;--brand:#173f8a;--navy:#173f8a;--ink:#13254a;--deep:#13254a;--muted:#5d6b86;--line:#d8e1f0;background:#fbfdff;color:#13254a}
.teen-page .site-header{background:#fbfdff;color:#13254a;border-bottom-color:#e3e9f4}
.teen-page .kids-brand-text span{color:#e0a100}
.teen-page .nav-cta{border-color:#c9d6ee}
.teen-page .site-header .nav-disclosure[open]>summary{color:#2f5fb8}
.teen-page .site-header .menu-toggle{color:#173f8a}
.teen-page .mobile-nav,.teen-page .site-header .mobile-nav{background:#14306b}
.teen-page .site-header .mobile-sheet-links>a[aria-current="page"]{color:#ffd84d}
.teen-page .site-header .mobile-sheet-links>a>.ui-icon{color:#b9c8e6}
.teen-page .site-header .mobile-sheet-contact>p,.teen-page .site-header .mobile-sheet-number{color:#c9d6ee}
.teen-page .site-header .mobile-sheet-contact .mobile-call{color:#13254a}
.teen-page .site-footer{background:#14306b}
.teen-page .site-footer[data-design=refined]{background:#122b60}
.teen-page .footer-address>span,.teen-page .footer-bottom{color:#b9c8e6}
.teen-page .footer-address p,.teen-page .footer-links a{color:#dfe7f6}
.teen-page .footer-bottom>span:nth-child(2):after{content:"Konuş. Paylaş. Keşfet."}
.teen-page :focus-visible{outline-color:#e0a100}

.teen-page .kids-hero .kids-eyebrow{color:#4a5d86}
.teen-page .kids-hero h1>em{color:#d98e04}
.teen-page .kids-hero-copy>p:not(.kids-eyebrow){color:#4a5878}
.teen-page .kids-button:hover{box-shadow:0 8px 0 #0e2552}
.teen-page .kids-button:active{box-shadow:0 2px 0 #0e2552}
.teen-page .kids-location,.teen-page.kids-page .kids-location{color:#4f5f80}
.teen-page .kids-location .map-heart{color:#d98e04}
.teen-page .kids-photo-topline p{color:#4a5878}
.teen-page .kids-photo-frame{box-shadow:8px 10px 0 #c9d8f3,0 18px 36px #13254a14}
.teen-page .kids-photo-frame img{aspect-ratio:3/2;object-fit:cover}
.teen-page .kids-photo-caption>span:last-child{color:#56647f}

.teen-page .kids-section-heading .kids-eyebrow{color:#5d6f96}
.teen-page .kids-section-heading h2 em{color:#3f6fc9}

.teen-page .kids-program{--accent:#173f8a;background:#eef3ff;border-color:#d6e1f7}
.teen-page .kids-program-1{--accent:#0b6e8a;background:#e8f7fb;border-color:#c4e6ef}
.teen-page .kids-program-2{--accent:#a86f00;background:#fff8e3;border-color:#f3e1a6}
.teen-page .kids-program ul a{color:inherit;text-decoration:underline;text-underline-offset:3px}

.teen-page .kids-story{background:#e6eefc}
.teen-page .kids-story h2>span{color:#2f5fb8}
.teen-page .kids-story h2 em{color:#5b86d6}
.teen-page .kids-story .kids-eyebrow{color:#5d6f96}
.teen-page .kids-story-steps>div{border-bottom-color:#cbd8f0}
.teen-page .kids-story-steps>div>span{color:#3f6fc9}
.teen-page .kids-story-steps>div:nth-child(2)>span{background:#ffe9a8}
.teen-page .kids-story-steps>div:nth-child(3)>span{background:#cfe7f5}

.teen-page .kids-parent-heading h2 em{color:#3f6fc9}
.teen-page .faq-list details>p a{color:inherit;text-decoration:underline;text-underline-offset:3px}

.teen-page .kids-contact h2 span{color:#e0a100}
.teen-page .kids-contact-grid>div>p:not(.kids-eyebrow){color:#4a5878}
.teen-page .kids-contact-form{box-shadow:0 8px 0 #173f8a14}
.teen-page .kids-contact-form select{border-color:#cdd8ec}
.teen-page .kids-contact-form select+label{margin-top:16px}
.teen-page .kids-contact-form p{color:#56647f}
.teen-page .utility-bar{background:#13254a}
.teen-page .kids-button{box-shadow:0 5px 0 #0e2552}