/* ============================================
   OLDAL TELJES SZÉLESSÉGRE KITERJESZTÉSE
   ============================================ */

/* Kétoszlopos layout: a tartalom oszlop teljes szélességű legyen */
.column-content-left.two-column-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-right: 15px !important;
}

/* Az oldalsáv (col-lg-3) elrejtése ha üres, vagy kényszerítés */
.column-right {
    display: none !important;
}

/* Row konténer teljes szélességre */
.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Information page konténer */
.information-page,
.information,
.information-fulltext-box,
.page-body {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ============================================
   BELSŐ SZEKCIÓK - max-width felülírása
   Az inline style-ok miatt !important szükséges
   ============================================ */

/* Fejléc bevezető szöveg */
.information-fulltext-box > div:first-of-type {
    max-width: 100% !important;
}

/* Elválasztó vonal konténer */
.information-fulltext-box > div:nth-of-type(2) {
    max-width: 100% !important;
}

/* Section containerek teljes szélességre */
.section-container {
    max-width: 100% !important;
    padding-left: 60px !important;
    padding-right: 60px !important;
}

/* Fekete hátteres záró szekció */
div[style*="background-color: #1a1a1a"] {
    max-width: 100% !important;
    width: 100% !important;
}

/* A fekete szekción belüli belső konténer */
div[style*="background-color: #1a1a1a"] > div {
    max-width: 100% !important;
    padding: 0 60px !important;
}

/* ============================================
   RESZPONZÍV - Mobilon visszaállítás
   ============================================ */

@media (max-width: 1200px) {
    .section-container {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    div[style*="background-color: #1a1a1a"] > div {
        padding: 0 40px !important;
    }
}

@media (max-width: 768px) {
    .section-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    div[style*="background-color: #1a1a1a"] > div {
        padding: 0 20px !important;
    }

    /* Grid átváltása egy oszlopossá mobilon */
    .grid-2col,
    .grid-custom,
    .grid-black-1,
    .grid-black-2 {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
}

@media (max-width: 480px) {
    .section-container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    div[style*="background-color: #1a1a1a"] > div {
        padding: 0 12px !important;
    }
}


/* EGYEDI DESIGN CSS FORMÁZÁSAI */

/* A teljes oldal háttérszínének beállítása */
    .page-body {
        background-color: #f8f5ec !important;
    }

.col-9.product-card-right{
        background-color: #f8f5ec !important;
    }

/* Az egész oldal háttérszínének módosítása */
    body, 
    .page-body {
        background-color: #f8f5ec !important;
    }

    /* Ha a moduloknak van saját fehér háttere, azt is érdemes átlátszóvá tenni */
    .module, 
    .card, 
    #dealofday {
        background-color: transparent !important;
        border: none !important;
    }


/* A nap terméke főoldalon */

    /* 1. Terméknév (Title) beállításai */
    .module-dealofday-wrapper .product-card-title a {
        color: #1A1A1A !important;
        transition: color 0.3s ease;
        text-decoration: none;
    }

    .module-dealofday-wrapper .product-card-title a:hover {
        color: #B89D64 !important;
    }

    /* 2. Leírás (Description) színe */
    .module-dealofday-wrapper .product-card-description,
    .module-dealofday-wrapper .product-card-description p {
        color: #1A1A1A !important;
    }

    /* 3. Kívánságlista (Wishlist) ikon és szöveg */
    .product-card :not(.card-top-position) .product-card-wishlist .wishlist-icon,
    .product-card :not(.card-top-position) .product-card-wishlist .wishlist-button-text {
        color: #B89D64 !important;
        fill: #B89D64 !important; /* Az SVG ikon miatt */
        transition: all 0.3s ease;
    }

    .product-card :not(.card-top-position) .product-card-wishlist a:hover .wishlist-icon,
    .product-card :not(.card-top-position) .product-card-wishlist a:hover .wishlist-button-text {
        color: #1A1A1A !important;
        fill: #1A1A1A !important;
    }

    /* 4. Ár (Price) színe */
    .product-price {
        color: #B89D64 !important;
        font-weight: 600;
    }

    /* 5. Készletinformáció (Stock) színe */
    .product-card-item.product-card-stock.stock-status-id-9 {
        color: #1A1A1A !important;
		font-weight: 600;
    }

    /* 6. Gombok (Kosárba és Részletek) alap kinézete */
    .module-dealofday-wrapper .btn-primary, 
    .module-dealofday-wrapper .btn-outline-primary,
    .module-dealofday-wrapper .button-add-to-cart {
        background-color: #B89D64 !important;
        border-color: #B89D64 !important;
        color: #fff5d8 !important;
        transition: all 0.3s ease;
        text-transform: uppercase;
        font-weight: 600;
    }

    /* SVG ikonok színe a gombokon belül */
    .module-dealofday-wrapper .btn-outline-primary svg,
    .module-dealofday-wrapper .button-add-to-cart svg {
        fill: #f2daac !important;
    }

    /* 7. Gombok Hover (egér felette) nézete */
    .module-dealofday-wrapper .btn-primary:hover, 
    .module-dealofday-wrapper .btn-outline-primary:hover,
    .module-dealofday-wrapper .button-add-to-cart:hover {
        background-color: #2D2D2D !important;
        border-color: #2D2D2D !important;
        color: #f2daac !important;
    }

/* A Kosárba gomb alapállapota */
    .module-dealofday-wrapper a.button.btn.btn-primary.button-add-to-cart {
        background-color: transparent !important;
        background-image: none !important; /* Esetleges Shoprenter gradiens eltávolítása */
        border: 1px solid #B89D64 !important;
        color: #B89D64 !important;
        transition: all 0.3s ease !important;
        box-shadow: none !important;
    }

    /* A Kosárba gomb hover (egér felette) állapota */
    .module-dealofday-wrapper a.button.btn.btn-primary.button-add-to-cart:hover {
        background-color: #B89D64 !important;
        color: #fff5d8 !important;
        border: 1px solid #B89D64 !important;
    }

    /* Biztosítjuk, hogy a gombban lévő esetleges szöveg/span is örökölje a színt */
    .module-dealofday-wrapper a.button.btn.btn-primary.button-add-to-cart span {
        color: inherit !important;
    }

    /* Opcionális: A mellette lévő mennyiségválasztó (db) szöveg színe, hogy harmonizáljon */
    .module-dealofday-wrapper .quantity-name-text {
        color: #1A1A1A !important;
        margin-right: 5px;
    }


/* A mennyiségválasztó beviteli mező stílusa */
    .module-dealofday-wrapper .product-snapshot-horizontal:not(.is-side) .quantity-input {
        border: 1px solid #B89D64 !important;
        border-radius: 15px !important;
        background-color: transparent !important;
        color: #1A1A1A !important;
        padding: 5px 10px !important;
        outline: none !important;
        text-align: center !important; /* A szám középre igazítása */
        box-sizing: border-box !important;
    }

    /* Opcionális: fókusz állapot, ha a vásárló belekattint */
    .module-dealofday-wrapper .product-snapshot-horizontal:not(.is-side) .quantity-input:focus {
        border-color: #2D2D2D !important;
        box-shadow: 0 0 3px rgba(184, 157, 100, 0.5) !important;
    }

/* 1. A termékkép mögötti terület háttérszíne a bal oldali oszlopban */
    .module-dealofday-wrapper .product-card-left {
        background-color: #f8f5ec !important;
        border-radius: 4px 0 0 4px; /* Opcionális: a bal szélek finom lekerekítése */
    }

    /* Biztosítjuk, hogy a kép tárolója is átvegye a színt */
    .module-dealofday-wrapper .product-card-image.list_picture {
        background-color: #f8f5ec !important;
    }

    /* 2. Cikkszám (SKU) szövegszíne */
    .module-dealofday-wrapper .product-card-item.product-card-sku,
    .module-dealofday-wrapper .product-card-item.product-card-sku span {
        color: #1A1A1A !important;
    }

    /* 3. Várható szállítási idő szövegszíne */
    .module-dealofday-wrapper .product-card-item.product-card-shipping-time,
    .module-dealofday-wrapper .product-card-item.product-card-shipping-time span {
        color: #1A1A1A !important;
    }


/* Kategória név link hover színe */
    .category-snapshot-name-link.stretched-link:hover,
    .category-snapshot-name-link:hover {
        color: #B89D64 !important;
        text-decoration: none !important;
        transition: color 0.3s ease !important;
    }

    /* Biztosítjuk, hogy ha a link egy címsoron belül van, az is színeződjön */
    .category-snapshot-name-link:hover * {
        color: #B89D64 !important;
    }

/* Cikkszám (SKU) színének beállítása */
    .product-card-item.product-card-sku, 
    .product-card-item.product-card-sku span {
        color: #1A1A1A !important;
        font-size: 13px !important; /* Opcionális: finomabb méret a technikai adatoknak */
    }

    /* Várható szállítási idő színének beállítása */
    .product-card-item.product-card-shipping-time, 
    .product-card-item.product-card-shipping-time span {
        color: #1A1A1A !important;
        font-size: 13px !important;
    }

    /* Ha a "Cikkszám:" címke külön span-ben van, az is megkapja a színt */
    .product-card-sku > span:first-child,
    .product-card-shipping-time > span:first-child {
        color: #1A1A1A !important;
        font-weight: 500 !important;
    }

/* Kapcsolat gomb alatti távolság */

.buttons {
margin-bottom: 1rem;
}

/* Footer feletti távolság */

footer {
        margin-top: 0;
    }

/* TERMÉKKATEGÓRIÁK */

/* ════════════════════════════════════════════════════════════════════
   RÉSZLETEK GOMB (btn-outline-primary)
════════════════════════════════════════════════════════════════════ */
 
.product-card-details .btn-outline-primary,
.product-card-footer .btn-outline-primary {
  background-color: transparent !important;
  border-color: rgba(156, 122, 74, 0.45) !important;
  color: #9C7A4A !important;
  transition: all 0.25s ease !important;
}
.product-card-details .btn-outline-primary:hover,
.product-card-footer .btn-outline-primary:hover {
  background-color: #9C7A4A !important;
  border-color: #9C7A4A !important;
  color: #ffffff !important;
}
.product-card-details .btn-outline-primary svg,
.product-card-footer .btn-outline-primary svg {
  fill: currentColor !important;
}
 
 
/* ════════════════════════════════════════════════════════════════════
   KOSÁRBA GOMB (btn-primary / button-add-to-cart)
════════════════════════════════════════════════════════════════════ */
 
.button-add-to-cart,
.product-card-cart-button .btn-primary,
.list_addtocart .btn-primary,
.list_addtocart .button {
  background-color: #1C1410 !important;
  border-color: #1C1410 !important;
  color: #FAFAF8 !important;
  transition: all 0.25s ease !important;
}
.button-add-to-cart:hover,
.product-card-cart-button .btn-primary:hover,
.list_addtocart .btn-primary:hover,
.list_addtocart .button:hover {
  background-color: #9C7A4A !important;
  border-color: #9C7A4A !important;
  color: #ffffff !important;
}

/* LEÍRÁSOK SZÍNEI */

/* ═══════════════════════════════════════════════════════════════════
   BARS YVETTE — SZÖVEG SZÍNEK
   Az #a2a2a2 helyett olvashatóbb, a dizájnhoz illő sötétebb tónusok
   Minden érték beégetett hex kód — nincs @import, nincs :root változó
   ═══════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════
   KATEGÓRIA LEÍRÁS
════════════════════════════════════════════════════════════════════ */

.category-description,
.category-description p,
.category-description li {
  color: #5C4A32 !important;
}


/* ════════════════════════════════════════════════════════════════════
   OLDALSÁV MODUL FEJLÉC CÍM
════════════════════════════════════════════════════════════════════ */

.side-position.module .module-head .module-head-title {
  color: #1C1410 !important;
}


/* ════════════════════════════════════════════════════════════════════
   TERMÉK KÁRTYA LEÍRÁS (lista nézet)
════════════════════════════════════════════════════════════════════ */

.product-card-description,
.product-card-description p {
  color: #5C4A32 !important;
}


/* ════════════════════════════════════════════════════════════════════
   TERMÉK PARAMÉTEREK TÁBLÁZAT
════════════════════════════════════════════════════════════════════ */

.product-parameters tr:first-child td {
  color: #1C1410 !important;
}

.product-parameters td {
  color: #5C4A32 !important;
}


/* ════════════════════════════════════════════════════════════════════
   TERMÉK RÉSZLETES LEÍRÁS (flypage)
════════════════════════════════════════════════════════════════════ */

span.product-desc,
span.product-desc p,
span.product-desc li {
  color: #5C4A32 !important;
}


/* ════════════════════════════════════════════════════════════════════
   TERMÉK OLDAL NAVIGÁCIÓS FÜLEK
════════════════════════════════════════════════════════════════════ */

.product-page-nav-tabs .nav-link {
  color: #5C4A32 !important;
  transition: all 0.25s ease !important;
}
.product-page-nav-tabs .nav-link:hover {
  color: #9C7A4A !important;
}
.product-page-nav-tabs .nav-link.active {
  color: #1C1410 !important;
  border-bottom-color: #9C7A4A !important;
}

/* PÉNZTÁR OLDAL */

/* ════════════════════════════════════════════════════════════════════
   MEGRENDELEM GOMB
════════════════════════════════════════════════════════════════════ */
 
#checkout_confirmation_container .btn-order.btn,
#checkout_confirmation_container .btn-order.btn.btn-primary,
#checkout_confirmation_container button.btn-order,
#payment .btn-order,
#payment .btn-primary,
.checkout-app-confirmation .btn-order,
.checkout-app-confirmation .btn-order.btn,
.checkout-app-confirmation .btn-order.btn.btn-primary,
.checkout-app-confirmation #payment .btn,
.checkout-app-confirmation #payment button {
  background-color: #1C1410 !important;
  border-color: #1C1410 !important;
  color: #FAFAF8 !important;
  transition: all 0.25s ease !important;
}
 
#checkout_confirmation_container .btn-order.btn:hover,
#checkout_confirmation_container .btn-order.btn.btn-primary:hover,
#payment .btn-order:hover,
#payment .btn-primary:hover,
.checkout-app-confirmation .btn-order:hover,
.checkout-app-confirmation .btn-order.btn:hover,
.checkout-app-confirmation #payment .btn:hover,
.checkout-app-confirmation #payment button:hover {
  background-color: #9C7A4A !important;
  border-color: #9C7A4A !important;
  color: #ffffff !important;
}
 
 
/* ════════════════════════════════════════════════════════════════════
   VÁSÁRLÁSI FELTÉTELEK LINK
════════════════════════════════════════════════════════════════════ */
 
