/* === WooCommerce Compact Styles ========================================= */
:root{
  --brand:#00a56c; --brand-d:#008f5d; --accent:#df4661;
  --text:#111827; --muted:#6b7280; --bg:#f8f8f8; --card:#fff;
  --r-lg:14px; --r-md:10px;
  --sh-sm:0 2px 10px rgba(0,0,0,.06);
  --sh-md:0 4px 15px rgba(0,0,0,.05);
  --sh-lg:0 6px 20px rgba(0,0,0,.08);
}

/* Primitives */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.button,.elementor-button{
  border-radius:10px;font-weight:600;text-align:center;transition:background .2s,color .2s,transform .15s,box-shadow .2s;text-decoration:none
}
.woocommerce .button:hover,.elementor-button:hover{transform:translateY(-1px)}

/* Prices green */
.price,.woocommerce-Price-amount,.woocommerce-variation-price .price,
.elementor-menu-cart__product-price .amount,.elementor-menu-cart__subtotal .amount,
.woocommerce-cart .order-total .amount,.woocommerce-checkout-review-order-table .order-total .amount{color:var(--brand)!important;font-weight:700}

/* WC Blocks product name color */
.wc-block-components-product-name,.wc-block-components-product-name a{color:var(--text)!important}

/* Qty */
input.qty{width:70px;height:42px;border:1px solid #e0e0e0;border-radius:10px;background:#fafafa;text-align:center;font:500 1rem/1 system-ui;color:var(--text);transition:.2s;appearance:textfield}
input.qty:focus{border-color:var(--brand);background:#fff;outline:0}
input.qty:hover{border-color:#ccc}
input.qty::-webkit-outer-spin-button,input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* Product grid (archive/related/blocks) */
ul.products li.product,.wc-block-product-template li.product{
  background:var(--card);border:0;border-radius:var(--r-lg);overflow:hidden;padding:15px 15px 20px;transition:box-shadow .2s,transform .2s
}
ul.products li.product:hover,.wc-block-product-template li.product:hover{box-shadow:var(--sh-lg);transform:translateY(-4px)}
ul.products li.product img,.wc-block-product-template li.product img{border-radius:var(--r-md);margin-bottom:10px;transition:transform .3s;object-fit:cover}
ul.products li.product:hover img,.wc-block-product-template li.product:hover img{transform:scale(1.04)}
ul.products li.product .woocommerce-loop-product__link h2.woocommerce-loop-product__title,
.wc-block-product-template h2.wp-block-post-title{font-size:1rem;font-weight:500;color:var(--text);min-height:45px;margin:5px 10px 8px;line-height:1.4}
ul.products li.product .price,.wc-block-components-product-price{margin:0 10px 10px}
ul.products li.product a.button,.wc-block-components-product-button__button{width:calc(100% - 20px);margin:0 10px;background:var(--accent);color:#fff}
ul.products li.product a.button:hover,.wc-block-components-product-button__button:hover{background:#c53a55}
ul.products li.product a.added_to_cart{width:calc(100% - 20px);margin:8px 10px 0;border-radius:10px;background:var(--brand);color:#fff;display:block;padding:10px 0;transition:.2s}
ul.products li.product a.added_to_cart:hover{background:var(--brand-d);transform:translateY(-2px)}

/* Pagination */
.woocommerce nav.woocommerce-pagination{text-align:center;margin-top:40px}
.woocommerce nav.woocommerce-pagination ul.page-numbers{display:inline-flex;gap:6px;list-style:none;padding:0;margin:0;align-items:center}
.woocommerce nav.woocommerce-pagination ul.page-numbers a,
.woocommerce nav.woocommerce-pagination ul.page-numbers span{display:flex;place-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;font-weight:500;font-size:15px;color:#000;background:#f8f8f8;transition:.2s}
.woocommerce nav.woocommerce-pagination ul.page-numbers a:hover,
.woocommerce nav.woocommerce-pagination ul.page-numbers .current{background:var(--brand);color:#fff}
.woocommerce nav.woocommerce-pagination ul.page-numbers .prev,
.woocommerce nav.woocommerce-pagination ul.page-numbers .next{background:transparent;color:#000;font-size:22px;width:38px;height:38px;display:flex;place-items:center}
.woocommerce nav.woocommerce-pagination ul.page-numbers .prev:hover,
.woocommerce nav.woocommerce-pagination ul.page-numbers .next:hover{color:var(--brand)}

/* Single product: variation form */
form.variations_form.cart{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--sh-md);padding:20px 25px;margin-top:20px;transition:box-shadow .2s,transform .2s}
form.variations_form.cart:hover{box-shadow:var(--sh-lg);transform:translateY(-3px)}
form.variations_form table.variations{width:100%;border-collapse:collapse}
form.variations_form table.variations th,form.variations_form table.variations td{padding:8px 0;border:0;vertical-align:middle}
form.variations_form table.variations th{width:30%;font-weight:500;color:var(--text)}
form.variations_form table.variations select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #e0e0e0;background:#fafafa;font-size:.95rem;transition:border .2s}
form.variations_form table.variations select:focus{border-color:var(--brand);outline:0}
form.variations_form .reset_variations{display:inline-block;margin-top:5px;color:#888;font-size:.85rem}
form.variations_form .reset_variations:hover{color:var(--brand)}
form.variations_form .single_variation_wrap{margin-top:15px;border-top:1px solid #eee;padding-top:15px}
form.variations_form .woocommerce-variation-price .price{color:var(--brand)!important;font-weight:600;font-size:1.1rem;margin-bottom:10px;display:block}
form.variations_form .quantity{display:flex;align-items:center;margin-bottom:10px}
form.variations_form .single_add_to_cart_button{width:100%;background:var(--accent);color:#fff;padding:12px 0}
form.variations_form .single_add_to_cart_button:hover{background:#c53a55}

/* Notices */
.woocommerce-message,.woocommerce-error,.woocommerce-info{
  display:block!important;background:#e8f9f1;border:1px solid var(--brand);border-radius:10px;padding:14px 18px 10px;color:#064e3b;font-weight:500;margin:15px 0;box-shadow:0 3px 10px rgba(0,0,0,.05)
}
.woocommerce-message::before{display:none!important}
.woocommerce-message a.button.wc-forward{display:inline-block;margin-top:8px;background:var(--brand);color:#fff;border-radius:10px;padding:8px 14px}
.woocommerce-message a.button.wc-forward:hover{background:var(--brand-d)}

/* Elementor mini-cart */
.elementor-menu-cart__main{background:var(--bg);padding:48px 16px 16px}
.elementor-menu-cart__close-button{display:none!important}
.elementor-menu-cart__products{display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 200px);overflow-y:auto;padding-right:4px}
.elementor-menu-cart__products::-webkit-scrollbar{width:8px;height:8px}
.elementor-menu-cart__products::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:8px}
.elementor-menu-cart__product.cart_item{
  background:#fff;border-radius:var(--r-lg);padding:12px;display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:start;position:relative;transition:box-shadow .2s,transform .2s
}
.elementor-menu-cart__product.cart_item:hover{box-shadow:var(--sh-lg);transform:translateY(-2px)}
.elementor-menu-cart__product-image img{width:72px;height:72px;border-radius:var(--r-md);object-fit:cover;display:block}
.elementor-menu-cart__product-name{margin:0;color:var(--text);line-height:1.3}
.elementor-menu-cart__product-name a{color:var(--text);text-decoration:none;font-weight:600}
.elementor-menu-cart__product-name .variation{margin:6px 0 0;padding:8px;background:#fafafa;border-radius:8px;max-height:110px;overflow:auto}
.elementor-menu-cart__product-name .variation dt,.elementor-menu-cart__product-name .variation dd{display:inline;margin:0;font-size:12px;color:var(--muted)}
.elementor-menu-cart__product-price{text-align:right;white-space:nowrap}
.elementor-menu-cart__product-price .quantity{display:block;font-size:12px;color:var(--muted);margin-bottom:2px}
.elementor-menu-cart__product-remove{position:absolute;top:6px;right:6px}
.elementor-menu-cart__product-remove .remove_from_cart_button{display:none}
.elementor-menu-cart__product-remove a{width:28px;height:28px;border-radius:50%;background:#f1f5f9;display:grid;place-items:center;text-indent:-9999px;overflow:hidden;transition:.2s}
.elementor-menu-cart__product-remove a::before{content:"×";text-indent:0;color:#111827;font-size:18px;line-height:1}
.elementor-menu-cart__product-remove a:hover{background:var(--accent);transform:translateY(-1px)}
.elementor-menu-cart__product-remove a:hover::before{color:#fff}
.elementor-menu-cart__subtotal{margin-top:10px;padding:10px 12px;background:#fff;border:1px solid #eef2f7;border-radius:10px;display:flex;justify-content:space-between;align-items:center;position:sticky;bottom:88px;z-index:1}
.elementor-menu-cart__subtotal strong{color:var(--text);font-size:14px;font-weight:600}
.elementor-menu-cart__footer-buttons{position:sticky;bottom:16px;background:transparent;margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.elementor-menu-cart__footer-buttons .elementor-button{height:44px;display:grid;place-items:center}
.elementor-menu-cart__footer-buttons .elementor-button--view-cart{background:#fff;color:var(--brand);box-shadow:var(--sh-sm);display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 12px;font-size:.95rem;line-height:1.2}
.elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover{background:#eefcf6}
.elementor-menu-cart__footer-buttons .elementor-button--checkout{background:var(--brand);color:#fff;box-shadow:0 6px 20px rgba(0,165,108,.25)}
.elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{background:var(--brand-d)}

/* Cart + Checkout */
.woocommerce-cart .shop_table,.woocommerce-checkout .shop_table{border:0;background:transparent}
.woocommerce-cart .shop_table th,.woocommerce-cart .shop_table td,
.woocommerce-checkout .shop_table th,.woocommerce-checkout .shop_table td{border:0;padding:12px 10px;vertical-align:middle}
.woocommerce-cart table.cart tr,.woocommerce-checkout table.shop_table tr{background:#fff;border-radius:10px;box-shadow:var(--sh-sm)}
.woocommerce-cart .cart_totals,#order_review{background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-md);padding:18px}
.woocommerce .wc-proceed-to-checkout a.checkout-button{background:var(--brand);color:#fff;border-radius:10px;padding:12px 16px;display:block}
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover{background:var(--brand-d)}
/* WC Blocks proceed button */
.wc-block-cart__submit-button.contained{background:var(--brand)!important;color:#fff!important;border-radius:10px}
.wc-block-cart__submit-button.contained:hover{background:var(--brand-d)!important}

/* Hide cross-sells section + heading */
.wp-block-woocommerce-product-collection[data-collection*="cross-sells"],
.wp-block-woocommerce-product-collection[data-collection*="cross-sells"] + .wp-block-heading{display:none!important}

/* Hide "Warenkorb anzeigen" links */
a.added_to_cart.wc-forward,a.added_to_cart.wc_forward,
ul.products li.product a.added_to_cart.wc-forward,ul.products li.product a.added_to_cart.wc_forward,
.wc-block-components-product-button a.added_to_cart.wc-forward,.wc-block-components-product-button a.added_to_cart.wc_forward{display:none!important}

/* Responsive */
.wc-block-product-template__responsive.columns-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1024px){.wc-block-product-template__responsive.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .wc-block-product-template__responsive.columns-3{grid-template-columns:1fr}
  .elementor-menu-cart__product.cart_item{grid-template-columns:64px 1fr auto;padding:10px}
  .elementor-menu-cart__product-image img{width:64px;height:64px}
  .elementor-menu-cart__footer-buttons{grid-template-columns:1fr}
}

/* ===================================================== */
/* === FIXES ADDED — DO NOT MODIFY EXISTING STYLES ===== */
/* ===================================================== */

/* 1. Force minicart toggle text to white on hover */
.elementor-menu-cart__toggle_button:hover .elementor-button-text,
.elementor-menu-cart__toggle_button:hover .woocommerce-Price-amount,
.elementor-menu-cart__toggle_button:hover .elementor-button-icon,
.elementor-menu-cart__toggle_button:hover .elementor-button-icon svg,
.elementor-menu-cart__toggle_button:hover .elementor-button-icon-qty {
    color: #fff !important;
    fill: #fff !important;
}

/* 2. Remove ALL color changes on View Cart hover */
.elementor-button--view-cart:hover,
.elementor-button--view-cart:hover .elementor-button-text {
    background: inherit !important;
    color: inherit !important;
}

/* 3. Remove ALL color changes on Remove (×) hover */
.elementor-menu-cart__product-remove a:hover {
    background: #f1f5f9 !important;
    transform: translateY(-1px);
}
.elementor-menu-cart__product-remove a:hover::before {
    color: #111827 !important;
}

/* 4. Add margin-top to Cart block */
.wp-block-woocommerce-cart {
    margin-top: 30px !important;
}


/* === FIX: Prevent .alignwide from breaking the cart on mobile === */

@media (max-width: 768px) {
    /* Cart wrapper */
    .wp-block-woocommerce-cart.alignwide,
    .wc-block-cart.alignwide,
    .wp-block-woocommerce-filled-cart-block.alignwide {
        margin-inline: 0 !important;
        padding-inline: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Inner section */
    .wp-block-woocommerce-cart.alignwide > *,
    .wc-block-cart.alignwide > *,
    .wp-block-woocommerce-filled-cart-block.alignwide > * {
        margin-inline: 0 !important;
        padding-inline: 16px !important;
        box-sizing: border-box;
    }
}

/* ===================================================== */
/* === MY ACCOUNT LAYOUT FIXED ========================= */
/* ===================================================== */

/* Add top gap */
.woocommerce-account .woocommerce {
    margin-top: 30px !important;
}

/* Proper 2-column layout JUST for My Account pages */
.woocommerce-account .woocommerce {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

/* Sidebar on left, content on right */
.woocommerce-account .woocommerce-MyAccount-navigation {
    flex: 0 0 240px;
}

.woocommerce-account .woocommerce-MyAccount-content {
    flex: 1;
}

/* Mobile: stack */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        flex-direction: column;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
    }
}

/* ===================================================== */
/* === FIXED: My Account sidebar + content styling ====== */
/* ===================================================== */

body.woocommerce-account .woocommerce-MyAccount-navigation {
    background: var(--card);
    padding: 18px 0;
    border-radius: var(--r-lg);
    box-shadow: var(--sh-sm);
    margin-top: 30px;
}

/* Reset ALL theme list styling inside the My Account sidebar */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0 !important;
    padding: 0 !important;
}

/* Sidebar links */
body.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: block;
    padding: 12px 18px;
    color: var(--text) !important;
    font-weight: 500;
    text-decoration: none !important;
    transition: background .2s, color .2s, transform .15s;
}

/* Hover */
body.woocommerce-account .woocommerce-MyAccount-navigation li:not(.is-active) a:hover {
    background: #f0fdf7;
    color: var(--brand) !important;
    transform: translateX(2px);
}

/* Active item */
body.woocommerce-account .woocommerce-MyAccount-navigation .is-active > a {
    background: var(--brand);
    color: #fff !important;
}

/* CONTENT PANEL */
body.woocommerce-account .woocommerce-MyAccount-content {
    background: var(--card);
    padding: 24px 28px;
    border-radius: var(--r-lg);
    box-shadow: var(--sh-sm);
    margin-top: 30px;
}

body.woocommerce-account .woocommerce-MyAccount-content p,
body.woocommerce-account .woocommerce-MyAccount-content div,
body.woocommerce-account .woocommerce-MyAccount-content a {
    color: var(--text);
}

body.woocommerce-account .woocommerce-MyAccount-content a {
    color: var(--brand) !important;
    font-weight: 600;
}

body.woocommerce-account .woocommerce-MyAccount-content a:hover {
    color: var(--brand-d) !important;
    text-decoration: underline !important;
}

/* LAYOUT FIX */
body.woocommerce-account .woocommerce {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
}

@media (max-width: 768px) {
    body.woocommerce-account .woocommerce {
        flex-direction: column;
    }
}


