/* drivehu-functions/style.css */
.drivehu-btn {
    transition: all 0.2s ease-in-out;
}
.drivehu-btn:hover {
    background: #005a87 !important;
    color: #fff !important;
}
.drivehu-btn.active {
    background: #007cba !important;
    color: #fff !important;
    border-color: #005a87 !important;
}
.drivehu-clean-description {
    font-size: 16px;
    line-height: 1.6;
	    width: 100%;
    display: inline-block;
}

.product-type-variable .product_meta{display:none;}
.kadence-shop-top-row {
    display: none!important;
}


/* ==========================================================================
   FLATPICKR UX FIX - NEXT MONTH ACTIVE DAYS
   ========================================================================== */

/* A következő hónap napjainak színe is legyen sötét és aktív kinézetű */
.flatpickr-calendar .flatpickr-day.nextMonthDay {
    color: #393939 !important;
    opacity: 1 !important;
}

/* Ha a következő hónap napja ténylegesen le van tiltva (múltbeli vagy puffer miatt), 
   akkor kapja vissza a letiltott halvány kinézetet */
.flatpickr-calendar .flatpickr-day.nextMonthDay.flatpickr-disabled,
.flatpickr-calendar .flatpickr-day.nextMonthDay.flatpickr-disabled:hover {
    color: #cfcfcf !important;
    opacity: 0.3 !important;
    cursor: not-allowed !important;
}

/* Biztosítjuk, hogy a következő hónap napjaira húzott hover effekt is szép legyen */
.flatpickr-calendar .flatpickr-day.nextMonthDay:hover:not(.flatpickr-disabled) {
    background: #e6e6e6 !important;
    border-color: #e6e6e6 !important;
    color: #393939 !important;
}








/* ==========================================================================
   DRIVEME.HU CUSTOM KADENCE TOUR CARDS
   ========================================================================== */

/* Felülírjuk a Kadence 4-oszlopos rácsát asztali gépen 2 egyenlő oszlopra */
.woocommerce ul.products.products-grid-view {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* Pontosan 2 egyenlő oszlop */
    gap: 30px !important;
    padding: 30px 0 !important;
    max-width: 1200px;
    margin: 0 auto !important;
}

/* A kártya alapstruktúrája */
.woocommerce ul.products.products-grid-view li.product.entry {
    width: 100% !important; /* Engedjük, hogy a grid mondja meg a szélességet */
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 16px !important; /* Szép, modern lekerekítés */
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Hover effekt a kártyára */
.woocommerce ul.products.products-grid-view li.product.entry:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;
}

/* A kép tárolója és a kép maga */
.woocommerce ul.products.products-grid-view li.product.entry .woocommerce-loop-image-link {
    display: block !important;
    overflow: hidden !important;
    height: 320px !important; /* Komoly, nagy kép az élménynek */
    margin: 0 !important;
}

.woocommerce ul.products.products-grid-view li.product.entry img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Nem torzul a kép, elegánsan vág */
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.woocommerce ul.products.products-grid-view li.product.entry:hover img {
    transform: scale(1.05) !important; /* Finom zoom effekt hoverre */
}

/* Szöveges tartalom doboza */
.woocommerce ul.products.products-grid-view li.product .entry-content-wrap {
    padding: 25px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    background: #ffffff !important;
}

/* Túra címe */
.woocommerce ul.products.products-grid-view li.product .woocommerce-loop-product__title a {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
}

/* Kivonat (Excerpt) rendezése */
.woocommerce ul.products.products-grid-view li.product .product-excerpt p {
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #555555 !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

/* Ár elhelyezése */
.woocommerce ul.products.products-grid-view li.product .price {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-top: auto !important; /* Mindig a kártya aljára tolja az árat és a gombot */
    padding-bottom: 15px !important;
}

/* ==========================================================================
   A KÍVÁNT MAGENTA CTA GOMB (.product-action-wrap)
   ========================================================================== */
.woocommerce ul.products.products-grid-view li.product .product-action-wrap a.button {
    background-color: #d1106a !important; /* Dögös Magenta */
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 16px 24px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 8px !important;
    border: none !important;
    transition: background-color 0.2s ease-in-out !important;
    width: 100% !important;
}

/* Kadence nyilak színe a gombon belül */
.woocommerce ul.products.products-grid-view li.product .product-action-wrap a.button .kadence-svg-iconset {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Gomb hover állapot */
.woocommerce ul.products.products-grid-view li.product .product-action-wrap a.button:hover {
    background-color: #a80953 !important; /* Sötétebb magenta */
    color: #ffffff !important;
}

/* ==========================================================================
   RESPONSIVE (MOBIL NÉZET)
   ========================================================================== */
@media (max-width: 768px) {
    .woocommerce ul.products.products-grid-view {
        grid-template-columns: 1fr !important; /* Mobilon egymás alá ugrik, 1 oszlop */
        gap: 20px !important;
        padding: 15px !important;
    }

    .woocommerce ul.products.products-grid-view li.product.entry .woocommerce-loop-image-link {
        height: 220px !important; /* Mobilon kisebb kijelzőhöz igazított magasság */
    }
}


/* Kadence hover animációk teljes kikapcsolása a kártyán */
.woocommerce ul.products.products-grid-view li.product.entry:hover .entry-content-wrap {
    transform: none !important;
}

/* A gombot tartalmazó sávot kényszerítjük, hogy mindig látható és kattintható legyen */
.woocommerce ul.products.products-grid-view li.product .product-action-wrap {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    position: relative !important;
    display: block !important;
    margin-top: 15px !important;
}

/* Kikapcsoljuk a belső doboz felesleges eltolásait, hogy ne ugorjon meg a tartalom */
.woocommerce ul.products.products-grid-view li.product.woo-archive-action-on-hover .entry-content-wrap {
    position: relative !important;
    transform: none !important;
    bottom: 0 !important;
}