/* Hepsi-Markt Marken-Typografie - brand-typography.css
 *
 * Wird auf ALLEN Seiten geladen und setzt die Hausschrift durch.
 *
 * Zwei Schnitte im Einsatz:
 * 1. MyriadPro Bold - die echte Hausschrift (Adobe, kommerziell lizenziert).
 *    Liegt nur als Bold vor, deshalb ausschliesslich fuer Display-Elemente:
 *    Ueberschriften, Buttons, Navigation, Preise, Labels.
 * 2. Source Sans 3 (SIL Open Font License, ebenfalls von Adobe) - dient als
 *    Textschrift fuer Fliesstext und als Ergaenzung. Formensprache sehr nah
 *    an Myriad, dadurch optisch nahtlos.
 *
 * Wichtig: Die Myriad-Datei enthaelt nur 208 Glyphen, die tuerkischen
 * Sonderzeichen (Ğ ğ İ ı Ş ş) fehlen. Da 'Source Sans 3' in der
 * font-family-Kaskade direkt dahinter steht, holt der Browser genau diese
 * Zeichen automatisch von dort. Ohne diese Kaskade wuerden sie in einer
 * beliebigen Systemschrift oder als Platzhalterkasten erscheinen.
 */

/* ============================================================
   Schriftdateien
   ============================================================ */

@font-face {
    font-family: 'MyriadPro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/myriadpro-bold.woff2') format('woff2'),
         url('../fonts/myriadpro-bold.woff') format('woff');
}

/* Kompatibilitaet: aeltere Regeln im Projekt nutzen noch 'MyriadProBold' */
@font-face {
    font-family: 'MyriadProBold';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url('../fonts/myriadpro-bold.woff2') format('woff2'),
         url('../fonts/myriadpro-bold.woff') format('woff');
}

@font-face {
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/source-sans-3-400-latin.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: 'Source Sans 3';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/source-sans-3-400-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Source Sans 3';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/source-sans-3-400-italic-latin.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: 'Source Sans 3';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/source-sans-3-400-italic-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, 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: 'Source Sans 3';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/source-sans-3-600-latin.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: 'Source Sans 3';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/source-sans-3-600-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ============================================================
   Schrift-Stapel als Variablen
   ============================================================ */

:root {
    --hepsi-font-display: 'MyriadPro', 'Source Sans 3', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
    --hepsi-font-text:    'Source Sans 3', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
}

/* ============================================================
   Durchsetzung
   ============================================================
   Die Schriftregeln des Themes (Shoptimizer-Customizer/Kirki) stehen im
   HTML NACH dieser Datei, tragen aber kein !important. Deshalb gewinnen
   die Regeln hier.

   Aufbau in zwei Stufen:
   1. Breite Grundregel setzt die Textschrift auf alles, ausgenommen
      Icon-Elemente (deren font-family transportiert die Glyphen).
   2. Display-Regel mit hoeherer Spezifitaet (body-Praefix) holt
      Ueberschriften, Navigation, Buttons und Preise auf die Hausschrift.
   ============================================================ */

/* Stufe 1: Textschrift ueberall.
   Die Ausnahmeliste steht in :where(), weil das die Spezifitaet auf null
   setzt. Ohne :where() waere diese Regel spezifischer als die Display-Regel
   darunter und wuerde sie ueberschreiben. */
body,
body :where(:not(i, [class*="icon"], [class*="eicon"], [class*="dashicon"], [class*="fa-"], [class*="wcicon"])) {
    font-family: var(--hepsi-font-text) !important;
}

/* Stufe 2: Hausschrift fuer alles, was die Marke traegt */
body h1, body h2, body h3, body h4, body h5, body h6,
body .site-title, body .site-description,
body .page-title, body .entry-title, body .product_title,
body .main-navigation a, body .secondary-navigation a, body .menu-item a,
body .menu-primary-menu-container a, body .menu-primary-menu-container span,
body .mega-menu a, body .hepsi-mega-menu a,
body button, body .button, body input[type="submit"], body input[type="button"],
body .wp-element-button, body .wp-block-button__link,
body .woocommerce a.button, body .woocommerce button.button, body .woocommerce input.button,
body .woocommerce-loop-product__title, body .wc-block-grid__product-title,
body .product-title, body .woocommerce-loop-category__title,
body .price, body .amount, body .woocommerce-Price-amount,
body .hepsi-tag, body .hepsi-tag__current, body .hepsi-tag__promo, body .hepsi-tag__cross,
body .widget .widget-title, body .widget .widgettitle, body .widget.widget_block h2,
body .shoptimizer-cart .cart-contents,
body .commercekit-sticky-atc button,
body .wc-tabs li a, body .tab-title,
body .elementor-heading-title,
body .elementor-button, body .elementor-button-text,
body .elementor-nav-menu a,
body .hepsi-scrollhero__title, body .hepsi-scrollhero__kicker,
body .hepsi-scrollhero__cta, body .hepsi-scrollhero__tag-name,
body .hepsi-footer__heading, body .hepsi-sortiment__heading,
body .hepsi-marken__heading, body .hepsi-filialen__heading,
body .hepsi-weeks__heading, body .hepsi-newsletter__heading {
    font-family: var(--hepsi-font-display) !important;
    font-weight: 700;
}

/* Formularfelder bewusst in der Textschrift halten */
body input:not([type="submit"]):not([type="button"]),
body textarea, body select, body option {
    font-family: var(--hepsi-font-text) !important;
    font-weight: 400;
}

/* Der Myriad-Schnitt ist bereits fett gezeichnet: kuenstliches Fetten
   vermeiden, sonst wirken Ueberschriften verschmiert. */
body h1, body h2, body h3, body h4, body h5, body h6,
body .hepsi-tag__current,
body .page-title, body .entry-title {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}