/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ================================================
   ITALGURU Logó
   ================================================ */
.italguru-logo-text {
    font-family: 'Michroma', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}

.italguru-logo-text .ital {
    color: #d34234;
}

.italguru-logo-text .guru {
    color: #ffffff;
}


/* ================================================
   ITALGURU — Sötét színséma override
   Háttér: #1c1c1e | Kártya: #2a2a2a | Accent: #cc3c31
   ================================================ */

/* --- CSS változók --- */
:root {
    --color-main:         #cc3c31;
    --color-main-hover:   #e04438;
    --color-body-bg:      #1c1c1e;
    --color-body-text:    #e0e0e0;
    --color-secondary-bg: #2a2a2a;
    --color-border:       #3a3a3a;
    --color-text-muted:   #999999;
}

/* --- Oldal háttér --- */
body,
.site-content,
.wd-content-page {
    background-color: #1c1c1e !important;
    color: #e0e0e0;
}

/* --- Header --- */
.whb-header,
.whb-row,
.whb-sticky-row {
    background-color: #1c1c1e !important;
    border-bottom: 1px solid #3a3a3a;
}

/* --- Navigáció --- */
.wd-nav > li > a,
.main-nav > li > a {
    color: #e0e0e0 !important;
}

.wd-nav > li > a:hover,
.main-nav > li > a:hover,
.wd-nav > li.current-menu-item > a,
.main-nav > li.current-menu-item > a {
    color: #cc3c31 !important;
}

.main-nav > li.current-menu-item > a::after {
    background-color: #cc3c31;
}

/* --- Dropdown menük --- */
.wd-dropdown-menu,
.sub-menu {
    background-color: #2a2a2a !important;
    border: 1px solid #3a3a3a !important;
}

.wd-dropdown-menu li a,
.sub-menu li a {
    color: #e0e0e0 !important;
}

.wd-dropdown-menu li a:hover,
.sub-menu li a:hover {
    color: #cc3c31 !important;
    background-color: #333333 !important;
}

/* --- WooCommerce termék kártyák --- */
.product-grid-item,
.wd-product-grid .product,
ul.products li.product {
    background-color: #2a2a2a !important;
    border: 1px solid #3a3a3a !important;
    border-radius: 8px;
}

.product-grid-item .product-title a,
ul.products li.product .woocommerce-loop-product__title {
    color: #e0e0e0 !important;
}

/* Ár --- */
.product-grid-item .price,
ul.products li.product .price,
.woocommerce-Price-amount {
    color: #cc3c31 !important;
}

/* Áthúzott ár --- */
ul.products li.product .price del,
.product-grid-item .price del {
    color: #666666 !important;
}

/* --- Gombok --- */
.btn-add-to-cart,
.add_to_cart_button,
.single_add_to_cart_button,
.wd-add-btn a,
a.button,
button.button,
input[type="submit"] {
    background-color: #cc3c31 !important;
    border-color: #cc3c31 !important;
    color: #ffffff !important;
    border-radius: 4px;
}

.btn-add-to-cart:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.wd-add-btn a:hover,
a.button:hover,
button.button:hover {
    background-color: #e04438 !important;
    border-color: #e04438 !important;
}

/* --- Kategória kártyák --- */
.wd-product-cat,
.woodmart-image-box-wrap,
.wd-categories .product-cat {
    background-color: #2a2a2a !important;
    border-radius: 8px;
    overflow: hidden;
}

.wd-product-cat .woocommerce-loop-category__title,
.woodmart-image-box-title {
    color: #ffffff !important;
}

.wd-product-cat .woocommerce-loop-category__title::after,
.woodmart-image-box-title::after {
    background-color: #cc3c31;
}

/* --- Carousel nyilak --- */
.wd-carousel-wrap .swiper-button-next,
.wd-carousel-wrap .swiper-button-prev,
.woodmart-carousel .swiper-button-next,
.woodmart-carousel .swiper-button-prev {
    background-color: #cc3c31 !important;
    color: #ffffff !important;
    border-radius: 50%;
}

.wd-carousel-wrap .swiper-button-next:hover,
.wd-carousel-wrap .swiper-button-prev:hover,
.woodmart-carousel .swiper-button-next:hover,
.woodmart-carousel .swiper-button-prev:hover {
    background-color: #e04438 !important;
}