.checkout-app-confirmation .sr-custom-checkbox-label a,
.checkout-app-confirmation .sr-custom-checkbox-label a b,
.checkout-app-confirmation label a,
.checkout-app-confirmation label a b,
#agreement_id ~ div a,
#agreement_id ~ div a b {
  color: #9C7A4A !important;
  transition: all 0.25s ease !important;
}
.checkout-app-confirmation .sr-custom-checkbox-label a:hover,
.checkout-app-confirmation label a:hover,
#agreement_id ~ div a:hover {
  color: #5C4A32 !important;
}
 
 
/* ════════════════════════════════════════════════════════════════════
   ZÖLD PIPÁK → BRONZ
════════════════════════════════════════════════════════════════════ */
 
.checkout-app-confirmation .page-summary-title i,
.checkout-app-confirmation .page-summary-title .fas,
.checkout-app-confirmation .page-summary-title svg,
.checkout-app-confirmation .fa-check-circle,
.checkout-app-confirmation .progress-indicator--item_complete i,
.checkout-app-confirmation .progress-indicator-item-complete i {
  color: #9C7A4A !important;
  fill: #9C7A4A !important;
}
 
 
/* ════════════════════════════════════════════════════════════════════
   MÓDOSÍTÁS LINKEK
════════════════════════════════════════════════════════════════════ */
 
