/* Sengüloglu – child theme CSS. Only what Uncode settings/elements cannot do (rule 8 in CLAUDE.md).
   Colours, typography sizes, header/menu type, palette and layouts live in Uncode Theme Options. */

/* 1. Self-hosted fonts (OFL, Fontsource). Uncode cannot upload font files; Google-hosted fonts would be a GDPR issue.
      Uncode Theme Options use them via the manual font groups font-abkser / font-abksan. */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/cormorant-garamond-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/cormorant-garamond-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:300 700;font-display:swap;src:url(../fonts/cormorant-garamond-latin-wght-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:300 700;font-display:swap;src:url(../fonts/cormorant-garamond-latin-ext-wght-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/manrope-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/manrope-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{--abk-ivory:#FCFAF6;--abk-walnut:#2B1D14;--abk-pistachio:#5E7A3A;--abk-red:#8D2519;--abk-gold:#B08D57;--abk-muted:#6B5A4C;--abk-on-dark:#F3EBDD;
  --abk-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--abk-sans:"Manrope",system-ui,-apple-system,"Segoe UI",Arial,sans-serif}

/* 2. Google rating – output of [abk_rating] (dynamic data, no Uncode element for it) */
/* ---- Google rating ---- */
.abk-stars{position:relative;display:inline-block;width:86px;height:15px;vertical-align:-2px;background:linear-gradient(90deg,rgba(176,141,87,.35) 0 100%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 86 15'%3E%3Cg%3E%3Cpath id='s' d='M7.5 0l2.2 4.8 5.3.6-3.9 3.6 1 5.2-4.6-2.6-4.6 2.6 1-5.2L0 5.4l5.3-.6z'/%3E%3Cuse href='%23s' x='17.6'/%3E%3Cuse href='%23s' x='35.2'/%3E%3Cuse href='%23s' x='52.8'/%3E%3Cuse href='%23s' x='70.4'/%3E%3C/g%3E%3C/svg%3E") no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 86 15'%3E%3Cg%3E%3Cpath id='s' d='M7.5 0l2.2 4.8 5.3.6-3.9 3.6 1 5.2-4.6-2.6-4.6 2.6 1-5.2L0 5.4l5.3-.6z'/%3E%3Cuse href='%23s' x='17.6'/%3E%3Cuse href='%23s' x='35.2'/%3E%3Cuse href='%23s' x='52.8'/%3E%3Cuse href='%23s' x='70.4'/%3E%3C/g%3E%3C/svg%3E") no-repeat}
.abk-stars span{position:absolute;inset:0 auto 0 0;background:var(--abk-gold)}
.abk-rating-bar{display:inline-flex;align-items:center;gap:10px;font:500 13px/1 var(--abk-sans);color:var(--abk-walnut)!important;text-decoration:none!important;padding:10px 0}
.abk-rating-bar b{font-weight:700}
.abk-rating-bar span:last-child{color:var(--abk-muted);border-bottom:1px solid rgba(176,141,87,.6);padding-bottom:2px}
.abk-rating-block{text-align:center;border:1px solid rgba(176,141,87,.55);padding:44px 28px;position:relative}
.abk-rating-block::before,.abk-rating-block::after{content:"";position:absolute;width:8px;height:8px;border:1px solid var(--abk-gold);background:var(--abk-ivory);transform:rotate(45deg)}
.abk-rating-block::before{left:-5px;top:-5px}.abk-rating-block::after{right:-5px;bottom:-5px}
.abk-rating-score b{display:block;font:400 76px/1 var(--abk-serif);color:var(--abk-walnut)}
.abk-rating-score span{display:block;font:600 11px/1.4 var(--abk-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--abk-muted);margin:6px 0 14px}
.abk-rating-block .abk-stars{width:115px;height:20px}
.abk-rating-block p{margin:14px 0 0!important}
.abk-rating-links{display:flex;flex-direction:column;align-items:center;gap:14px}
.abk-rating-links .abk-link{margin-left:0}
.abk-rating-how{font-size:12px;color:var(--abk-muted)!important}
.abk-link{font:600 13px/1 var(--abk-sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none!important;border-bottom:1px solid var(--abk-gold);padding-bottom:5px}

/* 4. Language switcher shows DE/EN/TR codes (WPML menu switcher only offers flags or full names) */
body .wpml-ls-menu-item .wpml-ls-flag{display:none!important}
body .wpml-ls-menu-item .wpml-ls-native, body .wpml-ls-menu-item .wpml-ls-display{font-size:0!important;letter-spacing:0!important}
body .wpml-ls-menu-item > a::after{font:600 12px/1 var(--abk-sans);letter-spacing:.16em}
body .wpml-ls-menu-item.wpml-ls-item-de > a::after{content:"DE"}
body .wpml-ls-menu-item.wpml-ls-item-en > a::after{content:"EN"}
body .wpml-ls-menu-item.wpml-ls-item-tr > a::after{content:"TR"}
body .wpml-ls-menu-item > a{display:inline-flex!important;align-items:center;gap:4px}
body .wpml-ls-menu-item > a .fa-dropdown{order:2}
/* Top bar (menu "Top-Bar", WPML list switcher): no submenu arrow, current language bright, others dimmed */
.top-menu .wpml-ls-menu-item .fa-dropdown{display:none!important}
.top-menu .wpml-ls-menu-item > a::after{font-size:11px;color:rgba(243,235,221,.55);transition:color .2s}
.top-menu .wpml-ls-menu-item > a:hover::after, .top-menu .wpml-ls-current-language > a::after{color:var(--abk-on-dark)}
/* Footer (WPML shortcode switcher in the legal row): no WPML box padding, current language highlighted */
#colophon .wpml-ls-legacy-list-horizontal, #colophon .wpml-ls-legacy-list-horizontal ul, #colophon .wpml-ls-legacy-list-horizontal li{margin:0;padding:0;border:0}
#colophon .wpml-ls-legacy-list-horizontal a{padding:0 0 0 16px;opacity:.6}
#colophon .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a{opacity:1;color:var(--abk-gold)!important;font-weight:600}

/* 4b. Mobile menu content block ("Mobile Menü (abk)"): Uncode applies the header menu's 0.16em letter-spacing
       (.font-weight-menu) to the menu element inside it, and there is no font-spacing preset to override it.
       The WPML menu switcher item is hidden here because the block has its own WPML language switcher row. */
#uncode-mobile-menu-block .font-weight-menu, #uncode-mobile-menu-block .unmenu-title, #uncode-mobile-menu-block .unmenu-title *{letter-spacing:0!important}
#uncode-mobile-menu-block .wpml-ls-menu-item{display:none!important}
#uncode-mobile-menu-block .wpml-ls-legacy-list-horizontal, #uncode-mobile-menu-block .wpml-ls-legacy-list-horizontal ul, #uncode-mobile-menu-block .wpml-ls-legacy-list-horizontal li{margin:0;padding:0}
#uncode-mobile-menu-block .wpml-ls-current-language a{color:var(--abk-red)!important;font-weight:600}
#uncode-mobile-menu-block .wpml-ls-legacy-list-horizontal a{padding:0 18px 0 0}

/* 4c. Germanized price notes (unit price, VAT, shipping, units, delivery time) in Uncode product grids and on the
       product page (block "Produkt | Layout"): Germanized prints each as its own <p> (the unit price also with the
       class "price", which picks up Uncode's serif price style) and no Uncode option controls them. Keep them as one
       compact block in the text font under the price. */
.single-product .wc-gzd-additional-info, .single-product .price-unit{margin:0 0 2px!important;font-family:var(--abk-sans)!important;font-size:14px!important;line-height:1.6!important;color:var(--abk-muted)}
.single-product .price-unit{color:var(--abk-walnut)!important;font-weight:600}
.tmb .wc-gzd-additional-info, .tmb .price-unit{font-weight:400!important;margin:2px 0 0!important;font-family:var(--abk-sans)!important;font-size:13px!important;line-height:1.5!important;color:var(--abk-muted)!important}

/* 4d. Top bar statements (Theme Options > Top bar text = <span class="abk-tb">…</span> ×3). Uncode prints this field
   through strip_tags (no shortcodes) and has no rotation option. Desktop: one line with "·"; tablet/phone: one
   statement at a time, cross-fading every 4 s (CSS only). Reduced motion: first statement only. */
.menu-bloginfo-inner .abk-tb+.abk-tb::before{content:"·";margin:0 .7em;opacity:.6}
@media (max-width:959px){
.menu-bloginfo{flex:1 1 auto;min-width:0}
.menu-bloginfo-inner{position:relative;height:1.6em;overflow:hidden}
.menu-bloginfo-inner .abk-tb{position:absolute;left:0;right:0;top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;animation:abk-tb 12s infinite}
.menu-bloginfo-inner .abk-tb+.abk-tb::before{content:none}
.menu-bloginfo-inner .abk-tb:nth-child(2){animation-delay:4s}
.menu-bloginfo-inner .abk-tb:nth-child(3){animation-delay:8s}
}
@keyframes abk-tb{0%{opacity:0;transform:translateY(4px)}4%,30%{opacity:1;transform:none}34%,100%{opacity:0;transform:translateY(-4px)}}
@media (max-width:959px) and (prefers-reduced-motion:reduce){.menu-bloginfo-inner .abk-tb{animation:none}.menu-bloginfo-inner .abk-tb:first-child{opacity:1}}