.swiper-pagination-bullet-active {
    background-color: #cc3c31 !important;
}

/* --- Szekció címek --- */
.wd-section-title,
.elementor-heading-title,
.woodmart-title-container h2,
.woodmart-title-container h3 {
    color: #ffffff !important;
}

/* --- Footer --- */
.site-footer,
.wd-footer-bar,
.woodmart-footer-container {
    background-color: #111111 !important;
    border-top: 1px solid #3a3a3a;
    color: #999999;
}

.site-footer a,
.wd-footer-bar a {
    color: #e0e0e0 !important;
}

.site-footer a:hover,
.wd-footer-bar a:hover {
    color: #cc3c31 !important;
}

/* --- Input mezők --- */
input[type="text"],
input[type="email"],
input[type="search"],
select,
textarea {
    background-color: #2a2a2a !important;
    border: 1px solid #3a3a3a !important;
    color: #e0e0e0 !important;
    border-radius: 4px;
}

/* --- Natív <select> legördülő – cross-platform (Windows) olvashatóság ---
 * macOS a popupot natívan, sötét módban rendereli, ezért ott jól néz ki.
 * Windows/Chromiumon viszont a böngésző az <option> elemeket alapból FEHÉR
 * háttérrel rajzolja, így a világos szöveg olvashatatlan (fehér a fehéren).
 *
 *  - color-scheme: dark → a böngésző sötét natív vezérlőt/popupot rajzol
 *  - option háttér+szín  → explicit érték azoknak a böngészőknek, amik honorálják
 *
 * Fontos: az option-höz SÖTÉT hátteret ÉS világos szöveget adunk együtt, így a
 * becsukott vezérlő (ami a kiválasztott option-t mutatja) is olvasható marad —
 * ezért nem fordulhat elő a korábbi "fekete szöveg a sötét selecten" probléma.
 */
select {
    color-scheme: dark;
}

select option,
select optgroup {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
}

select optgroup {
    color: #888 !important;
}

select option:checked,
select option:hover {
    background-color: #333 !important;
    color: #cc3c31 !important; /* márka piros a kiválasztott / hover elemen */
}

input::placeholder,
textarea::placeholder {
    color: #666666 !important;
}

/* --- Scrollbar (Chromium) --- */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #1c1c1e;
}

::-webkit-scrollbar-thumb {
    background: #3a3a3a;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #cc3c31;
}

/* ================================================
   Italguru Fekete Kereső — sötét téma override
   (felülírja a widgetbe ágyazott világos stílusokat)
   ================================================ */

/* Dropdown háttér (TERMÉK NEVE lenyílásnál a fehér popup) */
.italguru-search-field .italguru-search-dropdown {
    background-color: #2a2a2a !important;
    border: 1px solid #3a3a3a !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.6) !important;
}

/* Search input mező */
.italguru-black-card .italguru-search-field .italguru-search-input,
.italguru-search-field .italguru-search-input[class] {
    background: #1c1c1e !important;
    color: #e0e0e0 !important;
    border: 2px solid #3a3a3a !important;
}

.italguru-search-field .italguru-search-input:focus {
    border-color: #cc3c31 !important;
}

.italguru-search-field .italguru-search-input::placeholder {
    color: #888 !important;
}

/* Clear (×) gomb */
.italguru-search-field .italguru-search-clear {
    background: #3a3a3a !important;
    color: #e0e0e0 !important;
}

.italguru-search-field .italguru-search-clear:hover {
    background: #cc3c31 !important;
    color: #fff !important;
}

/* Általános dropdown (Kategória, Készlet állapot) — wd-pf-dropdown */
.italguru-black-card .wd-pf-dropdown {
    background-color: #2a2a2a !important;
    border: 1px solid #3a3a3a !important;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.6) !important;
}

.italguru-black-card .wd-pf-dropdown,
.italguru-black-card .wd-pf-dropdown a,
.italguru-black-card .wd-pf-dropdown li,
.italguru-black-card .wd-pf-dropdown .wd-scroll-content {
    color: #e0e0e0 !important;
}

.italguru-black-card .wd-pf-dropdown a:hover,
.italguru-black-card .wd-pf-dropdown li:hover,
.italguru-black-card .wd-pf-dropdown li.wd-active a {
    color: #cc3c31 !important;
    background-color: #333 !important;
}