.checkout-app-confirmation .page-summary-link .btn,
.checkout-app-confirmation .page-summary-link .btn-link,
.checkout-app-confirmation .page-summary-link button {
  color: #9C7A4A !important;
  transition: all 0.25s ease !important;
}
.checkout-app-confirmation .page-summary-link .btn:hover,
.checkout-app-confirmation .page-summary-link .btn-link:hover,
.checkout-app-confirmation .page-summary-link button:hover {
  color: #5C4A32 !important;
}
 
 
/* ════════════════════════════════════════════════════════════════════
   ÖSSZESÍTŐ SOROK — VÉGÖSSZEG
════════════════════════════════════════════════════════════════════ */
 
.checkout-app-confirmation .total-value,
.checkout-app-confirmation .ac-test-total,
[data-test-id="checkoutSummaryGrossTotal"] {
  color: #9C7A4A !important;
}
 
.checkout-app-confirmation .total-title {
  color: #5C4A32 !important;
}
 
.checkout-app-confirmation .total-price-value,
.checkout-app-confirmation .ac-total-value {
  color: #1C1410 !important;
}
 
.checkout-app-confirmation .price.special,
.checkout-app-confirmation .price-container .price {
  color: #9C7A4A !important;
}
 
 
/* ════════════════════════════════════════════════════════════════════
   PROGRESS BAR LÉPÉSEK
════════════════════════════════════════════════════════════════════ */
 
