/*
Theme Name:     Essenzapotheken
Theme URI:      https://www.essenzapotheken.at/
Description:    Child-Theme für Essenzapotheken.at
Author:       	Kevin Hillman
Author URI:   	https://www.impulsphase.de/
Template:       kadence
Version:        v1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  	essenzapotheken
*/


/** Allgemein **/
.site-header {
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:1.5px;
  line-height:20px;
}
.svg-no-fill svg {
  fill: none !important;
}

figure.wp-block-kadence-image {
  border-radius:5px;
  overflow: hidden;
}


/** Homepage **/
.card-equal {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.card-equal .kb-button-wrap,
.card-equal .wp-block-button {
  margin-top: auto; /* Button klebt unten */
}


/** Header weiß bei Hero **/
/* Transparentes Overlay am Seitenanfang */.custom-header {
  text-transform: uppercase!important;
  font-size: 12px;
}
.custom-header {
  position: absolute;
  top: 0; left: 0; right: 0;
  background: transparent;
  z-index: 1000;
}
/* Fester, sichtbarer Header nach Scroll */
.custom-header.is-scrolled {
  position: fixed;
  background: rgba(255,255,255,.96);
  backdrop-filter: saturate(180%) blur(6px);
  box-shadow: 0 2px 16px rgba(0,0,0,.06);
}
/* Platzhalter gegen Layoutsprung, wenn fixed */
:root { --header-h: 96px; } /* überschreiben wir per JS */
.has-trans-header .site-container { padding-top: var(--header-h); }
/* Adminbar-Korrektur (nur eingeloggte): */
.admin-bar .custom-header { top: 32px; }
@media (max-width: 782px){
  .admin-bar .custom-header { top: 46px; }
}




/* === Produkte ================== */
/* === Variations als Karten (vertikal, aus Screenshot) ================== */
.single-product .kwt-add-to-cart-wrap form.variations_form .kad_radio_variations{
  margin:0; padding:0; border:0;
  display:flex; flex-direction:column; gap:18px;
}

/* Radios visuell verstecken, Zugriff per Label bleibt */
.single-product .kwt-add-to-cart-wrap form.variations_form .kad_radio_variations input[type="radio"]{
  position:absolute; left:-9999px;
}
/* Tabellen-Header mit Varianten-Bezeichnung verstecken */
.variations th {
  display:none;
}
/* Reset-Variantens verstcken */
.reset_variations {
  display:none !important;
}

/* Karte (Label) */
.single-product .kwt-add-to-cart-wrap form.variations_form .kad_radio_variations label{
  position:relative;
  display:grid; grid-template-columns: 26px 1fr auto; /* Radio | Titel/Badges | Preise */
  align-items:center; column-gap:16px; row-gap:6px;
  width:100%; min-height:92px;
  padding:16px 20px;
  border:2.5px solid #cfc6bb;
  border-radius:5px;
  background:#F0EAE5; box-shadow:0 2px 8px rgba(0,0,0,.04);
  cursor:pointer;
  color:#1e1d1a; font-weight:600; line-height:1.25; font-size:1.05rem;
}
/* Hover */
.single-product .kwt-add-to-cart-wrap form.variations_form .kad_radio_variations label:hover{
  border:2.5px solid #527764 !important;
}
/* Aktiver Zustand – deckt sowohl :checked als auch Kadence's selectedValue ab */
.single-product .kwt-add-to-cart-wrap form.variations_form .kad_radio_variations input[type="radio"]:checked + label,
.single-product .kwt-add-to-cart-wrap form.variations_form .kad_radio_variations label.selectedValue{
  background:#DADFD3 !important;
  color: var(--global-palette3,#fff);
  border:2.5px solid #527764 !important;
  box-shadow:none !important;
}

/* --- Linke Spalte: „Fake“-Radio (runder Haken) ------------------------ */
.single-product .kwt-add-to-cart-wrap form.variations_form .kad_radio_variations label .ea-radio{
  width:22px; height:22px; border-radius:50%;
  border:2px solid #b2aca3; position:relative;
}
.single-product .kwt-add-to-cart-wrap form.variations_form .kad_radio_variations input[type="radio"]:checked + label .ea-radio{
  border-color:#527764; background:#527764;
}
/* Platz für Kreis links schaffen */
.kad_radio_variations label{
  position:relative;
  padding-left:54px;  /* Abstand anpassen, falls nötig */
}
/* Kreis (an) + Haken */
.kad_radio_variations input[type="radio"]:checked + label::before,
.kad_radio_variations label.selectedValue::before{
  border-color:#527764; background:#2a6e4f;
}
.kad_radio_variations label::after{
  content:""; position:absolute; left:27px; top:calc(50% - 8px);
  width:8px; height:12px; border-right:2px solid transparent; border-bottom:2px solid transparent;
  transform:rotate(45deg);
}
.kad_radio_variations input[type="radio"]:checked + label::after,
.kad_radio_variations label.selectedValue::after{
  border-right-color:#fff; border-bottom-color:#fff; /* weißer Haken */
}
/* Den nativen Radio-Knopf ausblenden (wir benutzen unseren eigenen) */
.kad_radio_variations input[type="radio"]{ position:absolute; left:-9999px; }


/* Weißer Haken mit runden Enden per Inline-SVG (nur im aktiven Zustand) */
.single-product .kwt-add-to-cart-wrap form.variations_form .kad_radio_variations input[type="radio"]:checked + label::after,
.single-product .kwt-add-to-cart-wrap form.variations_form .kad_radio_variations label.selectedValue::after{
  content: "";
  position: absolute;
  left: 23px;
  top: 50%;
  width: 17px;
  height: 17px;
  transform: translateY(-50%);
  background: center/68% 68% no-repeat;
  background-image: url("data:image/svg+xml,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 4.8 4.274 9 9 1' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
  border: none;
}



/* --- Mittlere Spalte: Titel + Badges ---------------------------------- */
.single-product .kwt-add-to-cart-wrap form.variations_form .kad_radio_variations label .ea-title {
  font-weight:600; margin:0;
}
.single-product .kwt-add-to-cart-wrap form.variations_form .kad_radio_variations label .ea-badge {
  display:inline-block; padding:3px 4px; border-radius:2px; height:20px;
  font-weight:500; color:white; letter-spacing:1px;
}
.single-product .kwt-add-to-cart-wrap form.variations_form .kad_radio_variations label .ea-badge--discount {
  font-size:12px; background:#c94a26; color:#fff;
}
.single-product .kwt-add-to-cart-wrap form.variations_form .kad_radio_variations label .ea-badge--bestseller {
    margin-left:6px;
    background-image: linear-gradient(to right, #CDA058, #977135);
    font-size:12px; text-transform: uppercase;
}

/* --- Rechte Spalte: Preise rechtsbündig -------------------------------- */
.single-product .kwt-add-to-cart-wrap form.variations_form .kad_radio_variations label .ea-price{
  display:flex; flex-direction:column; align-items:flex-end; gap:2px;
  text-align:right; grid-column:3 / span 1;
}
.single-product .kwt-add-to-cart-wrap form.variations_form .kad_radio_variations label .ea-price del{
  opacity:.6; margin-right:6px;
}
.single-product .kwt-add-to-cart-wrap form.variations_form .kad_radio_variations label .ea-price ins{
  text-decoration:none; font-weight:600;
}
.single-product .kwt-add-to-cart-wrap form.variations_form .kad_radio_variations label .ea-sub{
  font-weight:400; opacity:.50; font-size:.95rem;
}
/* Fallback-Select verstecken & Tabellen-Label ausblenden */
.single-product .kwt-add-to-cart-wrap form.variations_form .kad_radio_variations + select.kt-no-select2{ display:none !important; }
.single-product .woocommerce table.variations .label{ display:none !important; }
.woocommerce-variation-price {
  margin:20px 0;
}

.kt-inside-inner-col .woocommerce-variation-add-to-cart button { 
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing:1.5px;
}







/*
 * ===================================================================
 * Mobile Version
 * ===================================================================
 *
 * Anleitung:
 *
 */
@media (max-width: 767px) {

    .site-branding a.brand img {
        max-width: 124px;
    }
    .hero h2 {
      font-size:28px !important;
      line-height:40px !important;
    }
    h2 {
      font-size:24px !important;
      line-height:36px !important;
    }
    article .entry-content-wrap .kt-mobile-layout-row {
      padding:10px 24px 64px  !important;;
    }


    /* Innere Boxen Abstände */
    .kt-inside-inner-col {
      padding:0px !important;
    }
    .card-equal .kt-inside-inner-col {
      padding:24px 16px !important;
    }
    .kb-row-layout-id412_28a64d-3d .kt-inside-inner-col {
      padding:24px 16px !important;
    }
    .kb-row-layout-id2340_95f2bc-01 .kt-inside-inner-col {
      padding:24px 16px !important;
    }



    /* Section | OMNi-BiOTiC® WORLD */
    article .entry-content-wrap .kb-row-layout-id1343_9cb0a2-12 .kt-mobile-layout-row {
      padding-left:0px !important;
      padding-right:0px !important;
    }
    article .entry-content-wrap .kb-row-layout-id1343_9cb0a2-12 {
      padding-bottom:0px  !important;
    }
    article .entry-content-wrap .kb-row-layout-id1343_9cb0a2-12 .kt-row-column-wrap {
      padding-bottom:0px  !important;
    }
    /* Section | Cannabis-Medizin */
    article .entry-content-wrap .kb-row-layout-id1121_fa3b91-e9 .kt-mobile-layout-row {
      padding-left:0px !important;
      padding-right:0px !important;
    }
    article .entry-content-wrap .kb-row-layout-id1121_fa3b91-e9 {
      padding-top:0px  !important;
    }
    article .entry-content-wrap .kb-row-layout-id1121_fa3b91-e9 .kt-row-column-wrap {
      padding-top:0px  !important;
    }


    /* Section | Schönere Haut in nur 4 Schritten */

    .entry-content-wrap .kadence-column408_79b5b4-a5 > .kt-row-column-wrap{
      padding:200px 0 !important;
      min-height:none !important;
    }
    .kadence-column408_79b5b4-a5 > .kt-inside-inner-col h3 {
      font-size:20px  !important;
    }

    .kadence-column1678_9445df-96 .kb-row-layout-id1678_475c17-98 .kt-row-column-wrap {
      padding:0 0 30px !important;
    }
    .kb-row-layout-id1673_784b74-5e .svg-no-fill svg {
      fill:currentColor  !important;
    }
    .kb-row-layout-id1673_a58d5a-7d .svg-no-fill svg {
      fill:currentColor  !important;
    }


    /* ===  Seite | Unsere eigene Hausmarke */

    h2.kt-adv-heading1397_5457a8-70 {
      font-size:32px !important;
    }
    .kadence-column1397_d1a851-13 > .kt-inside-inner-col {
      padding:200px 0 !important;
      min-height:none !important;
    }


    /* ===  Seite | Essenz App */


    /* ===  Seite | Mariahilf */

    .kb-row-layout-id321_78ca17-60 .kt-inside-inner-col {
    border-right:none !important;
    border-bottom: 1px solid rgba(17, 17, 17, 0.2) !important;
    }
    .kb-row-layout-id321_78ca17-60 .kt-inside-inner-col {
      padding-bottom:20px !important;
    }

    /* ===  Seite | Startseite */

    .kt-adv-heading2340_eb8fd8-a3 {
      font-size:17px  !important;
    }
    .kt-adv-heading2340_98d3dd-c7 {
      font-size:12px !important;
      line-height:20px !important;
      color:#3B634E !important;
      letter-spacing:5px;

    }

    /* ===  Transparente Heros */
    article .hero .wp-block-kadence-column .kt-inside-inner-col {
      padding:200px 0 !important;
      min-height:100vh !important;
    }

}







/*
 * ===================================================================
 * Font Families --- @font-face Deklaration
 * ===================================================================
 *
 * Anleitung:
 * 1. Laden Sie Ihre Schriftdateien in einen Ordner auf Ihrem Server hoch.
 *    (z.B. in /wp-content/themes/ihr-theme/fonts/)
 * 2. Passen Sie die URL-Pfade in diesem Code an den Speicherort an.
 * 3. Fügen Sie diesen Code in Ihre CSS-Datei ein.
 *
 */
/* --- Thin --- */
@font-face {
  font-family: 'Metropolis';
  src: url('/wp-content/themes/essenzapotheken/fonts/metropolis-thin.woff2');font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Metropolis';
  src: url('/wp-content/themes/essenzapotheken/fonts/metropolis-thinitalic.woff2');font-weight: 100;
  font-style: italic;
}
/* --- extralight --- */
@font-face {
  font-family: 'Metropolis';
  src: url('/wp-content/themes/essenzapotheken/fonts/metropolis-extralight.woff2');font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Metropolis';
  src: url('/wp-content/themes/essenzapotheken/fonts/metropolis-extralightitalic.woff2');font-weight: 200;
  font-style: italic;
}
/* --- light --- */
@font-face {
  font-family: 'Metropolis';
  src: url('/wp-content/themes/essenzapotheken/fonts/metropolis-light.woff2');font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Metropolis';
  src: url('/wp-content/themes/essenzapotheken/fonts/metropolis-lightitalic.woff2');font-weight: 300;
  font-style: italic;
}
/* --- Regular --- */
@font-face {
  font-family: 'Metropolis';
  src: url('/wp-content/themes/essenzapotheken/fonts/metropolis-regular.woff2');font-weight: 400; /* normal */
  font-style: normal;
}
@font-face {
  font-family: 'Metropolis';
  src: url('/wp-content/themes/essenzapotheken/fonts/metropolis-regularitalic.woff2');font-weight: 400; /* normal */
  font-style: italic;
}
/* --- Medium --- */
@font-face {
  font-family: 'Metropolis';
  src: url('/wp-content/themes/essenzapotheken/fonts/metropolis-medium.woff2');font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Metropolis';
  src: url('/wp-content/themes/essenzapotheken/fonts/metropolis-mediumitalic.woff2');font-weight: 500;
  font-style: italic;
}
/* --- semibold --- */
@font-face {
  font-family: 'Metropolis';
  src: url('/wp-content/themes/essenzapotheken/fonts/metropolis-semibold.woff2');font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Metropolis';
  src: url('/wp-content/themes/essenzapotheken/fonts/metropolis-semibolditalic.woff2');font-weight: 600;
  font-style: italic;
}
/* --- bold --- */
@font-face {
  font-family: 'Metropolis';
  src: url('/wp-content/themes/essenzapotheken/fonts/metropolis-bold.woff2');font-weight: 700; /* bold */
  font-style: normal;
}
@font-face {
  font-family: 'Metropolis';
  src: url('/wp-content/themes/essenzapotheken/fonts/metropolis-bolditalic.woff2');font-weight: 700; /* bold */
  font-style: italic;
}
/* --- extrabold --- */
@font-face {
  font-family: 'Metropolis';
  src: url('/wp-content/themes/essenzapotheken/fonts/metropolis-extrabold.woff2');font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Metropolis';
  src: url('/wp-content/themes/essenzapotheken/fonts/metropolis-extrabolditalic.woff2');font-weight: 800;
  font-style: italic;
}
/* --- black --- */
@font-face {
  font-family: 'Metropolis';
  src: url('/wp-content/themes/essenzapotheken/fonts/metropolis-black.woff2');font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Metropolis';
  src: url('/wp-content/themes/essenzapotheken/fonts/metropolis-blackitalic.woff2');font-weight: 900;
  font-style: italic;
}