/* Aktív (kiválasztott) érték — sárga helyett piros accent */
.italguru-black-card .wd-pf-dropdown .wd-active,
.italguru-black-card .wd-pf-dropdown li.wd-active {
    background-color: transparent !important;
    color: #cc3c31 !important;
}

/* Kategória scroll content háttér */
.italguru-black-card .wd-scroll-content {
    background-color: transparent !important;
}

/* Árkereső csúszka színei (régi sárga → piros accent) */
.italguru-black-card .ui-slider-range {
    background: #cc3c31 !important;
}

.italguru-black-card .ui-slider .ui-slider-handle {
    background: #fff !important;
    border: 2px solid #cc3c31 !important;
}


/* ByteForge — B2B King loop tier display */

/* Eredeti B2B King range elrejtése — csak ott, ahol van saját banner */
.product-wrapper:has(.bf-loop-tier) > .product-element-bottom > .price > .b2bking_tiered_range_replaced,
.product-wrapper:has(.bf-loop-tier) > .product-element-bottom > .price > .b2bking_tiered_range_after {
    display: none !important;
}
.product-wrapper:has(.bf-loop-tier) > .product-element-bottom > .price {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0;
}

/* Saját tier display */
.bf-loop-tier {
    display: block;
    margin-top: 8px;
    line-height: 1.4;
}
.bf-loop-tier-head {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 6px;
}
.bf-loop-tier-from {
    font-size: 11px;
    color: #9a9a9a;
    text-transform: lowercase;
}
.bf-loop-tier-best,
.bf-loop-tier-best .woocommerce-Price-amount {
    font-size: 1.05em;
    font-weight: 600;
    color: #242424;
}
.bf-loop-tier-orig,
.bf-loop-tier-orig .woocommerce-Price-amount {
    font-size: 0.78em;
    color: #b0b0b0;
    text-decoration: line-through;
}
.bf-loop-tier-banner {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    background: #ecf7ee;
    color: #2d6a37;
    border-radius: 6px;
    font-size: 11px;
    line-height: 1.35;
}
.bf-loop-tier-banner strong {
    font-weight: 600;
}
.bf-loop-tier-icon {
    flex-shrink: 0;
}
.bf-tier-more {
    display: inline-block;
    margin-left: 4px;
    padding: 1px 5px;
    background: rgba(45, 106, 55, 0.15);
    border-radius: 3px;
    font-size: 10px;
    font-weight: 600;
}

@media (max-width: 480px) {
    .bf-loop-tier-banner { font-size: 10px; padding: 5px 7px; }
}
/* B2B King eredeti range elrejtése — csak ott, ahol a saját display lefutott */
.product-wrapper:has(.bf-loop-tier) .price > .b2bking_tiered_range_replaced,
.product-wrapper:has(.bf-loop-tier) .price > .b2bking_tiered_range_after {
    display: none !important;
}

/* Margin a price és a saját display között */
.product-element-bottom .bf-loop-tier {
    margin-top: 6px;
}
/* ================================================
   KOSÁR OLDAL — fehér/világos téma
   ================================================ */

/* Oldal háttér */
body.woocommerce-cart,
body.woocommerce-cart .wd-page-wrapper,
body.woocommerce-cart .wd-page-content,
body.woocommerce-cart .site-content,
body.woocommerce-cart .wd-content-area,
body.woocommerce-cart .wd-content-layout {
    background-color: #f4f4f4 !important;
    color: #1c1c1e !important;
}

/* Page title sáv (ha látszik) */
body.woocommerce-cart .wd-page-title,
body.woocommerce-cart .page-title-default {
    display: none !important;
}

body.woocommerce-cart .cart-content-wrapper {
    margin-top: 7rem !important;
}

/* Táblázat */
body.woocommerce-cart table.shop_table {
    background-color: #ffffff !important;
    border-color: #e0e0e0 !important;
    border-radius: 8px;
    overflow: hidden;
    padding: 1rem;
    border-collapse: separate;
}

body.woocommerce-cart table.shop_table th,
body.woocommerce-cart table.shop_table td {
    color: #1c1c1e !important;
    border-color: #e0e0e0 !important;
}

