.elementor-500 .elementor-element.elementor-element-72b9301{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-500 .elementor-element.elementor-element-72b9301:not(.elementor-motion-effects-element-type-background), .elementor-500 .elementor-element.elementor-element-72b9301 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#293A2B;}.elementor-500 .elementor-element.elementor-element-1a75a0a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--border-radius:50px 50px 50px 50px;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:7px;--padding-bottom:7px;--padding-left:100px;--padding-right:100px;}.elementor-500 .elementor-element.elementor-element-1a75a0a:not(.elementor-motion-effects-element-type-background), .elementor-500 .elementor-element.elementor-element-1a75a0a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-500 .elementor-element.elementor-element-1a75a0a.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-500 .elementor-element.elementor-element-afe0842 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;color:#293A2B94;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-500 .elementor-element.elementor-element-6538721 > .elementor-widget-container{margin:07px 0px 0px 0px;}.elementor-500 .elementor-element.elementor-element-6538721 .elementor-icon-wrapper{text-align:center;}.elementor-500 .elementor-element.elementor-element-6538721 .elementor-icon{font-size:22px;}.elementor-500 .elementor-element.elementor-element-6538721 .elementor-icon svg{height:22px;}.elementor-500 .elementor-element.elementor-element-ff5e339 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;color:#293A2B94;}.elementor-500 .elementor-element.elementor-element-b39f75c > .elementor-widget-container{margin:07px 0px 0px 0px;}.elementor-500 .elementor-element.elementor-element-b39f75c .elementor-icon-wrapper{text-align:center;}.elementor-500 .elementor-element.elementor-element-b39f75c .elementor-icon{font-size:22px;}.elementor-500 .elementor-element.elementor-element-b39f75c .elementor-icon svg{height:22px;}.elementor-500 .elementor-element.elementor-element-940731b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;color:#293A2B94;}.elementor-500 .elementor-element.elementor-element-80473cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-500 .elementor-element.elementor-element-1a75a0a{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:1px;}.elementor-500 .elementor-element.elementor-element-afe0842{width:100%;max-width:100%;text-align:center;}.elementor-500 .elementor-element.elementor-element-afe0842 .elementor-heading-title{font-size:16px;}.elementor-500 .elementor-element.elementor-element-ff5e339{width:100%;max-width:100%;text-align:center;}.elementor-500 .elementor-element.elementor-element-ff5e339 .elementor-heading-title{font-size:16px;}.elementor-500 .elementor-element.elementor-element-940731b{width:100%;max-width:100%;text-align:center;}.elementor-500 .elementor-element.elementor-element-940731b .elementor-heading-title{font-size:16px;}}@media(min-width:768px){.elementor-500 .elementor-element.elementor-element-1a75a0a{--width:80%;}}/* Start custom CSS for container, class: .elementor-element-1a75a0a *//* ============================================================
   DREVA.SK – kroky Košík / Pokladňa / Dokončenie
   ============================================================ */

/* Základný stav */
.dreva-checkout-steps .elementor-heading-title,
.dreva-checkout-steps .elementor-heading-title a {
    color: rgba(41, 58, 43, 0.45) !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    border-radius: 10px !important;
    padding: 4px 10px !important;
    display: inline-block !important;
}

/* Hover – neaktívny krok */
.dreva-checkout-steps .elementor-heading-title a:hover {
    color: #293A2B !important;
    background: rgba(41, 58, 43, 0.06) !important;
}

/* Aktívny krok – KOŠÍK */
body.woocommerce-cart .dreva-checkout-steps a[href*="/kosik/"] {
    color: #293A2B !important;
    font-weight: 700 !important;
    background: rgba(41, 58, 43, 0.10) !important;
    border-radius: 10px !important;
    padding: 4px 10px !important;
}

/* Aktívny krok – POKLADŇA */
body.woocommerce-checkout:not(.woocommerce-order-received) .dreva-checkout-steps a[href*="/kontrola-objednavky/"] {
    color: #293A2B !important;
    font-weight: 700 !important;
    background: rgba(41, 58, 43, 0.10) !important;
    border-radius: 10px !important;
    padding: 4px 10px !important;
}

/* Aktívny krok – DOKONČENIE */
body.woocommerce-order-received .dreva-checkout-steps .elementor-widget-heading:last-of-type .elementor-heading-title,
body.woocommerce-order-received .dreva-checkout-steps .elementor-widget-heading:last-of-type .elementor-heading-title a {
    color: #293A2B !important;
    font-weight: 700 !important;
    background: rgba(41, 58, 43, 0.10) !important;
    border-radius: 10px !important;
    padding: 4px 10px !important;
}

/* Hover na aktívnom kroku */
body.woocommerce-cart .dreva-checkout-steps a[href*="/kosik/"]:hover,
body.woocommerce-checkout:not(.woocommerce-order-received) .dreva-checkout-steps a[href*="/kontrola-objednavky/"]:hover {
    background: rgba(41, 58, 43, 0.16) !important;
    color: #293A2B !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a3eff70 *//* ============================================================
   DREVA.SK – Košík stránka CSS
   Vložiť do: Vzhľad → Prispôsobiť → Ďalší CSS
   ============================================================ */

/* ── Tabuľka košíka ── */
.woocommerce-cart table.shop_table {
    border: none !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    font-family: "Montserrat", sans-serif !important;
    background: #F9F7ED !important;
    box-shadow: 0 4px 24px rgba(41, 58, 43, 0.08) !important;
}

/* ── Hlavička tabuľky ── */
.woocommerce-cart table.shop_table thead th {
    background: #293A2B !important;
    color: #F9F7ED !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    padding: 14px 16px !important;
    border: none !important;
}

/* ── Riadok produktu ── */
.woocommerce-cart table.shop_table tbody tr {
    border-bottom: 1px solid rgba(41, 58, 43, 0.08) !important;
    background: #F9F7ED !important;
}

.woocommerce-cart table.shop_table tbody tr:last-child {
    border-bottom: none !important;
}

.woocommerce-cart table.shop_table td {
    padding: 16px !important;
    border: none !important;
    vertical-align: middle !important;
    font-family: "Montserrat", sans-serif !important;
    color: #293A2B !important;
}

/* ── Obrázok produktu ── */
.woocommerce-cart table.shop_table td.product-thumbnail img {
    width: 80px !important;
    height: 70px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    display: block !important;
}

/* ── Názov produktu ── */
.woocommerce-cart table.shop_table td.product-name {
    font-weight: 600 !important;
    font-size: 14px !important;
}

.woocommerce-cart table.shop_table td.product-name a {
    color: #293A2B !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

.woocommerce-cart table.shop_table td.product-name a:hover {
    color: #D56200 !important;
}

/* Meta (Montáž, Náter, Strecha) */
.woocommerce-cart table.shop_table td.product-name .variation {
    margin-top: 6px !important;
    font-size: 12px !important;
    color: #555 !important;
    line-height: 1.6 !important;
}

.woocommerce-cart table.shop_table td.product-name .variation dt {
    display: inline !important;
    font-weight: 700 !important;
    color: #293A2B !important;
    float: none !important;
    width: auto !important;
}

.woocommerce-cart table.shop_table td.product-name .variation dd {
    display: inline !important;
    margin: 0 0 0 3px !important;
    color: #555 !important;
}

.woocommerce-cart table.shop_table td.product-name .variation dd p {
    display: inline !important;
    margin: 0 !important;
}

.woocommerce-cart table.shop_table td.product-name .variation dd::after {
    content: '' !important;
    display: block !important;
}

/* ── Cena ── */
.woocommerce-cart table.shop_table td.product-price,
.woocommerce-cart table.shop_table td.product-subtotal {
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #293A2B !important;
}

/* ── Quantity ── */
.woocommerce-cart table.shop_table td.product-quantity .quantity input {
    border: 1px solid rgba(41, 58, 43, 0.2) !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    color: #293A2B !important;
    background: #fff !important;
    width: 60px !important;
    text-align: center !important;
}

/* ── X odstraniť ── */
.woocommerce-cart table.shop_table td.product-remove a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: rgba(213, 98, 0, 0.12) !important;
    color: transparent !important;
    font-size: 0 !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
    position: relative !important;
}

.woocommerce-cart table.shop_table td.product-remove a::before {
    content: '×' !important;
    color: #D56200 !important;
    font-size: 20px !important;
    line-height: 1 !important;
    position: absolute !important;
}

.woocommerce-cart table.shop_table td.product-remove a:hover {
    background: #D56200 !important;
}

.woocommerce-cart table.shop_table td.product-remove a:hover::before {
    color: #F9F7ED !important;
}

/* ── Aktualizovať košík button ── */
.woocommerce-cart .actions .button[name="update_cart"] {
    background: transparent !important;
    border: 2px solid #293A2B !important;
    color: #293A2B !important;
    border-radius: 8px !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    transition: all 0.2s !important;
    cursor: pointer !important;
}

.woocommerce-cart .actions .button[name="update_cart"]:hover {
    background: #293A2B !important;
    color: #F9F7ED !important;
}

/* ── Kupón ── */
.woocommerce-cart .coupon input[type="text"] {
    border: 1px solid rgba(41, 58, 43, 0.25) !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 13px !important;
    color: #293A2B !important;
}

.woocommerce-cart .coupon .button {
    background: #293A2B !important;
    color: #F9F7ED !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    transition: all 0.2s !important;
    cursor: pointer !important;
}

.woocommerce-cart .coupon .button:hover {
    background: #D56200 !important;
}

/* ── Sumár košíka ── */
.woocommerce-cart .cart_totals {
    background: #F9F7ED !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 24px rgba(41, 58, 43, 0.08) !important;
    padding: 24px !important;
    font-family: "Montserrat", sans-serif !important;
}

.woocommerce-cart .cart_totals h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #293A2B !important;
    margin-bottom: 16px !important;
    font-family: "Montserrat", sans-serif !important;
}

.woocommerce-cart .cart_totals table {
    width: 100% !important;
    border: none !important;
}

.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td {
    padding: 10px 0 !important;
    border: none !important;
    border-bottom: 1px solid rgba(41, 58, 43, 0.08) !important;
    font-family: "Montserrat", sans-serif !important;
    color: #293A2B !important;
    font-size: 14px !important;
}

.woocommerce-cart .cart_totals table th {
    font-weight: 600 !important;
    width: 40% !important;
}

/* Cena spolu – zvýraznená */
.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td {
    font-size: 16px !important;
    font-weight: 700 !important;
    border-bottom: none !important;
    padding-top: 14px !important;
}

.woocommerce-cart .cart_totals .order-total .woocommerce-Price-amount {
    color: #D56200 !important;
    font-size: 18px !important;
}

/* ── Tlačidlo Skontrolovať a objednať ── */
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
    background: #D56200 !important;
    color: #F9F7ED !important;
    border: none !important;
    border-radius: 10px !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 16px 24px !important;
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
    margin-top: 16px !important;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
    background: #293A2B !important;
}

