/*
Theme Name: Weingut Manhart
Author: Frmwrk GmbH
Template: futurio
Version: 1.0.0
*/


html {
	font-size: 15px !important;
}

#product-nav {
    display: none !important;
}

.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}

.woocommerce-MyAccount-navigation li {
	border: none;
}

.woocommerce-info {
	border-top: none;
}

/* Elementor Mini Cart fix */

.elementor-menu-cart--shown,
.elementor-menu-cart--shown .elementor-menu-cart__container {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    z-index: 9999998 !important;
    overflow: visible !important;
}

.elementor-menu-cart--shown .elementor-menu-cart__main {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: 0 !important;

    width: 420px !important;
    max-width: 90vw !important;
    height: 100vh !important;
    max-height: 100vh !important;

    margin: 0 !important;
    padding: 32px !important;
    transform: none !important;

    opacity: 1 !important;
    visibility: visible !important;
    z-index: 9999999 !important;
    overflow-y: auto !important;
}

.admin-bar .elementor-menu-cart--shown .elementor-menu-cart__main {
    top: 32px !important;
    height: calc(100vh - 32px) !important;
}

/* Weißer Balken oben entfernen */
@media screen and (max-width: 600px) {
    html {
        margin-top: 0 !important;
    }
    #wpadminbar {
        position: fixed !important;
    }
}


/* --- WooCommerce MyAccount: Weißer Hintergrund & Dunkle Schrift --- */

/* 1. Tabelle: Hintergrund Weiß erzwingen */
.elementor-widget-woocommerce-my-account .woocommerce table.shop_table {
    background-color: #FFFFFF !important;
    border: 1px solid #EAEAEA !important;
}

/* 2. Tabellen-Header: Dunkle Schrift auf hellem Grau/Weiß */
.elementor-widget-woocommerce-my-account .woocommerce table.shop_table th,
.elementor-widget-woocommerce-my-account .woocommerce table.shop_table th span {
    background-color: #F9F9F9 !important;
    color: var(--e-global-color-primary, #1C1C1C) !important;
    font-family: var(--e-global-typography-primary-font-family) !important;
    border-bottom: 2px solid #EAEAEA !important;
}

/* 3. Tabellen-Inhalt: Dunkle Schrift auf Weiß */
.elementor-widget-woocommerce-my-account .woocommerce table.shop_table td,
.elementor-widget-woocommerce-my-account .woocommerce table.shop_table td *,
.elementor-widget-woocommerce-my-account .woocommerce table.shop_table td span {
    background-color: #FFFFFF !important;
    color: var(--e-global-color-text, #353535) !important;
    font-family: var(--e-global-typography-text-font-family, "almarai") !important;
    --tables-items-color: var(--e-global-color-text, #353535) !important;
}

/* 4. Adress-Boxen & restliche Texte (Dunkel auf Weiß) */
.woocommerce-Address address,
.woocommerce-Address address *,
.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    color: var(--e-global-color-text, #353535) !important;
}

/* 5. Buttons (Farbig mit weißer Schrift) */
.woocommerce table.shop_table td .button {
    background-color: var(--e-global-color-accent, #E0B450) !important;
    color: #FFFFFF !important;
}

fieldset {
	border: none;
}

.woocommerce-checkout .shop_table {
	background-color: transparent;
}

.elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment .payment_methods .payment_box {
	background-color: transparent;
}

.payment_box {
	background-color: transparent !important;
}


.woocommerce-checkout-payment {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.p-PaymentAccordionButtonText div {
	color: black !important;
}

p.checkbox-legal label.checkbox {
    display: flex !important;
    align-items: flex-start; /* Richtet Checkbox am Textanfang aus */
    gap: 10px;               /* Erzeugt Abstand zwischen Checkbox und Text */
}

p.checkbox-legal label.checkbox input[type="checkbox"] {
    position: static !important; /* Hebt die absolute Positionierung auf */
    margin: 4px 0 0 0 !important; /* Kleine Korrektur für vertikale Ausrichtung */
    flex-shrink: 0;             /* Verhindert, dass die Checkbox gequetscht wird */
}



.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
	background: rgba(250,248,245,.95);
    color: #333;
    border: 1px solid rgba(0,0,0,.08);
    border-left: 4px solid #b81c23;
    border-radius: 6px;


    backdrop-filter: blur(8px);

    box-shadow:
     inset 0 1px 0 rgba(255,255,255,.15),
     0 0 10px rgba(255,255,255,.08),
     0 10px 30px rgba(0,0,0,.15);
}


.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
	display: none;
    color: #b81c23;
}


.woocommerce-checkout .shop_table {
	background-color: transparent !important;
}

.woocommerce-shipping-fields {
    background-color: var(--sections-background-color, #fff) !important;
    border-radius: var(--sections-border-radius,3px);
    border-style: var(--sections-border-type,solid);
    border-width: 1px;
}

a.button {
  background-color: #651F26 !important;
  border-radius: 9px 9px 9px 9px !important;
  border-color: #651F26 !important;
  font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
  font-weight: var(--e-global-typography-accent-font-weight) !important;
  color: #fff !important;
  text-transform: uppercase;
  padding: 12px 24px !important;
}

.shipping-delivery-time {
    display: block;
    font-size: 0.9em;
    opacity: 0.75;
    margin-top: 2px;
}

.woocommerce-order {
background-color: #f5f4eb;
  padding: 20px;
    padding-top: 20px;
  border-radius: 10px;
  padding-top: 30px;
  color: #1c1c1c;
}

.elementor-nav-menu {
	flex-wrap: nowrap !important;
}

.select2-selection--single, .input-text {
	background-color: white !important;
	color: black !important;
}