body.woocommerce-cart td.product-name a {
    color: #1c1c1e !important;
}

body.woocommerce-cart td.product-name a:hover {
    color: #cc3c31 !important;
}

/* Törlés (×) gomb */
body.woocommerce-cart td.product-remove a {
    --wd-link-color: #999999;
    --wd-link-color-hover: #cc3c31;
    color: #999999 !important;
}

/* Mennyiség +/- */
body.woocommerce-cart div.quantity .plus,
body.woocommerce-cart div.quantity .minus,
body.woocommerce-cart div.quantity input[type="number"] {
    background-color: #f0f0f0 !important;
    color: #1c1c1e !important;
    border-color: #dddddd !important;
}

/* Kupon input */
body.woocommerce-cart .coupon input[type="text"] {
    background-color: #ffffff !important;
    color: #1c1c1e !important;
    border-color: #dddddd !important;
}

/* Kosár összesen doboz */
body.woocommerce-cart .cart_totals,
body.woocommerce-cart .cart_totals h2 {
    color: #1c1c1e !important;
}

body.woocommerce-cart .cart_totals table {
    background-color: #ffffff !important;
}

body.woocommerce-cart .cart_totals th,
body.woocommerce-cart .cart_totals td {
    color: #1c1c1e !important;
    border-color: #e0e0e0 !important;
}

/* Szállítási módok label */
body.woocommerce-cart .woocommerce-shipping-methods label {
    --wd-title-color: #1c1c1e;
    color: #1c1c1e !important;
}

/* B2BKing vásárlási lista blokk */
body.woocommerce-cart .italguru-pl-info {
    background: linear-gradient(135deg, rgba(229,70,70,0.08), rgba(229,70,70,0.02)) !important;
    color: #333333 !important;
}

body.woocommerce-cart .italguru-pl-info__text span {
    color: #555555 !important;
}

/* Prefooter */
body.woocommerce-cart .wd-prefooter {
    background-color: #e8e8e8 !important;
}

/* Ár szín maradjon piros */
body.woocommerce-cart .woocommerce-Price-amount,
body.woocommerce-cart .amount {
    color: #cc3c31 !important;
}
/* ================================================
   SINGLE PRODUCT — termék kép kártya
   ================================================ */

/* Fehér kártya a kép köré */
.single-product .product-images,
.single-product .woocommerce-product-gallery {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: none !important;

}

/* Egységes magasság és tartalom igazítás */
.single-product .product-images .woocommerce-product-gallery__image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: clamp(320px, 50vh, 540px) !important;
    background: transparent !important;
}

/* Kép méretezés — mindig kitölti a kártyát, nem nyúlik */
.single-product .product-images .woocommerce-product-gallery__image img,
.single-product .woocommerce-product-gallery__image > a > img {
    max-height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}

/* Thumbnail sor — ha van */
.single-product .product-images .flex-control-thumbs {
    background: transparent !important;
    margin-top: 12px !important;
}

.single-product .product-images .flex-control-thumbs li img {
    border-radius: 6px !important;
    border: 2px solid transparent !important;
    object-fit: contain !important;
}

.single-product .product-images .flex-control-thumbs li img.flex-active,
.single-product .product-images .flex-control-thumbs li img:hover {
    border-color: #cc3c31 !important;
}

/* ================================================
   SINGLE PRODUCT — termék kép kártya (v2)
   ================================================ */

/* Fehér kártya */
.single-product .product-images,
.single-product .woocommerce-product-gallery {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    padding: 20px !important;
}

/* Swiper wrapper kitöltés */
.single-product .woocommerce-product-gallery .wd-carousel,
.single-product .woocommerce-product-gallery .swiper-container,
.single-product .woocommerce-product-gallery .swiper-wrapper,
.single-product .woocommerce-product-gallery .swiper-slide {
    width: 100% !important;
    height: auto !important;
}

/* Figure — töltse ki a slide-ot */
.single-product figure.woocommerce-product-gallery__image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: clamp(320px, 50vh, 540px) !important;
    margin: 0 !important;
    background: transparent !important;
}

/* A link wrapper is 100% */
.single-product figure.woocommerce-product-gallery__image > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

/* Maga a kép */
.single-product figure.woocommerce-product-gallery__image img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
}

