/* ============================================================
   glastuerwelt.de - Taban yazi boyutu: hicbir metin 12 px altinda olmasin
   themes/classicc/assets/css/gw-min12.css   (en son yuklenir)

   Lighthouse SEO denetimi "Document uses legible font sizes"
   12 px altindaki metni sayar. Asagidaki kurallar tum kirilimlarda
   (masaustu, tablet, telefon) gecerlidir; bu yuzden medya sorgusu yok.
   ============================================================ */

/* ---------- 1. ANA SAYFA: Design-Plattform kartlari ---------- */
#content .info-card p,
#content .info-card li,
#content .info-card strong,
#content .info-card span {
    font-size: 12px !important;
    line-height: 1.45 !important;
}
#content .cta-links .chip,
#content .cta-links .chip.primary {
    font-size: 12px !important;
    padding: 7px 12px !important;
}

/* ---------- 2. ANA SAYFA: Support karti ve hero rozeti ---------- */
#content .contact-text p.sub,
#content .contact-text p.main,
#content [data-id] .contact-text p.sub,
#content [data-id] .contact-text p.main { font-size: 12px !important; line-height: 1.35 !important; }
#content .gw-hero-badge .gw-badge-l2 { font-size: 12px !important; letter-spacing: .6px !important; }
#content .gw-hero-badge .gw-badge-l1 { font-size: 13px !important; }
#content .gw-mass-eyebrow .elementor-heading-title { font-size: 12px !important; letter-spacing: 1px !important; }
#content .gw-best-eyebrow .elementor-heading-title { font-size: 12.5px !important; }

/* ---------- 3. KATEGORI: hero ---------- */
.page-category.page-category .stw-money-hero__eyebrow {
    font-size: 12px !important;
    letter-spacing: .6px !important;
    padding: 3px 9px !important;
}
.page-category.page-category .stw-money-hero__check { font-size: 12px !important; line-height: 1.3 !important; }
.page-category.page-category .stw-money-hero__button { font-size: 12px !important; }

/* ---------- 4. KATEGORI: alt kategori kutucuklari ---------- */
#gtw-shop-filter .gtw-subcats__name,
.gtw-subcats__name {
    font-size: 12px !important;
    line-height: 1.25 !important;
}
#gtw-shop-filter .gtw-subcats__media,
#gtw-shop-filter .gtw-subcats__media img { width: 36px; height: 36px; flex-basis: 36px; }

/* ---------- 5. KATEGORI: filtre ---------- */
#amazzing_filter .count,
#amazzing_filter .af_filter_content .count,
#amazzing_filter .txt,
.af .txt { font-size: 12px !important; }
#amazzing_filter .af_filter_content label { font-size: 12px !important; }

/* ---------- 6. KATEGORI ALT METNI ve CMS: etiket/dugme ---------- */
#js-product-list-bottom#js-product-list-bottom [class*="__eyebrow"],
.page-cms #content#content [class*="__eyebrow"] {
    font-size: 12px !important;
    letter-spacing: .8px !important;
    line-height: 1.25 !important;
}
#js-product-list-bottom#js-product-list-bottom [class*="__button"],
#js-product-list-bottom#js-product-list-bottom .elementor-button,
.page-cms #content#content [class*="__button"],
.page-cms #content#content .elementor-button {
    font-size: 12px !important;
    padding: 8px 14px !important;
}

/* ---------- 7. GENEL: kucuk etiketler ---------- */
body small,
#content small,
#footer small { font-size: 12px !important; }
.pc-suffix,
#content .pc-suffix { font-size: 12px !important; }

/* ---------- 8. BASLIK/FOOTER ---------- */
#header .gw-slogan p { font-size: 12px !important; }
#footer .gw-foot-bottom .elementor-icon-list-text,
#footer .gw-footer .elementor-icon-list-text { font-size: 12.5px !important; }

/* ---------- 9. ANA SAYFA: telefonda guven seridi ---------- */
#content .gw-trust-box .elementor-icon-box-title,
#content .gw-trust-box .elementor-icon-box-title div { font-size: 12.5px !important; }
#content .gw-trust-box .elementor-icon-box-description { font-size: 12px !important; line-height: 1.3 !important; }
#content .gw-why-box .elementor-icon-box-description,
#content .gw-mass-list .elementor-icon-box-description,
#content .gw-step-desc p { font-size: 12px !important; }

/* ---------- 10. MOBILDE KALAN 12 px ALTI METINLER ---------- */
/* ana sayfa bestseller karuseli */
#content .elementor-title,
#content .elementor-carousel .elementor-title,
.elementor-widget-product-carousel .elementor-title { font-size: 12.5px !important; line-height: 1.3 !important; }
#content .elementor-price,
.elementor-widget-product-carousel .elementor-price { font-size: 13px !important; }

/* ikon listeleri (ana sayfa, footer, kategori) */
#content .elementor-icon-list-text,
#footer .elementor-icon-list-text,
#header .elementor-icon-list-text,
#js-product-list-bottom .elementor-icon-list-text { font-size: 12px !important; }