/* ── Prázdny košík – finálna oprava ── */

.woocommerce-cart p.cart-empty,
.woocommerce-cart .cart-empty {
    background: #293A2B !important;
    color: #F9F7ED !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 20px 24px !important;
    margin-bottom: 16px !important;
    display: block !important;
    box-shadow: 0 4px 24px rgba(41, 58, 43, 0.15) !important;
}

.woocommerce-cart p.cart-empty::before,
.woocommerce-cart .cart-empty::before {
    display: none !important;
}

.woocommerce-cart .return-to-shop {
    text-align: left !important;
    margin: 0 !important;
}

.woocommerce-cart .return-to-shop a.button,
.woocommerce-cart a.button.wc-backward {
    background: #D56200 !important;
    color: #F9F7ED !important;
    border: none !important;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 14px 28px !important;
    display: inline-block !important;
    text-decoration: none !important;
    transition: background 0.2s !important;
    box-shadow: none !important;
}

.woocommerce-cart .return-to-shop a.button:hover,
.woocommerce-cart a.button.wc-backward:hover {
    background: #B54E00 !important;
}

/* ── WooCommerce správy (Odstránené z košíka, atď.) ── */
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message {
    background: #293A2B !important;
    color: #F9F7ED !important;
    border: none !important;
    border-top: none !important;
    border-radius: 8px !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 16px 20px !important;
    margin-bottom: 16px !important;
    box-shadow: 0 4px 24px rgba(41, 58, 43, 0.15) !important;
    list-style: none !important;
}

/* Skryť default WC checkmark ikonku */
.woocommerce-cart .woocommerce-message::before,
.woocommerce-cart .woocommerce-info::before {
    display: none !important;
}

/* Link "Vrátiť?" v správe */
.woocommerce-cart .woocommerce-message a,
.woocommerce-cart .woocommerce-message .restore-item {
    color: #D56200 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(213, 98, 0, 0.4) !important;
    transition: all 0.2s !important;
}

.woocommerce-cart .woocommerce-message a:hover,
.woocommerce-cart .woocommerce-message .restore-item:hover {
    color: #F9F7ED !important;
    border-bottom-color: #F9F7ED !important;
}/* End custom CSS */