/* =========================================================
   Jesusschmuck Site UI Styles
   Datei: /assets/css/jesusschmuck-site-ui.css

   Zweck:
   - Globale Shop-/Theme-Anpassungen
   - Mini-Cart, Header-Leiste, Wishlist, Mega-Menü,
     Überschriften und Kategorie-Kurzbeschreibung
   - Keine Produktbeschreibung-Legacy-Regeln
   ========================================================= */


/* =========================================================
   1. Warenkorb Layer / Mini Cart Styling
   ========================================================= */

/* Haupt-Layer / Drawer */
body .shoptimizer-mini-cart-wrap,
body .site-header-cart .widget_shopping_cart,
body .shoptimizer-mini-cart-wrap .widget_shopping_cart,
body .shoptimizer-mini-cart-wrap .widget_shopping_cart_content {
  background: #fffdf8 !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 35px rgba(0,0,0,0.14) !important;
  border: 1px solid rgba(212,175,55,0.28) !important;
}

/* Innerer Warenkorb-Inhalt */
body .shoptimizer-mini-cart-wrap .widget_shopping_cart_content {
  padding: 0 !important;
  overflow: hidden !important;
}

/* Produktliste */
body .shoptimizer-mini-cart-wrap ul.woocommerce-mini-cart {
  margin: 0 !important;
  padding: 0 !important;
}

/* Produktzeilen */
body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart-item {
  padding: 24px 24px 24px 28px !important;
  border-bottom: 1px solid rgba(0,0,0,0.08) !important;
  min-height: 96px !important;
  box-sizing: border-box !important;
}