/* kategori hero metni ve alt kategori adlari */
.page-category.page-category .stw-money-hero__lead { font-size: 12px !important; }
#gtw-shop-filter .gtw-subcats .gtw-subcats__name,
#gtw-shop-filter .gtw-subcats .tvcategory-name,
.gtw-subcats .gtw-subcats__name,
.gtw-subcats .tvcategory-name { font-size: 12px !important; line-height: 1.25 !important; }

/* urun rozetleri */
#products .product-flag,
#products li.product-flag,
.product-flag { font-size: 12px !important; }

/* ---------- 11. UST SERIT ve BREADCRUMB ---------- */
#header .gw-topbar .gw-tb-list .elementor-icon-list-text,
#header .gw-topbar .gw-tb-list .elementor-icon-list-item,
#header .gw-topbar .gw-tb-list .elementor-icon-list-item a { font-size: 12px !important; }
.breadcrumb,
.breadcrumb ol,
.breadcrumb li,
.breadcrumb a,
.breadcrumb span,
nav.breadcrumb span { font-size: 12px !important; }

/* ---------- 12. URUN ROZETLERI (tema sinifi) ---------- */
.tvproduct-flags li,
.tvproduct-flags li span,
#products .tvproduct-flags li,
#products .tvproduct-flags li span,
li.product-flag,
li.product-flag span { font-size: 12px !important; line-height: 1.2 !important; }

/* ============ 6. SAGDAKI YUZEN IKONLAR: KUCUK ve SAKIN ============ */
/* yukari cik dugmesi
   NOT: custom.css bu dosyadan SONRA yukleniyor ve ayni ozgullukte
   !important kurallari var; bu yuzden body ile ozgullugu yukseltiyoruz. */
body .tvbottom-to-top,
body .tvbottom-to-top.is-visible,
body #back-to-top.tvbottom-to-top {
    width: 34px !important;
    height: 34px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 34px !important;
    max-height: 34px !important;
    border-radius: 9px !important;
    opacity: .45 !important;
    box-shadow: 0 3px 10px rgba(12, 28, 60, .18) !important;
    transition: opacity .15s ease, transform .15s ease;
}
/* custom.css'te .tvbottom-to-top[aria-hidden="true"] { opacity:1 !important }
   var; (0,2,0) oldugu icin asagida (0,2,1) ve ustu kullaniyoruz. */
body .tvbottom-to-top.tvbottom-to-top,
body .tvbottom-to-top[aria-hidden],
body .tvbottom-to-top.is-visible.is-visible { opacity: .45 !important; }
body .tvbottom-to-top.tvbottom-to-top:hover,
body .tvbottom-to-top[aria-hidden]:hover,
body .tvbottom-to-top.is-visible.is-visible:hover { opacity: 1 !important; transform: translateY(-2px); }
body .tvbottom-to-top .tvbottom-to-top-icon,
body .tvbottom-to-top button,
body .tvbottom-to-top.is-visible .tvbottom-to-top-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 34px !important;
    max-height: 34px !important;
    line-height: 34px !important;
    padding: 0 !important;
    border-radius: 9px !important;
}
body .tvbottom-to-top i,
body .tvbottom-to-top svg,
body .tvbottom-to-top .material-icons { font-size: 17px !important; line-height: 34px !important; width: auto !important; height: auto !important; }

/* erisilebilirlik dugmesi */
#accessibility-widget.pos-right.pos-bottom,
#accessibility-widget {
    width: 34px !important;
    height: 34px !important;
    opacity: .4;
    transition: opacity .15s ease;
}
#accessibility-widget:hover,
#accessibility-widget:focus-within { opacity: 1; }
#accessibility-widget > button,
#accessibility-widget .aw-toggle,
#accessibility-widget > a {
    width: 34px !important;
    height: 34px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border-radius: 9px !important;
    box-shadow: 0 3px 10px rgba(12, 28, 60, .16) !important;
}
#accessibility-widget img,
#accessibility-widget svg,
#accessibility-widget i { width: 20px !important; height: 20px !important; font-size: 18px !important; }

@media (max-width: 767px) {
    body .tvbottom-to-top,
    body .tvbottom-to-top .tvbottom-to-top-icon,
    body .tvbottom-to-top button,
    body #accessibility-widget,
    body #accessibility-widget > button,
    body #accessibility-widget .aw-toggle { width: 30px !important; height: 30px !important; max-width: 30px !important; max-height: 30px !important; min-width: 0 !important; min-height: 0 !important; line-height: 30px !important; }
    body .tvbottom-to-top i,
    body .tvbottom-to-top .material-icons { font-size: 15px !important; line-height: 30px !important; }
    #accessibility-widget img,
    #accessibility-widget svg,
    #accessibility-widget i { width: 17px !important; height: 17px !important; font-size: 16px !important; }
}