.checkout-app-confirmation .progress-indicator--item_complete .progress-indicator--label,
.checkout-app-confirmation .progress-indicator-item-complete .progress-indicator-label {
  color: #9C7A4A !important;
}
 
.checkout-app-confirmation .progress-indicator--item_current .progress-indicator--label,
.checkout-app-confirmation .progress-indicator-item-current .progress-indicator-label {
  color: #1C1410 !important;
}
 
.checkout-app-confirmation .progress-indicator--line,
.checkout-app-confirmation .progress-indicator-line {
  background-color: rgba(156, 122, 74, 0.2) !important;
}
 
.checkout-app-confirmation .progress-indicator--item_complete .progress-indicator--line,
.checkout-app-confirmation .progress-indicator-item-complete .progress-indicator-line {
  background-color: #9C7A4A !important;
}
 
 
/* ════════════════════════════════════════════════════════════════════
   ÖSSZEGZŐ DOBOZOK HÁTTÉR
════════════════════════════════════════════════════════════════════ */
 
.checkout-app-confirmation .page-summary-content {
  background-color: #F4F0EA !important;
  border: 1px solid rgba(156, 122, 74, 0.14) !important;
}
 
.checkout-app-confirmation .page-summary-header {
  border-bottom-color: rgba(156, 122, 74, 0.12) !important;
}
 