/* Thumbnail sor */
.single-product .flex-control-thumbs {
    margin-top: 12px !important;
    background: transparent !important;
}

.single-product .flex-control-thumbs li img {
    border-radius: 6px !important;
    border: 2px solid transparent !important;
    object-fit: contain !important;
    background: #f5f5f5 !important;
}

.single-product .flex-control-thumbs li img.flex-active,
.single-product .flex-control-thumbs li img:hover {
    border-color: #cc3c31 !important;
}

.elementor-element-cc94784{
    grid-column: span 3 / span 3;
}

@media (max-width: 768px) {
    .elementor-element-cc94784 {
        grid-column: span 1 / span 1 !important;
    }
}
/* ================================================
   Felelős italfogyasztás oldal — heading színek
   ================================================ */

.italguru-responsible-content h2 {
    color: #ffffff !important;
}

.italguru-responsible-content h3 {
    color: #ffffff !important;
}

.italguru-responsible-content h4 {
    color: #cc3c31 !important;
}

.italguru-responsible-content a {
    color: #cc3c31 !important;
}

.italguru-responsible-content a:hover {
    color: #e04438 !important;
    text-decoration: underline !important;
}
body.woocommerce-cart .cross-sells .wd-el-title {
    color: #1c1c1e !important;
}

/* ============================================================
   Checkout – "Rendelésed" összegző tábla (#order_review)
   ------------------------------------------------------------
   A kosár (.woocommerce-cart .shop_table) fehér kártyát kap
   sötét szöveggel, a checkout összegzőre viszont eddig NEM volt
   child-override, így a Woodmart téma világosszürke (#e0e0e0)
   szövege maradt érvényben → sötét háttéren olvashatatlanul
   halvány terméknevek és összesítő feliratok.

   Megoldás: ugyanaz a fehér-kártya + sötét szöveg kezelés, mint
   a kosárnál. FONTOS: csak a .shop_table kap fehér hátteret,
   a #payment (fizetési mód rádiógombok) NEM, mert az a sötét
   háttéren világos szöveggel jól olvasható és úgy is marad.
   ============================================================ */

/* Fehér kártya csak az összegző táblának (a #payment szekciót nem érinti) */
body.woocommerce-checkout #order_review .responsive-table,
body.woocommerce-checkout #order_review table.shop_table {
    background-color: #ffffff !important;
    border-color: #e0e0e0 !important;
    border-radius: 8px;
    overflow: hidden;
}

/* Minden cella alap szövegszíne sötét, olvasható */
body.woocommerce-checkout #order_review table.shop_table th,
body.woocommerce-checkout #order_review table.shop_table td {
    color: #1c1c1e !important;
    border-color: #e0e0e0 !important;
}

/* Terméknév (sima szöveg ÉS link is) */
body.woocommerce-checkout #order_review td.product-name,
body.woocommerce-checkout #order_review td.product-name a {
    color: #1c1c1e !important;
}

body.woocommerce-checkout #order_review td.product-name a:hover {
    color: #cc3c31 !important;
}

/* Árak / összegek megtartják a márka piros accentet a fehér kártyán */
body.woocommerce-checkout #order_review .woocommerce-Price-amount,
body.woocommerce-checkout #order_review td.product-total .amount,
body.woocommerce-checkout #order_review .order-total .amount {
    color: #cc3c31 !important;
}


/* ============================================================
   Fiókom / Rendelés-visszaigazolás – "Rendelés részletei" tábla
   (.woocommerce-order-details .order_details)
   ------------------------------------------------------------
   Ez NEM a checkout #order_review, hanem a My Account "Rendelés
   részletei" (és a thank-you) nézet. Eddig nem volt rá override,
   ezért flat-sötét és a terméknév OLVASHATATLAN volt:

   A terméknév egy <a> link, amit a Woodmart a
   var(--wd-entities-title-color) SÖTÉT színnel fest → sötét a
   sötéten. Itt ugyanazt a fehér kártya + sötét szöveg kezelést
   adjuk, mint a kosárnál és a checkout összegzőnél (konzisztencia),
   és a terméknév-linket explicit sötétre állítjuk.
   ============================================================ */

