/* Header menüsü ve footer — tüm sayfalarda ortak, en son yüklenir. */

/* Logo: kırpılan PNG'nin ölçüsü kutuyla orantılı kalsın (mobilde kesilmesin). */
@media(max-width:650px){header .logo.logo{width:128px;height:50px}header .logo.logo img{width:158px;left:-16px;top:-58px}}

/* Menü butonu */
.mobilemenu{display:none}
.mm-icon{position:relative;display:inline-block;width:18px;height:12px}
.mm-icon i{position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .25s,opacity .2s}
.mm-icon i:nth-child(1){top:0}.mm-icon i:nth-child(2){top:5px}.mm-icon i:nth-child(3){top:10px}
.mobilemenu[aria-expanded="true"] .mm-icon i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.mobilemenu[aria-expanded="true"] .mm-icon i:nth-child(2){opacity:0}
.mobilemenu[aria-expanded="true"] .mm-icon i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

@media(max-width:1050px){
 .mobilemenu{display:inline-flex;align-items:center;gap:10px;min-height:0;padding:10px 14px;border:1px solid #151515;background:transparent;color:#151515;font-size:14px;line-height:1;cursor:pointer}
 .mobilemenu[aria-expanded="true"]{background:#151515;color:#fff}
 .mobilemenu:focus-visible{outline:2px solid #C8102E;outline-offset:3px}
 body.menu-open{overflow:hidden}

 /* Header'ın hemen altından tam ekran açılan panel */
 header nav#site-nav{position:fixed;top:var(--header-bottom,76px);left:0;right:0;bottom:0;z-index:60;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0;padding:6px 20px 32px;background:#F8F7F3;border:0;border-top:1px solid #DFDED8;overflow-y:auto;overscroll-behavior:contain;visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .22s,transform .22s,visibility 0s .22s}
 header nav#site-nav.open{display:flex;visibility:visible;opacity:1;transform:none;transition:opacity .22s,transform .22s}
 #site-nav>a:not(.btn){display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid #DFDED8;font-family:Archivo,Arial,sans-serif;font-size:26px;font-weight:600;letter-spacing:-.01em;color:#151515}
 #site-nav>a:not(.btn)::after{content:"↗";font-size:16px;font-weight:400;color:#72716D}
 #site-nav>a:not(.btn):hover,#site-nav>a.active{color:#C8102E}

 /* "En çok kullanılanlar": panelde hep açık, kart ızgarası */
 #site-nav .r29-quick-access{min-width:0;margin-top:26px}
 #site-nav .r29-quick-access>summary{pointer-events:none;justify-content:flex-start;padding:0 0 12px;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#6b1f32}
 #site-nav .r29-quick-access>summary>span{display:none}
 #site-nav .r29-quick-menu{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:auto;margin:0;padding:0;border:0;background:none;box-shadow:none}
 #site-nav .r29-quick-menu a{padding:15px 12px;border:1px solid #DFDED8;border-radius:10px;background:#fff;font-size:13px}
 #site-nav .r29-quick-menu a:last-child{border:1px solid #DFDED8}

 #site-nav>a.btn{margin-top:26px;padding:17px!important;border:0;background:#151515;color:#fff;font-size:15px;text-align:center;justify-content:center}
}

/* Ana sayfa, mobil: alt alta uzayan kart grupları yatay kaydırmalı şerit olur. */
.guides-more{display:flex;justify-content:center;margin-top:26px}
@media(max-width:700px){
 .home-page .week-notes,.home-page .home-guides .grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
 .home-page .week-notes::-webkit-scrollbar,.home-page .home-guides .grid::-webkit-scrollbar{display:none}
 .home-page .week-notes>*,.home-page .home-guides .grid>*{scroll-snap-align:start;min-width:0}
 .home-page .week-notes img{height:300px}
 .guides-more .btn{width:100%;text-align:center}
}

/* Üye sayfaları (Kulübüm, Gardırobum, ürün ekleme, Ne giysem?, haftalık plan…), mobil:
   parmakla rahat dokunulan alanlar, okunur yazılar, iOS'ta odaklanınca yakınlaşmayan formlar. */
@media(max-width:760px){
 /* Üye menüsü: yatay kaydırmalı sekmeler, kenarda devamı olduğunu gösteren solma */
 .workspace .side{gap:6px;padding-bottom:12px;margin-bottom:22px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
 .workspace .side::-webkit-scrollbar{display:none}
 .workspace .side>a{display:flex;align-items:center;min-height:44px;padding:0 14px;font-size:14px;border:1px solid #DFDED8;background:#fff;scroll-snap-align:start}
 .workspace .side>a.active{border-color:#151515;border-left-width:1px;background:#151515;color:#fff}
 .workspace .side>a:last-child{margin-right:40px}

 /* Formlar: 16px yazı (iOS yakınlaştırmasın), en az 48px yükseklik */
 .workspace input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),.workspace select,.workspace textarea{font-size:16px;min-height:48px}
 .workspace input[type=checkbox],.workspace input[type=radio]{width:20px;height:20px;flex:none;accent-color:#151515}
 .workspace label:has(>input[type=checkbox]),.workspace label:has(>input[type=radio]){display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;line-height:1.35}
 .workspace label,.workspace legend{font-size:13px}

 /* Butonlar ve seçim çipleri */
 .workspace button,.workspace .btn{min-height:44px;font-size:13px}
 .workspace summary{display:flex;align-items:center;min-height:44px}
 .workspace .chip{min-height:42px;padding:0 14px;font-size:13px}
 .workspace .heart{width:42px;height:42px;font-size:18px}
 .workspace a.arrow{display:inline-flex;align-items:center;min-height:40px;font-size:13px}
 .workspace form button[type=submit],.workspace form .red{width:100%;justify-content:center;min-height:52px;font-size:15px}

 /* Çok küçük kalan yazılar */
 .workspace .small,.workspace .eyebrow,.workspace .ward-category-count,.workspace .wp-day-status,.workspace .td-help,.workspace .td-demo-note{font-size:12px}

 /* Gardırop · ürün ekleme: görsel formu ekranın altına itmesin */
 .workspace .wardrobe-config-photo{height:190px}

 /* Haftalık plan: boş gün koca bir gri kutu yerine ince bir satır */
 .wp-day-image:not(:has(img)){height:auto;min-height:52px;margin:10px 0}
 .wp-day-buttons>*{flex:1 1 auto}
}

/* Footer */
.club-footer{background:#EEEDE7;border-top:1px solid #DFDED8}
.footer-base{display:grid;grid-template-columns:minmax(220px,1fr) 3fr;gap:40px;align-items:start}
.footer-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding-top:12px}
.footer-nav a{display:block;margin-top:11px;font-size:13px;color:#151515}
.footer-nav a:hover,.footer-bottom a:hover{color:#C8102E}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.footer-slogan{color:#72716D}
@media(max-width:900px){.footer-base{grid-template-columns:1fr;gap:26px}}
@media(max-width:700px){.footer-brand .logo{width:200px;height:78px}.footer-brand .logo img{width:237px;left:-18px;top:-83px}.footer-nav{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-nav a{font-size:14px;padding:3px 0}.footer-slogan{flex-basis:100%;order:3}}

/* Footer iletişim formu (logonun altında, footer düzeni korunur) */
.footer-contact{margin:20px 0 0;max-width:340px;display:grid;gap:8px}
.fc-title{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#151515;margin-bottom:2px}
.fc-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.footer-contact label{display:grid;gap:4px;margin:0}
.footer-contact label>span{font-size:12px;color:#72716D}
.footer-contact input,.footer-contact textarea{width:100%;box-sizing:border-box;border:1px solid #DFDED8;border-radius:0;background:#fff;padding:9px 10px;font:14px/1.4 Jost,sans-serif;color:#151515;min-height:0;margin:0}
.footer-contact textarea{resize:vertical;min-height:72px}
.footer-contact input:focus,.footer-contact textarea:focus{outline:none;border-color:#151515}
.fc-foot{display:flex;align-items:center;gap:12px;margin-top:2px}
.footer-contact button{border:0;border-radius:0;background:#151515;color:#fff;padding:11px 18px;font:600 13px Jost,sans-serif;cursor:pointer;min-height:0;white-space:nowrap}
.footer-contact button:hover{background:#C8102E}
.footer-contact button:disabled{opacity:.6;cursor:wait}
.fc-foot small{font-size:11px;line-height:1.35;color:#72716D}
.fc-foot small a{color:#72716D;text-decoration:underline}
.fc-trap{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.fc-status{margin:0;font-size:13px;color:#151515;min-height:0}
.fc-status:empty{display:none}
.fc-status.is-error{color:#C8102E}
/* Üyelik formlarının durum / hata satırı (app.js · auth) */
.auth .form-msg{margin:14px 0 0;font-size:14px;line-height:1.5;color:#151515}
.auth .form-msg:empty{display:none}
@media(max-width:900px){.footer-contact{max-width:460px}}
@media(max-width:380px){.fc-row{grid-template-columns:1fr}}

/* Üyelere özel sayfa kapısı ve alttaki "kulübe katıl" çağrısı */
.club-perks{list-style:none;margin:22px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
.club-perks li{position:relative;padding-left:20px;font-size:15px}
.club-perks li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;background:#C8102E}
.club-gate-actions{display:flex;flex-wrap:wrap;gap:10px}
.club-gate-more{margin-top:18px}
.club-prompt{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:1000;width:min(520px,calc(100% - 32px));display:flex;align-items:center;gap:12px;background:#151515;color:#fff;padding:14px 14px 14px 18px;box-shadow:0 14px 40px rgba(0,0,0,.25)}
.club-prompt p{flex:1;margin:0;font-size:14px;line-height:1.35}
.club-prompt .btn{white-space:nowrap;padding:10px 14px;min-height:0}
.club-prompt-close{background:transparent;border:0;color:#fff;font-size:22px;line-height:1;padding:4px 6px;min-height:0;cursor:pointer}
.club-join-teaser{border:1px solid #C8102E;background:#fff;padding:14px 16px;margin:0 0 18px;font-size:15px}
.club-join-teaser b{color:#C8102E}
@media(max-width:560px){.club-perks{grid-template-columns:1fr}.club-prompt{flex-wrap:wrap}.club-prompt p{flex-basis:100%}}