.checkout-app-confirmation .page-summary-title h4 {
  color: #1C1410 !important;
}
 
.checkout-app-confirmation .summary-box-list {
  color: #5C4A32 !important;
}
 
.checkout-app-confirmation .summary-box-list strong {
  color: #1C1410 !important;
}
 
 
/* ════════════════════════════════════════════════════════════════════
   TEXTAREA
════════════════════════════════════════════════════════════════════ */
 
.checkout-app-confirmation .form-control,
.checkout-app-confirmation textarea.form-control {
  background-color: #F4F0EA !important;
  border-color: rgba(156, 122, 74, 0.22) !important;
  color: #1C1410 !important;
}
.checkout-app-confirmation .form-control:focus,
.checkout-app-confirmation textarea.form-control:focus {
  border-color: rgba(156, 122, 74, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(156, 122, 74, 0.08) !important;
  outline: none !important;
}
 
 
/* ════════════════════════════════════════════════════════════════════
   CHECKBOX
════════════════════════════════════════════════════════════════════ */
 
.checkout-app-confirmation .sr-custom-checkbox-label,
.checkout-app-confirmation label.sr-custom-checkbox-label {
  color: #5C4A32 !important;
}
 
.checkout-app-confirmation .sr-custom-checkbox-control:checked,
.checkout-app-confirmation input[type="checkbox"]:checked {
  accent-color: #9C7A4A !important;
}
 
 
/* ════════════════════════════════════════════════════════════════════
   FOOTER LINKEK
════════════════════════════════════════════════════════════════════ */
 
.checkout-app-confirmation .checkout-footer-link {
  color: #5C4A32 !important;
  opacity: 0.55;
  transition: all 0.25s ease !important;
}
.checkout-app-confirmation .checkout-footer-link:hover {
  color: #9C7A4A !important;
  opacity: 1;
}
 
.checkout-app-confirmation .checkout-footer {
  border-top: 1px solid rgba(156, 122, 74, 0.12) !important;
}