/* Fehér kártya az összegző táblának */
.woocommerce-order-details .responsive-table,
.woocommerce-order-details table.order_details,
.woocommerce-order-details table.shop_table {
    background-color: #ffffff !important;
    border-color: #e0e0e0 !important;
    border-radius: 8px;
    overflow: hidden;
}

/* Minden cella alap szövegszíne sötét, olvasható */
.woocommerce-order-details table.order_details th,
.woocommerce-order-details table.order_details td {
    color: #1c1c1e !important;
    border-color: #e0e0e0 !important;
}

/* Terméknév link – felülírjuk a Woodmart sötét --wd-entities-title-color értékét */
.woocommerce-order-details td.product-name,
.woocommerce-order-details td.product-name a,
.woocommerce-order-details td.product-name a:not(:where(.button)) {
    color: #1c1c1e !important;
}

.woocommerce-order-details td.product-name a:hover,
.woocommerce-order-details td.product-name a:not(:where(.button)):hover {
    color: #cc3c31 !important;
}

/* Mennyiség (× 1) – halványabb szürke, de olvasható a fehér kártyán */
.woocommerce-order-details .product-quantity {
    color: #6b6b6b !important;
}

/* Árak / összegek megtartják a márka piros accentet */
.woocommerce-order-details .woocommerce-Price-amount,
.woocommerce-order-details td.product-total .amount,
.woocommerce-order-details .order-total .amount {
    color: #cc3c31 !important;
}

/* A táblán belüli gombok (pl. FIZETÉS) szövege maradjon fehér */
.woocommerce-order-details td .button {
    color: #ffffff !important;
}

/* ------------------------------------------------------------
   Vásárlói adatok / Számlázási–szállítási cím szekció
   A táblán kívül van, sötét háttéren marad – csak az olvashatóság
   miatt világosítjuk a cím szövegét.
   ------------------------------------------------------------ */
.woocommerce-customer-details address,
.woocommerce-customer-details p,
.woocommerce-customer-details .woocommerce-customer-details--phone,
.woocommerce-customer-details .woocommerce-customer-details--email {
    color: #e0e0e0 !important;
}


/* ============================================================
   404 – "Nem találták" oldal
   ------------------------------------------------------------
   Alapból nincs vertikális igazítás, a tartalom a tetején
   gubbasztva, szétesve néz ki. Flexboxos középre rendezés +
   tipográfiai javítás + search input stílus.
   ============================================================ */

body.error404 .wd-page-content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    background-color: #1c1c1e;
}

body.error404 #main-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 3rem 1.5rem;
    width: 100%;
}

/* Főcím (h1) */
body.error404 .page-content h1,
body.error404 .page-header h1 {
    font-size: clamp(1.5rem, 4vw, 2.5rem) !important;
    color: #e0e0e0 !important;
    margin-bottom: 1rem !important;
    letter-spacing: 0.05em;
}

/* Bevezető szöveg */
body.error404 .page-content > p {
    color: #aaaaaa !important;
    font-size: 1.05rem !important;
    max-width: 480px;
    margin: 0 auto 2rem auto !important;
    line-height: 1.6;
}

/* Kereső mező középre + elegáns megjelenés */
body.error404 .wd-search-form,
body.error404 .search-form {
    width: 100%;
    max-width: 440px;
    margin: 0 auto !important;
}

body.error404 .wd-search-form input[type="search"],
body.error404 .search-form input[type="search"] {
    background-color: #2a2a2a !important;
    border: 1px solid #3a3a3a !important;
    color: #e0e0e0 !important;
    border-radius: 6px !important;
    padding: 0.75rem 1rem !important;
    width: 100% !important;
    font-size: 1rem !important;
}

body.error404 .wd-search-form input[type="search"]::placeholder,
body.error404 .search-form input[type="search"]::placeholder {
    color: #666 !important;
}

/* Kereső submit gomb (nagyítóüveg ikon) */
body.error404 .wd-search-form button[type="submit"],
body.error404 .search-form button[type="submit"] {
    background-color: #cc3c31 !important;
    color: #ffffff !important;
    border-radius: 0 6px 6px 0 !important;
}


.wd-checkout-prod-img img {
    object-fit: contain !important;
}

.whb-col-1 :is(.whb-flex-row,.whb-column) {
    justify-content: flex-start !important;
}

td.product-thumbnail img {
    object-fit: contain;
    height: 120px;
}