/*
Theme Name:     Cardo
Theme URI:      https://www.kadencewp.com/
Template:       kadence
Author:         MarketingLens
Author URI:     https://loupe.digital/
Description:    Kadence theme's child theme
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/
<!-- wp:page-list /-->

ul.sub-menu{
	border-radius: 8px !important;
}
#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .header-account-button{
	color: var(--global-palette2);
}
a.custom-product-loop-cat{
	text-transform: uppercase;
	color: var(--global-palette2) !important;
	font-size: .75rem;
}
.price ins .woocommerce-Price-amount{
	color: var(--global-palette1) !important;
}
.custom-product-loop-image img{
	border-radius: 18px;
}
.woocommerce-loop-image-link{
	border-radius: 19px;
}
.woocommerce span.onsale{
	border-radius: 100px;
}
.woocommerce span.onsale:hover{
	background: var(--global-palette2) !important;
}
.kt-info-svg-icon svg {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2px !important;
}
.categories-row h3 {
    white-space: nowrap;
    overflow: visible; /* engedi, hogy kilógjon a konténerből */
}
.entry.loop-entry{
	box-shadow: none !important;
    background: none !important;	
}
.footer-row h3{
	font-size: 1.125rem !important;
	line-height: 1.75rem !important;	
}
.footer-row p{
	font-size: .875rem !important;
    line-height: 1.25rem !important;	
	margin-bottom: 0px !important;
}

/* =====================================
   Zoom background hover - Kadence
   ===================================== */

.zoom-on-hover {
    position: relative;
    overflow: hidden;
    border-radius: inherit;
}


/* Main container */
.zoom-on-hover > .kt-inside-inner-col {
    position: relative;
    overflow: hidden;
    border-radius: inherit;
    isolation: isolate;
}


/* Background image layer */
.zoom-on-hover > .kt-inside-inner-col::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    transform: scale(1);
    transition: transform .6s cubic-bezier(.22, .61, .36, 1);
    will-change: transform;

    border-radius: inherit;
}


/* Smooth zoom on hover */
.zoom-on-hover:hover > .kt-inside-inner-col::before {
    transform: scale(1.08);
}


/* Gradient overlay (fekete, alulról sötétedő) */
.zoom-on-hover > .kt-inside-inner-col::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background-image: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.7) 0%,
        rgba(0, 0, 0, 0.1) 50%,
        transparent 100%
    );
    pointer-events: none;
    border-radius: inherit;
}


/* Keep content above background + overlay */
.zoom-on-hover > .kt-inside-inner-col > * {
    position: relative;
    z-index: 2;
}


/* =====================================
   Background images
   Add class:
   zoom-bg-1 ... zoom-bg-6
   ===================================== */

.zoom-bg-1 > .kt-inside-inner-col::before {
    background-image: url("/wp-content/uploads/2026/07/Matrac-kollekcio.webp");
}

.zoom-bg-2 > .kt-inside-inner-col::before {
    background-image: url("/wp-content/uploads/2026/07/Agyak.webp");
}

.zoom-bg-3 > .kt-inside-inner-col::before {
    background-image: url("/wp-content/uploads/2026/07/Kanapek.webp");
}

.zoom-bg-4 > .kt-inside-inner-col::before {
    background-image: url("/wp-content/uploads/2026/07/Fotelek.webp");
}

.zoom-bg-5 > .kt-inside-inner-col::before {
    background-image: url("/wp-content/uploads/2026/07/Ulogarniturak.webp");
}

.zoom-bg-6 > .kt-inside-inner-col::before {
    background-image: url("/wp-content/uploads/2026/07/KIegeszitok.webp");
}


/* =====================================
   Radius fix
   ===================================== */

.zoom-on-hover,
.zoom-on-hover > .kt-inside-inner-col,
.zoom-on-hover > .kt-inside-inner-col::before,
.zoom-on-hover > .kt-inside-inner-col::after {
    border-radius: inherit;
}


/* =====================================
   Icon hover effect
   ===================================== */

.zoom-on-hover:hover .kb-svg-icon-wrap {
    background-color: var(--global-palette2);
    border-color: var(--global-palette2) !important;
}


/* Zoom in on hover bcg END */

.kt-woo-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 3px 8px !important;
}

.kt-woo-badge::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238c7a6e' stroke-width='2'><circle cx='9' cy='21' r='1'/><circle cx='20' cy='21' r='1'/><path d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
	
}	

.egeszseges-alvas-posts article:hover{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px !important;
}