/* ================================
ERKADO MODERN TEMPLATE
================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=Inter:wght@300;400;600&display=swap');

*{
box-sizing:border-box;
margin:0;
padding:0;
}

body{
font-family:'Inter',sans-serif;
background:#ffffff;
color:#1c4c60;
line-height:1.6;
}

/* ================================
CONTAINER
================================ */

.container{
padding: 0px 20px 5px 20px;
}

.three-columns-grid{
gap:30px;
}

.three-col{
background:#fff;
border-radius:6px;
padding:25px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
}

/* ================================
HEADER
================================ */

body.template-erkado header {
   background:#ffffff;
z-index:1000;
border-bottom:1px solid #eee;

}


.topheader-logo img{
height:60px;
}

body.template-erkado .topheader-logo a{
color:#4c4679;
font-weight:700;
}

/* MENU */

nav.top-menu ul{
gap:35px;
}

body.template-erkado nav.top-menu a{
font-weight:500;
letter-spacing:.5px;
font-size:18px;
color:#1c4c60;
}

body.template-erkado nav.top-menu li a:hover{
color:#b01c2e;
}

/* ================================
  SEARCH
================================ */

.search-form button {
    border: none;
    background: #a70429;
    color: white;
    padding: 0 25px;
    cursor: pointer;
    border-radius: 0 50px 50px 0; /* csak a jobb oldala kerekített */
    transition: background 0.25s ease;
}

.search-form button:hover {
    background: #bd1b1b;
}

/* ================================
CATEGORY GRID
================================ */

.category-grid{
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap:40px;
    margin-top:0px;
}

/* ================================
CATEGORY CARD – PREMIUM LOOK
================================ */

body.template-erkado .category-card{
    position:relative;
    height:260px; /* 🔥 nagyobb blokk */
    overflow:hidden;
    border:1px solid #e5e5e5; /* finom keret */
    background:#fff;
    transition:.35s;
}

body.template-erkado .category-card:hover{
    transform:translateY(-4px);
    box-shadow:0 15px 40px rgba(0,0,0,.12);
}

/* ================================
KÉP – NEM CROPOLUNK!
================================ */

.category-card .cat-image{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    /*background:#fff;*/
	background:none;
}

/* JPG / PNG */
.category-card .cat-image img{
    max-width:100%;
    max-height:100%;
    object-fit:contain; /* 🔥 NEM vág */
}

/* SVG */
.category-card .cat-image svg{
    width:90px;
    height:90px;
}


/* ================================
CATEGORY NAME – DESIGN
================================ */



body.template-erkado .category-card .cat-name{
	/* kék háttér*/
    /*background: rgba(28, 76, 96, 0.55) !important; */
	
	/* 🔴 PIROS, DE ÁTLÁTSZÓ */	
    /*background: rgba(176, 28, 46, 0.65) !important; */
	
	background: rgba(138, 17, 31, 0.65) !important; /* 🔴 PIROS, DE ÁTLÁTSZÓ */
	
    border: 1px solid rgba(255,255,255,0.25);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    color: #fff;
    padding: 10px 16px;
    border-radius: 2px;

    text-shadow: 0 2px 8px rgba(0,0,0,0.6);
}



body.template-erkado .category-card{
    background:none !important;
    padding:0 !important;
    border-radius:0 !important;
}

body.template-erkado .category-card .cat-overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;

    height:45%;

    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:center; /* 🔥 EZ A LÉNYEG */

    padding:22px;

    background:linear-gradient(
        to top,
        rgba(0,0,0,0.75),
        rgba(0,0,0,0.35),
        transparent
    );

    pointer-events:none;
}

body.template-erkado .category-card .cat-name{
    transition: all 0.25s ease;
}

/* HOVER */

/* 🔥 HOVER – PIROS HÁTTÉR + FEHÉR SZÖVEG */
body.template-erkado .category-card:hover .cat-name{
    background: rgba(28, 76, 96, 0.65) !important; /* 🔵 EZ VOLT AZ ALAP */
    color: #fff !important;
    border-color: rgba(255,255,255,0.25);
}

/* ================================
PRODUCT GRID – KOMPAKT
================================ */

.product-grid{
display:grid;
grid-template-columns:repeat(auto-fill, minmax(220px,1fr));
gap:25px;
margin-top:25px;
justify-items:center; /* 🔥 középre rakja a cardokat */
}

/* CARD */

.product-card{
background:#fff;
border-radius:3px;
overflow:hidden;
box-shadow:0 4px 12px rgba(0,0,0,.06);
transition:.25s;
display:flex;
flex-direction:column;
max-width:260px; /* 🔥 ne legyen túl széles */
width:100%;
}

