/* =====================================================================
   IKARUS – Ethno-Style für WooCommerce-Produktseiten (Flatsome Child)
   Wirkt nur auf .single-product. Rein kosmetisch: Farben, Typografie,
   Buttons. Layout & Warenkorb-Logik von Flatsome/WooCommerce bleiben.
   ===================================================================== */

:root {
    --ik-bg-dark:        #0a0806;
    --ik-bg-deep:        #0f0c09;
    --ik-terracotta:     #c0623a;
    --ik-terracotta-lt:  #d4845e;
    --ik-ochre:          #c49a3c;
    --ik-ochre-lt:       #dab960;
    --ik-sand:           #c4a882;
    --ik-cream:          #e8d5b8;
    --ik-warm-white:     #f0e6d6;
    --ik-line:           rgba(196, 154, 60, 0.30);
    --ik-dim:            rgba(196, 168, 130, 0.75);
}

/* ---- Grundfläche der Produktseite ---- */
.single-product #main,
.single-product .product-page-wrapper,
.single-product.woocommerce div.product {
    background: var(--ik-bg-dark);
    color: var(--ik-sand);
}

.single-product #main {
    background:
        radial-gradient(1200px 600px at 50% -10%, rgba(192, 98, 58, 0.10), transparent 60%),
        var(--ik-bg-dark);
}

.single-product .product-info,
.single-product .product-info * {
    font-family: 'Rajdhani', sans-serif;
}

/* ---- Produkttitel ---- */
.single-product .product_title,
.single-product .product-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 300;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ik-cream);
    line-height: 1.15;
}

/* ---- Kategorie / Meta ---- */
.single-product .product_meta,
.single-product .product_meta a,
.single-product .posted_in,
.single-product .sku_wrapper {
    font-family: 'Rajdhani', sans-serif;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-size: 0.78rem;
    color: var(--ik-dim);
}
.single-product .product_meta a:hover { color: var(--ik-ochre-lt); }

/* ---- Preis ---- */
.single-product .price,
.single-product .price .woocommerce-Price-amount,
.single-product p.price {
    font-family: 'Cormorant Garamond', serif !important;
    color: var(--ik-ochre-lt) !important;
    font-weight: 400;
    letter-spacing: 0.04em;
}
.single-product .price del,
.single-product .price del .woocommerce-Price-amount {
    color: rgba(196, 168, 130, 0.45) !important;
}
.single-product .price ins,
.single-product .price ins .woocommerce-Price-amount {
    color: var(--ik-terracotta-lt) !important;
    text-decoration: none;
}

/* ---- Kurzbeschreibung ---- */
.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-product-details__short-description p {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 300;
    line-height: 1.8;
    color: var(--ik-dim);
}

/* ---- Galerie / Produktbild ---- */
.single-product .woocommerce-product-gallery,
.single-product .product-gallery-slider,
.single-product .product-thumbnails img,
.single-product .woocommerce-product-gallery__image img {
    border-radius: 0;
}
.single-product .woocommerce-product-gallery__image {
    border: 1px solid var(--ik-line);
    box-shadow: 0 0 50px rgba(192, 98, 58, 0.18);
    background: var(--ik-bg-deep);
}

/* ---- Mengenfeld ---- */
.single-product .quantity .qty,
.single-product .quantity input.qty {
    background: var(--ik-bg-deep);
    border: 1px solid var(--ik-line);
    color: var(--ik-cream);
    font-family: 'Rajdhani', sans-serif;
    letter-spacing: 0.1em;
    border-radius: 0;
}
.single-product .quantity .qty:focus {
    border-color: var(--ik-ochre);
    outline: none;
}

/* ---- "In den Warenkorb" – Hauptbutton ---- */
.single-product .single_add_to_cart_button,
.single-product form.cart button.button,
.single-product .single_add_to_cart_button.button.alt {
    font-family: 'Rajdhani', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.30em !important;
    text-transform: uppercase !important;
    color: var(--ik-ochre-lt) !important;
    background: transparent !important;
    border: 1px solid rgba(196, 154, 60, 0.55) !important;
    border-radius: 0 !important;
    padding: 14px 34px !important;
    box-shadow: none !important;
    transition: all 0.4s ease !important;
}
.single-product .single_add_to_cart_button:hover,
.single-product form.cart button.button:hover,
.single-product .single_add_to_cart_button.button.alt:hover {
    background: rgba(196, 154, 60, 0.12) !important;
    border-color: var(--ik-ochre) !important;
    color: var(--ik-warm-white) !important;
    letter-spacing: 0.36em !important;
}

/* ---- Tabs (Beschreibung / zusätzl. Infos / Bewertungen) ---- */
.single-product .woocommerce-tabs ul.tabs li {
    background: transparent;
    border: none;
}
.single-product .woocommerce-tabs ul.tabs li a {
    font-family: 'Rajdhani', sans-serif;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-size: 0.8rem;
    color: var(--ik-dim);
}
.single-product .woocommerce-tabs ul.tabs li.active a,
.single-product .woocommerce-tabs ul.tabs li a:hover {
    color: var(--ik-ochre-lt);
}
.single-product .woocommerce-tabs .panel,
.single-product .woocommerce-tabs .panel p {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 300;
    line-height: 1.8;
    color: var(--ik-dim);
}
.single-product .woocommerce-tabs .panel h2,
.single-product .woocommerce-Tabs-panel h2 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 300;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ik-cream);
}

/* ---- Überschriften "Ähnliche Produkte" / Upsells ---- */
.single-product .related.products > h2,
.single-product .up-sells > h2,
.single-product section.related h2 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 300;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--ik-cream);
}

/* ---- Produktkarten in "Ähnliche Produkte" ---- */
.single-product .related .product-title,
.single-product .related .woocommerce-loop-product__title {
    font-family: 'Rajdhani', sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ik-cream);
}
.single-product .related .price,
.single-product .related .price .woocommerce-Price-amount {
    color: var(--ik-ochre-lt) !important;
}
.single-product .related .button,
.single-product .related .add_to_cart_button {
    font-family: 'Rajdhani', sans-serif !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--ik-ochre-lt) !important;
    background: transparent !important;
    border: 1px solid rgba(196, 154, 60, 0.45) !important;
    border-radius: 0 !important;
}
.single-product .related .button:hover,
.single-product .related .add_to_cart_button:hover {
    background: rgba(196, 154, 60, 0.12) !important;
    color: var(--ik-warm-white) !important;
}

/* ---- "Sale"-Badge ---- */
.single-product .onsale {
    background: var(--ik-terracotta) !important;
    color: var(--ik-warm-white) !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Rajdhani', sans-serif !important;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

/* ---- Hinweise/Erfolgsmeldungen (z. B. "wurde in den Warenkorb gelegt") ---- */
.single-product .woocommerce-message,
.single-product .woocommerce-info {
    background: rgba(192, 98, 58, 0.08);
    border-top: 3px solid var(--ik-ochre);
    color: var(--ik-cream);
    font-family: 'Rajdhani', sans-serif;
    letter-spacing: 0.05em;
}
.single-product .woocommerce-message a.button,
.single-product .woocommerce-info a.button {
    background: transparent !important;
    border: 1px solid rgba(196, 154, 60, 0.55) !important;
    color: var(--ik-ochre-lt) !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

/* ---- Trennlinien dezent ans Farbschema anpassen ---- */
.single-product hr,
.single-product .is-divider {
    background: linear-gradient(to right, transparent, var(--ik-line), transparent);
    border: none;
}