/* ============================================================================
   Lunayra — site.css
   Tasarımda karşılığı olmayan, YENİ sayfalar için gereken ortak sınıflar.
   Tüm değerler tasarımın token'larından (design.css yorumlarındaki palet) alınmıştır.
   Tasarımdan aktarılan sayfaların inline style'larına burada dokunulmaz.
   ========================================================================== */

/* --- yazı akışı (blog gövdesi, politika sayfaları) ------------------------ */
.lun-prose{font-size:16px;line-height:1.85;color:#6B5A45;}
.lun-prose h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:30px;letter-spacing:2px;color:#4C3A28;margin:44px 0 14px;}
.lun-prose h3{font-size:20px;font-weight:600;color:#4C3A28;margin:32px 0 10px;}
.lun-prose p{margin:0 0 18px;text-wrap:pretty;}
.lun-prose ul,.lun-prose ol{margin:0 0 18px;padding-left:22px;}
.lun-prose li{margin-bottom:9px;}
.lun-prose strong{color:#4C3A28;font-weight:600;}
.lun-prose em{font-style:italic;}
.lun-prose a{color:#8A5A36;text-decoration:underline;text-underline-offset:3px;}
.lun-prose blockquote{margin:0 0 20px;padding:16px 22px;background:#F7E3CE;border-radius:14px;font-style:italic;}
.lun-prose hr{border:0;border-top:1px solid #EADDC6;margin:34px 0;}

/* --- form alanları (tasarımdaki iletişim formu ölçüleriyle birebir) -------- */
.lun-field{display:flex;flex-direction:column;gap:8px;}
.lun-label{font-size:13.5px;letter-spacing:1px;color:#7C6A55;}
.lun-input,
.lun-select,
.lun-textarea{
    border:1px solid #D8C7AB;border-radius:10px;padding:13px 16px;
    font-family:'Jost',sans-serif;font-size:15px;background:#FFFDF8;color:#4C3A28;outline:none;width:100%;
    transition:border-color .2s ease;
}
.lun-input:focus,.lun-select:focus,.lun-textarea:focus{border-color:#8A5A36;}
.lun-textarea{resize:vertical;min-height:120px;}
.lun-input[aria-invalid="true"],.lun-textarea[aria-invalid="true"]{border-color:#B4657A;}
.lun-error{font-size:12.5px;color:#6E2F3E;}
.lun-hint{font-size:12.5px;color:#8A785F;line-height:1.55;}

/* --- butonlar (tasarımdaki pill ölçüleri) --------------------------------- */
.lun-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:9px;
    background:#8A5A36;color:#FBF4E8;padding:15px 44px;border-radius:999px;
    font-family:'Jost',sans-serif;font-size:14.5px;letter-spacing:2.5px;text-transform:uppercase;
    border:none;cursor:pointer;transition:background .25s ease,color .25s ease;
}
.lun-btn:hover{background:#6F4426;color:#FBF4E8;}
.lun-btn--sm{padding:11px 28px;font-size:13px;letter-spacing:2px;}
.lun-btn--ghost{background:transparent;color:#6F4426;border:1.5px solid #C9A87F;}
.lun-btn--ghost:hover{background:#8A5A36;color:#FBF4E8;border-color:#8A5A36;}
.lun-btn--wine{background:#6E2F3E;color:#F2DCC8;}
.lun-btn--wine:hover{background:#57242F;color:#F2DCC8;}
.lun-btn[disabled]{opacity:.5;cursor:not-allowed;}

/* --- kart ve panel yüzeyleri ---------------------------------------------- */
.lun-card{background:#FBF4E8;border:1px solid #EADDC6;border-radius:18px;}
.lun-panel{background:#FBF4E8;border:1px solid #EADDC6;border-radius:20px;padding:36px 40px;}
.lun-band{background:#F7E3CE;border-radius:16px;padding:32px 36px;}

/* --- sayfa başlığı bandı (tasarımdaki iç sayfa hero'suyla aynı) ----------- */
.lun-page-hero{background:#F7E3CE;padding:64px;text-align:center;position:relative;overflow:hidden;}
.lun-page-title{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:52px;letter-spacing:6px;margin:0 0 14px;color:#4C3A28;text-transform:uppercase;}
.lun-page-lede{font-size:17px;letter-spacing:1px;color:#7C5A38;margin:0;}

/* --- tablolar (hesabım, admin dışı listeler) ------------------------------ */
.lun-table{width:100%;border-collapse:collapse;font-size:14.5px;}
.lun-table th{text-align:left;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;color:#8A785F;font-weight:500;padding:0 16px 12px;}
.lun-table td{padding:16px;border-top:1px solid #EADDC6;color:#4C3A28;vertical-align:middle;}

/* --- durum rozetleri ------------------------------------------------------ */
.lun-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:999px;font-size:11.5px;letter-spacing:1.2px;text-transform:uppercase;}
.lun-badge--new{background:#EFDDBE;color:#6F4426;}
.lun-badge--confirmed{background:#E4E8D2;color:#4C5B27;}
.lun-badge--preparing{background:#F7E3CE;color:#8A5A36;}
.lun-badge--shipped{background:#DDE5F0;color:#3A5068;}
.lun-badge--delivered{background:#D7E4C6;color:#3F5722;}
.lun-badge--cancelled{background:#F1DCDF;color:#6E2F3E;}
.lun-badge--soon{background:#EFDDBE;color:#8A5A36;}

/* --- sayfalama ------------------------------------------------------------ */
.lun-pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:48px;flex-wrap:wrap;}
.lun-pager a,.lun-pager span{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:14px;color:#6F4426;padding:0 12px;}
.lun-pager a{border:1.5px solid #C9A87F;transition:all .25s ease;}
.lun-pager a:hover{background:#8A5A36;color:#FBF4E8;border-color:#8A5A36;}
.lun-pager .is-active{background:#8A5A36;color:#FBF4E8;border:1.5px solid #8A5A36;}
.lun-pager .is-gap{color:#B49F86;}

/* --- boş durum ------------------------------------------------------------ */
.lun-empty{text-align:center;padding:70px 24px;color:#8A785F;}
.lun-empty h3{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:26px;letter-spacing:2px;color:#4C3A28;margin:0 0 10px;}
.lun-empty p{margin:0 0 24px;font-size:15px;line-height:1.65;}

/* --- ücretsiz kargo çubuğu ------------------------------------------------ */
.lun-ship-bar{height:6px;background:#EADDC6;border-radius:999px;overflow:hidden;}
.lun-ship-bar span{display:block;height:100%;background:#75824A;border-radius:999px;transition:width .4s ease;}

/* --- ürün kartı görsel hover ---------------------------------------------- */
.lun-product-card img{transition:transform .5s ease;}
.lun-product-card:hover img{transform:scale(1.04);}

/* --- klavyeyle gezinme: içeriğe atla ------------------------------------- */
.lun-skip{
    position:absolute;left:-9999px;top:0;z-index:400;
    background:#8A5A36;color:#FBF4E8;padding:13px 26px;border-radius:0 0 12px 0;
    font-size:14px;letter-spacing:1.5px;text-transform:uppercase;
}
.lun-skip:focus{left:0;color:#FBF4E8;}

/* --- grid/flex taşma koruması --------------------------------------------
   Varsayılan min-width:auto, geniş içerikli bir çocuğun kutuyu genişletmesine
   yol açar. Tasarımın grid'lerinde bunu sıfırlıyoruz.                        */
.lun-cart-grid > *, .lun-product-grid > *, .lun-contact-grid > *,
.lun-grid-3 > *, .lun-grid-4 > *, .lun-split > *{min-width:0;}

/* --- yardımcılar ---------------------------------------------------------- */
.lun-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
[hidden]{display:none !important;}