.product-card:hover{
transform:translateY(-3px);
box-shadow:0 10px 25px rgba(0,0,0,.12);
}

/* KÉP – KITÖLTI A TERET */

.product-card img{
width:100%;
height:200px;          /* 🔥 fix magasság */
object-fit:contain;    /* 🔥 teljes kép látszik */
padding:0;             /* 🔥 nincs keret */
background:none;
display:block;
}

/* TITLE */

.product-card h2{
text-align:center;     /* 🔥 középre */
font-size:16px;        /* 🔥 kicsit nagyobb */
color:#1c4c60;         /* 🔥 kékes szín (maradhat ez vagy állítjuk) */
padding:15px 0;  /* 🔥 szimmetrikus padding */
margin:0 auto;
line-height:1.3;
}

/* PRICE */

.product-card .price{
font-size:16px;
font-weight:700;
color:#b01c2e;
padding:0 10px 6px;
margin:0;
}

/* BUTTON */

.product-card .product-details-btn{
margin:6px 10px 10px;
padding:8px;
font-size:13px;
background:#b01c2e;
color:#fff;
border-radius:2px;
text-align:center;
}

.product-card .product-details-btn:hover{
background:#1c4c60;
}

/* ================================
PRODUCT PAGE
================================ */

.product-title{
font-family:'Playfair Display',serif;
font-size:32px;
color:#1c4c60;
}

.product-price{
font-size:28px;
color:#b01c2e;
font-weight:700;
}


/* ================================
 MONEY BACK
================================ */

.money-back {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #1e8299;
    border: 1px solid #4bb6c7;
    padding: 12px;
    border-radius: 6px;
    font-size: 0.9rem;
	color: #fff;
}

.money-back .icon {
    font-size: 1.4rem;
    color:  #fff;
}

/* ================================
SIDEBAR
================================ */

.content-left,
.content-right{
padding:0px;
border-radius:6px;
box-shadow:0 4px 20px rgba(0,0,0,.05);
background:#fff;
}

.category-title{
color:#1c4c60;
}

/* ================================
CONTENT
================================ */

.content-center{
background:#ffffff;
padding:20px 15px;
}

.content-center h3{
color:#1c4c60;
}

/* ================================
CART
================================ */

#cart-link{
background:#b01c2e;
color:#fff;
padding:10px 18px;
border-radius:6px;
font-weight:600;
text-decoration:none;
}

#cart-link:hover{
background:#8e1625;
}

/* ================================
MOBILE MENU
================================ */

.menu-items{
display:none;
position:absolute;
top:80px;
left:0;
width:100%;
background:#fff;
box-shadow:0 10px 30px rgba(0,0,0,.15);
padding:20px;
}

.menu-items.active{
display:block;
}

/* ================================
FOOTER
================================ */

body.template-erkado div#footer{
background:linear-gradient(135deg,#1c4c60,#163c4d);
}

body.template-erkado div#footer .footer{
background:transparent;
}

body.template-erkado div#footer .footer-content h4{
color:#ffffff;
}

body.template-erkado div#footer .footer-content li a{
color:#d0e4ea;
}

body.template-erkado div#footer .footer-content li a:hover{
color:#ffffff;
}

/* ================================
MOBILE
================================ */

@media(max-width:900px){

nav.top-menu{
display:none;
}

.hamburger{
display:block;
}

}

/* ================================
CATEGORY CARD (FINAL POLISH)
================================ */

.category-card .cat-icon{
/*background:#f4f8fa;*/
}

.category-card .cat-icon svg{
fill:#1c4c60;
}

.category-card .cat-icon img{
    width:40px;
    height:40px;
    object-fit:contain;
    display:block;
}

.category-card .cat-icon{
    background:#f4f8fa;
    width:60px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.category-card:hover .cat-icon{
background:#e6f1f5;
}

.category-card:hover .cat-name{
color:#b01c2e;
}


.category-card .cat-icon svg,
.category-card .cat-icon svg *{
  fill:#a82100 !important;
}

/* ================================
NUCLEAR CATEGORY FIX
================================ */

body.template-erkado .category-card,
body.template-erkado .category-card * {
    background: transparent !important;
    box-shadow: none !important;
}

body.template-erkado .category-card{
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* link se adjon semmit */
body.template-erkado .category-card a{
    background: transparent !important;
}

/* kép container */
body.template-erkado .category-card .cat-image{
    background: transparent !important;
}

/* ha img fehér hátteres */
body.template-erkado .category-card img{
    background: transparent !important;
}