/* Entfernen-X links etwas sauberer */
body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart-item a.remove {
  left: 10px !important;
  top: 26px !important;
  color: #b68a1f !important;
  background: transparent !important;
  font-size: 18px !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart-item a.remove:hover {
  color: #000 !important;
}

/* Produktname */
body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart-item a:not(.remove) {
  color: #1f1f1f !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}

/* Produktbild */
body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart-item img {
  border-radius: 10px !important;
  border: 1px solid rgba(212,175,55,0.25) !important;
  margin-left: 14px !important;
}

/* Menge / Preis */
body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart-item .quantity {
  color: #333 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

/* Zwischensumme */
body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart__total {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px !important;

  padding: 18px 24px !important;
  margin: 0 !important;

  border-top: 1px solid rgba(212,175,55,0.35) !important;
  border-bottom: 1px solid rgba(212,175,55,0.18) !important;

  font-size: 16px !important;
  color: #1f1f1f !important;
  line-height: 1.4 !important;
  box-sizing: border-box !important;
}

/* Zwischensumme Label */
body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart__total strong {
  font-weight: 700 !important;
  margin: 0 !important;
}

/* Zwischensumme Betrag */
body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart__total .amount {
  font-weight: 700 !important;
  margin: 0 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* Button-Bereich */
body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart__buttons {
  display: grid !important;
  gap: 10px !important;
  padding: 16px 24px 18px 24px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Buttons allgemein */
body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart__buttons a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 46px !important;
  padding: 0 18px !important;
  margin: 0 !important;

  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;

  box-sizing: border-box !important;
  transition: all 0.25s ease !important;
}

/* Warenkorb ansehen Button */
body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart__buttons a.wc-forward:not(.checkout) {
  background: #ffffff !important;
  color: #1f1f1f !important;
  border: 1px solid rgba(212,175,55,0.55) !important;
}

/* Zur Kasse Button */
body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart__buttons a.checkout {
  background: #d4af37 !important;
  color: #111111 !important;
  border: 1px solid #d4af37 !important;
  box-shadow: 0 6px 18px rgba(212,175,55,0.32) !important;
}

/* Hover */
body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart__buttons a.checkout:hover {
  background: #c49b24 !important;
  border-color: #c49b24 !important;
  transform: translateY(-1px);
}

body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart__buttons a.wc-forward:not(.checkout):hover {
  background: #f8f4ef !important;
}

/* Leerer Warenkorb Text */
body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart__empty-message {
  color: #333 !important;
  font-size: 15px !important;
  text-align: center !important;
  padding: 24px 18px !important;
}

/* Mobile Feinschliff */
@media (max-width: 768px) {
  body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart-item {
    padding: 22px 22px 22px 28px !important;
  }

  body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart__total {
    padding: 18px 20px !important;
  }

  body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart__buttons {
    padding: 16px 20px 18px 20px !important;
  }

  body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart__buttons a {
    min-height: 46px !important;
  }
}



/* =========================================================
   Mini Cart: Leerer Warenkorb mit Icon unter dem Text
   ========================================================= */

body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart__empty-message {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-direction: column !important;

  min-height: 170px !important;
  padding: 38px 24px 80px 24px !important;

  text-align: center !important;
  line-height: 1.45 !important;
  color: #333 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  z-index: 2 !important;
}

/* Theme-Warenkorb-Icon bewusst unter dem Text positionieren */
body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart__empty-message:before,
body .shoptimizer-mini-cart-wrap .woocommerce-mini-cart__empty-message:after {
  position: absolute !important;
  left: 50% !important;
  top: 92px !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  opacity: 0.18 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}







/* =========================================================
   3. Wishlist-Herz auf Produktseiten
   Standard: wie bisher sauber rechts über dem Warenkorb
   ========================================================= */

/* Bezugspunkt */
.single-product form.cart {
  position: relative !important;
}

/* Standard-Position für einfache Produkte */
.single-product form.cart .shopengine-wishlist {
  position: absolute !important;
  right: 0 !important;
  top: -45px !important;

  width: 38px !important;
  height: 38px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border: 1px solid #d4af37 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #b98218 !important;

  transition: all 0.25s ease !important;
  z-index: 999 !important;
}

/* Icon */
.single-product form.cart .shopengine-wishlist i {
  font-size: 16px !important;
  line-height: 1 !important;
}

/* Hover Effekt */
.single-product form.cart .shopengine-wishlist:hover {
  background: #d4af37 !important;
  color: #fff !important;
  transform: translateY(-2px);
}

/* Active Zustand */
.single-product form.cart .shopengine-wishlist.active {
  background: #b98218 !important;
  color: #fff !important;
}


/* =========================================================
   Varianten-Produkte: saubere Linie vor Variantenbereich
   Nur für Produkte mit Auswahl / variations_form
   ========================================================= */

.single-product form.cart.variations_form {
  margin-top: 18px !important;
  padding-top: 42px !important;
  border-top: 1px solid rgba(0,0,0,0.08) !important;
}

/* Wishlist bei Varianten-Produkten rechts unter der Linie */
.single-product form.cart.variations_form .shopengine-wishlist {
  top: 10px !important;
  right: 0 !important;
}

/* Varianten-Tabelle sauber unter der Wishlist-Zeile */
.single-product form.cart.variations_form table.variations,
.single-product form.cart.variations_form .variations {
  margin-top: 0 !important;
}
/* =========================================================
   4. Mega-Menü Kacheln / Kundendienst-Menü
   ========================================================= */

/* Mega Menü Grid sauber ausrichten */
.mega-menu .sub-menu {
  display: flex !important;
  justify-content: center !important;
  gap: 30px !important;
}

/* Kachel selbst */
.menu-item-image {
  width: 200px !important;
  min-width: 200px !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center;
  cursor: pointer;
}

/* Trennlinien sauber mittig */
.mega-menu .sub-menu > li {
  border-right: 1px solid #eee;
  padding-right: 30px;
}

.mega-menu .sub-menu > li:last-child {
  border-right: none;
}

/* Grundzustand */
.menu-item-image img {
  transition: all 0.35s ease;
  border-radius: 10px;
}

/* Hover Effekt mit sanftem Gold-Glow */
.menu-item-image:hover img {
  transform: translateY(-6px) scale(1.02);
  box-shadow:
    0 15px 30px rgba(0,0,0,0.08),
    0 0 0 1px rgba(212,175,55,0.25);
}


/* =========================================================
   5. Globale Überschriften
   ========================================================= */

h1,
h2,
h3,
h4 {
  font-family: 'Cormorant Garamond', serif !important;
  letter-spacing: 0.5px;
  line-height: 1.25;
  color: #1a1a1a;
}

h1 {
  font-weight: 500 !important;
  font-size: 42px;
  line-height: 1.2;
}

h2 {
  font-weight: 500;
  font-size: 28px;
  margin-top: 30px;
}

h3 {
  font-weight: 500;
  font-size: 22px;
}

h4 {
  font-weight: 500;
  font-size: 18px;
}

.woocommerce div.product h1,
.woocommerce-tabs h2,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
  font-family: 'Cormorant Garamond', serif !important;
}


/* =========================================================
   Kategorie-/Tag-Intro: Premium Jesusschmuck Kurzbeschreibung
   Final: ohne graue Theme-Hülle, Breadcrumbs bleiben stabil
   ========================================================= */

/* Äußeren WooCommerce/Header-Wrapper nur optisch neutralisieren */
body.tax-product_cat .woocommerce-products-header,
body.tax-product_tag .woocommerce-products-header {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Description-Hülle neutralisieren */
body.tax-product_cat .term-description,
body.tax-product_tag .term-description,
body.tax-product_cat .woocommerce-products-header__description,
body.tax-product_tag .woocommerce-products-header__description {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 8px 0 28px 0 !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* Sichtbare Jesusschmuck-Introbox auf dem eigentlichen Textabsatz */
body.tax-product_cat .term-description > p,
body.tax-product_tag .term-description > p,
body.tax-product_cat .woocommerce-products-header__description > p,
body.tax-product_tag .woocommerce-products-header__description > p {
  display: block !important;
  background: #f8f4ef !important;
  background-color: #f8f4ef !important;
  border: 1px solid rgba(212,175,55,0.22) !important;
  border-left: 4px solid #d4af37 !important;
  border-radius: 12px !important;
  padding: 26px 32px !important;
  margin: 0 0 28px 0 !important;
  width: 100% !important;
  max-width: none !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.035) !important;
  color: #222 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  box-sizing: border-box !important;
}

/* Abstand H1 zur Introbox */
body.tax-product_cat .page-title,
body.tax-product_tag .page-title,
body.tax-product_cat .woocommerce-products-header h1,
body.tax-product_tag .woocommerce-products-header h1 {
  margin-bottom: 14px !important;
}

/* Textformatierung innen */
body.tax-product_cat .term-description strong,
body.tax-product_tag .term-description strong,
body.tax-product_cat .woocommerce-products-header__description strong,
body.tax-product_tag .woocommerce-products-header__description strong {
  font-weight: 700 !important;
  color: #111 !important;
}

body.tax-product_cat .term-description em,
body.tax-product_tag .term-description em,
body.tax-product_cat .woocommerce-products-header__description em,
body.tax-product_tag .woocommerce-products-header__description em {
  color: #1f1f1f !important;
}

body.tax-product_cat .term-description a,
body.tax-product_tag .term-description a,
body.tax-product_cat .woocommerce-products-header__description a,
body.tax-product_tag .woocommerce-products-header__description a {
  color: #c4973f !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

body.tax-product_cat .term-description a:hover,
body.tax-product_tag .term-description a:hover,
body.tax-product_cat .woocommerce-products-header__description a:hover,
body.tax-product_tag .woocommerce-products-header__description a:hover {
  color: #a87505 !important;
  text-decoration: underline !important;
}

/* Mobile */
@media (max-width: 768px) {
  body.tax-product_cat .term-description,
  body.tax-product_tag .term-description,
  body.tax-product_cat .woocommerce-products-header__description,
  body.tax-product_tag .woocommerce-products-header__description {
    margin: 6px 0 26px 0 !important;
  }

  body.tax-product_cat .term-description > p,
  body.tax-product_tag .term-description > p,
  body.tax-product_cat .woocommerce-products-header__description > p,
  body.tax-product_tag .woocommerce-products-header__description > p {
    padding: 22px 20px !important;
    margin: 0 0 26px 0 !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
  }
}


/* =========================================================
   Header-Leiste unter der Top-Navigation
   Finaler Jesusschmuck-Goldverlauf
   ========================================================= */

body .header-widget-region {
  background: linear-gradient(90deg, #a87505 0%, #c79a2b 50%, #a87505 100%) !important;
  background-color: #c79a2b !important;
  color: #ffffff !important;
  text-align: center !important;
  border: none !important;
  box-shadow: none !important;
}

body .header-widget-region .col-full {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

body .header-widget-region p {
  margin: 0 !important;
  color: #ffffff !important;
}

body .header-widget-region a {
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
}

body .header-widget-region a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* Mobile: Goldleiste sauber und kompakt halten */
@media (max-width: 768px) {
  body .header-widget-region .col-full {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  body .header-widget-region a {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
}