/*
Theme Name: Vantage Child
Template: vantage
Version: 1.0
*/

@import url("../style.css");

/* Catergast - Vendéglátóipari Eszközök Bérlése - CSS Styling */

/* ===== Általános Stílusok ===== */
@import url('https://fonts.googleapis.com/css2?family=Yellowtail&display=swap');

html{
  font-size: clamp(16px, 1vw + 0.5rem, 18px);
  scroll-behavior: smooth;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}

:root {
  --primary-brown: #4A3423;
  --primary-green: #1F4D3A;
  --accent-gold: #C6A75E;
  --bg-light: #F8F5F0;
  --bg-lighter: #ece0da;
  --text-dark: #333333;
  --text-light: #666666;
  --white: #FFFFFF;
}
#pg-368-0, #pg-368-1, #pg-368-2, #pg-368-3, #pg-368-4, #pg-368-5, #pl-368 .so-panel,
#pg-351-1, #pg-351-2, #pg-351-3, #pg-351-4, #pg-351-5, #pl-351 .so-panel,
#pg-362-1, #pg-362-2, #pg-362-3, #pg-362-4, #pg-362-5, #pg-362-6, #pl-362 .so-panel
{
	margin-bottom: 0px !important;
}

.main-navigation ul li a {
	text-transform:uppercase;
	font-weight:400;
}

.flowbox{
	background-color: white;
	padding: 20px;
	border-radius: 10px;
	border-top-right-radius: 0px;
	border-left: 7px solid var(--accent-gold);
    border-bottom: 1px solid var(--accent-gold);
}

.flowbox img{
	margin-bottom: 20px
}

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

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: var(--text-dark);
  line-height: 1.6;
  overflow-x: hidden;
}


.phone-number::before {
  content: '📞';
  font-size: 18px;
}

.phone-number:hover {
  color: var(--accent-gold);
}

.hero-section{
position:relative;
overflow:hidden;
	padding-left:8% !important;
}



@media (min-width: 768px) {
.hero-section::before{
content:"";
position:absolute;
inset:0;
background:url("https://www.catergast.sk/wp-content/uploads/2026/03/banner_clean_fade-e1772482278404.webp") right bottom no-repeat !important;
background-size:75%;
z-index:0;
will-change:transform;
animation:heroFloat 18s ease-in-out infinite;
	}}

/* nem zoom, hanem lebeg */
@keyframes heroFloat{
0%{ transform:translateY(0px) scale(1.05);}
50%{ transform:translateY(-15px) scale(1.08);}
100%{ transform:translateY(0px) scale(1.05);}
}


.hero-section::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(120deg,
rgba(255,255,255,0.9) 0%,
rgba(255,255,255,0.4) 35%,
rgba(255,255,255,0.1) 60%,
rgba(255,255,255,0) 100%);
animation:lightMove 8s ease-in-out infinite;
filter:brightness(1.02);
}

@keyframes lightMove{
0%{opacity:.6; transform:translateX(-40px);}
50%{opacity:1; transform:translateX(40px);}
100%{opacity:.6; transform:translateX(-40px);}
}

.package-card{
border-radius:18px;
overflow:hidden;
background:#fff;
transition: all .35s ease;
box-shadow: 0 8px 25px rgba(0,0,0,0.08);
position: relative;
}

.package-card:hover{
transform: scale(1.02);
box-shadow: 0 25px 60px rgba(0,0,0,0.18);
}

#masthead.masthead-logo-in-menu .logo > img {
  max-height: 45px;
  width: auto;
  height: auto;
  max-width: 100%;
}

@media (min-width: 1400px) {
.home #masthead.masthead-logo-in-menu .logo > img{
	padding-left: 8%;
	max-height: 100px !important;
	position: absolute;
	top: 20px;
	}

	.shopping-cart{
		display: none !important;
	}
}

#masthead.masthead-logo-in-menu .logo > img.logo-no-height-constrain{
	position: absolute;
	top: 25px;
    left: 200px;
    max-height: 150px;
	}


.sticky-menu #masthead .logo img,
.stuck #masthead .logo img {
  height: 45px !important;
  top: 5px !important;
}



#main {
		padding: 0px !important;
}


.hero-content {
  position: relative;
  z-index: 2;

  margin: 0;
	margin-bottom:100px;
}

.hero-section h1 {
  font-size: clamp(22px, 4vw, 60px);
  color: var(--primary-brown);
  margin-bottom: 20px;
  font-weight: 300;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 1px;
	word-break: keep-all;
}

.hero-section h1 strong {
	font-size: clamp(24px, 4vw, 60px);
	margin: 5px auto;
  font-weight: 700;
	  display: block;
}




.hero-feature{
  opacity:1;
  transform:none;
  animation:none;
  position:relative;
  padding-left:32px;
  margin-bottom:12px;
  font-size:18px;
  color:#4a3423;
  font-weight:500;
}

.hero-features{
  margin-top:25px;
}

.contact-features .hero-feature{
	font-weight: 400 !important;
	font-size: 16px !important;
	margin-left: 10px;
	line-height: 1.9;
}

/* pipa ikon */
.hero-feature:before,
.contact-feature:before{
  content:"✔";
  position:absolute;
  left:0;
  top:1px;
  font-size:18px;
  color:#c9a24d; /* arany */
  font-weight:700;
}


.hero-buttons {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  margin-top: 40px;
}

.btn-primary {
  display: inline-block;
  padding: 15px 35px;
  background: var(--primary-green);
  color: var(--white) !important;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s;
  box-shadow: 0 4px 10px rgba(34, 79, 60, 0.3);
}


.btn-primary:hover {
  background: #1a3d2e;
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(34, 79, 60, 0.4);
}

.btn-secondary {
  display: inline-block;
  padding: 15px 35px;
  background: var(--white) ;
  color: var(--accent-gold) !important;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  border: 2px solid var(--accent-gold);
  transition: all 0.3s;
}

.btn-secondary:hover {
  background: var(--primary-green);
  color: var(--white) !important;
	border: 2px solid var(--primary-green);
}


.section-title,
.referencia .widget-title{
  text-align: center;
  font-size: clamp(24px, 3vw, 28px) !important;
  margin:20px 10px 0px 10px;
  font-weight: 300;
	 display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  color:var(--accent-gold);
	font-family:Montserrat;
	 text-transform: uppercase;
}

.section-title::before,
.section-title::after,
.referencia .widget-title::before,
.referencia .widget-title::after{
  content: "";		
  flex: 1;
	max-width: 220px;
  height: 2px;
  background: linear-gradient(
    to right,
    transparent,
    rgba(215,190,120,0.7),
    transparent
  );
}

.packages-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  margin: 0 auto;

}

.package-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.package-content {
	padding-top:10px;
  padding-bottom: 25px;
  text-align: center;
  line-height: 1.2rem;
}

.package-title {
	
  font-size: 20px;
  color: var(--primary-brown);
  margin-bottom: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

.package-price {
  font-size:30px;
  font-weight:800;
  color:#1f3d2b;
  margin: 15px 0;
  letter-spacing:1px;
}

.package-price span {
  font-size: 16px;
  color: var(--text-light);
  font-weight: 400;
}

.package-from {
  font-size: 14px;
  color: var(--text-light);
  margin-bottom: 5px;
}

.btn-details {
  display: inline-block;
  margin-top: 15px;
  padding:10px 28px;
  background: linear-gradient(135deg,#c7a86d,#e6c78a);
  color: var(--white) !important;
  text-decoration: none;
  border:none;
  border-radius:5px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing:.5px;
  text-transform: uppercase;
  transition:.3s;
  box-shadow:0 6px 18px rgba(0,0,0,0.15);
}

.btn-details:hover{
box-shadow:0 12px 28px rgba(0,0,0,0.25);
}


/* ===== Termékkategóriák Section ===== */
.categories-section {
  padding: 80px 40px;
  background: var(--bg-light);
}

.categories-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  max-width: 800px;
  margin: 0 auto;
}

.category-item {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 20px;
  background: var(--white);
  border-radius: 8px;
  text-decoration: none;
  color: var(--primary-brown);
  transition: all 0.3s;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.category-item:hover {
  transform: translateX(10px);
  box-shadow: 0 4px 15px rgba(0,0,0,0.12);
  background: var(--bg-lighter);
}

.category-icon {
  width: 40px;
  height: 40px;
  fill: var(--accent-gold);
}

.category-name {
  font-size: 16px;
  font-weight: 600;
}

.category-arrow {
  margin-left: auto;
  width: 20px;
  height: 20px;
  fill: var(--text-light);
}



/* ===== Referenciák Section ===== */
.references-section {
  background: var(--bg-light);
}

.references-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  max-width: 1200px;
  margin: 40px auto 0;
}

.reference-image {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s;
}

.reference-image:hover {
  transform: scale(1.05);
}

.trust-badges {
  display: flex;
  justify-content: center;
  gap: 60px;
  margin-top: 50px;
  flex-wrap: wrap;
}

.badge {
  display: flex;
  align-items: center;
  gap: 15px;
  color: var(--primary-brown);
}

.badge-icon {
  width: 40px;
  height: 40px;
  fill: var(--accent-gold);
}

.badge-text {
  font-size: 16px;
  font-weight: 600;
}

/* ===== Footer ===== */
.footer {
  background: var(--primary-brown);
  color: var(--white);
  padding: 60px 40px 30px;
}

.footer-content {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 40px;
  margin-bottom: 40px;
}

.footer-section h3 {
  font-size: 18px;
  margin-bottom: 20px;
  color: var(--accent-gold);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.footer-section p,
.footer-section a {
  color: rgba(255,255,255,0.8);
  text-decoration: none;
  line-height: 2;
  transition: color 0.3s;
}

.footer-section a:hover {
  color: var(--white);
}

.footer-bottom {
  text-align: center;
  padding-top: 30px;
  border-top: 1px solid rgba(255,255,255,0.2);
  color: rgba(255,255,255,0.6);
  font-size: 14px;
}

/* ===== Responsive Design ===== */
@media (max-width: 768px) {
  .header-container {
    flex-direction: column;
    gap: 20px;
  }

  .nav-menu {
    flex-direction: column;
    gap: 15px;
  }

  .hero-section h1 {
    font-size: 32px;
  }


  .hero-buttons {
    flex-direction: column;
  }

  .packages-grid {
    grid-template-columns: 1fr;
  }

  .why-choose-section {
    grid-template-columns: 1fr;
  }

  .contact-form {
    grid-template-columns: 1fr;
  }

  .references-grid {
    grid-template-columns: 1fr;
  }

}

/* ===== Utility Classes ===== */


.text-center {
  text-align: center;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.btn-primary,
.btn-secondary{
transition: all 0.3s ease !important;
}

.btn-primary:hover,
.btn-secondary:hover{
transform: translateY(-5px) scale(1.08) !important;
box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important;
}

.package-card img{
transition: transform .6s ease;
}

.package-card:hover img{
transform: scale(1.02);
}

/* Kategória kártya */
.woocommerce ul.products li.product{
transition:
transform .7s cubic-bezier(.19,1,.22,1),
box-shadow .7s cubic-bezier(.19,1,.22,1),
opacity .4s ease;
	padding: 10px;	
  opacity: 0.05;
  transform: translateY(30px);
  animation: productFadeUp 3s ease forwards;
}

.product-category:hover{
	box-shadow:
0 35px 80px rgba(0,0,0,0.18),
0 0 30px -70px rgba(200,170,90,0.25);
	transform: translate(0, -10px) scale(1.02) !important;
}

.product-category img{
transition:transform .35s ease;
}

.product-category:hover img{
transform:scale(1.08);
}



/* Kép */
.woocommerce ul.products li.product img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  flex-shrink: 0;  
  margin-bottom: 10px;
	
}

/* Cím */
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
  font-size: 20px;
  font-weight: 700;
  position:relative;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #B8975F;
  line-height: 1.3;
  min-height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
  border-radius: 8px;
}

.woocommerce ul.products li.product:hover h2,
.woocommerce ul.products li.product:hover h3 {
  color: black;

}

.woocommerce ul.products li.product .woocommerce-loop-category__title{
	padding: 10px;
}



.woocommerce ul.products li.product:hover{
opacity:1 !important;
}

/* Responsive */
@media (max-width: 1400px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1024px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media (max-width: 480px) {
  .woocommerce ul.products {
    grid-template-columns: 1fr;
  }
}

@keyframes productFadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.trust-bar{
background:linear-gradient(to bottom,#ffffff,#f7f4ee) !important;
padding:30px 0 !important;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
	box-shadow:0 25px 60px rgba(0,0,0,0.08) !important;
	text-align:left;
	vertical-align: middle;

}

.trust-bar img,
.trust-bar i{
background:linear-gradient(135deg,#caa64b,#f1d27a);
padding:12px;
border-radius:50%;
box-shadow:0 10px 25px  rgba(202,166,75,0.4);
}

/* arany csík */
.woocommerce ul.products li.product h2::after,
.woocommerce ul.products li.product h3::after{
content:"";
position:absolute;
left:50%;
bottom:10px;
width:0;
height:2px;
background:linear-gradient(90deg,#c7a86d,#f1d27a,#c7a86d);
transition:all .45s cubic-bezier(.22,.61,.36,1);
transform:translateX(-50%);
opacity:.9;
}

/* hoverkor jelenik meg */
.woocommerce ul.products li.product:hover h2::after,
.woocommerce ul.products li.product:hover h3::after{
width:60%;
}


/* ===== REFERENCIA BLOKK ===== */

.referenciaback{
	background-color:#ffffff !important;
}

.so-widget-sow-anything-carousel{
  padding-top:50px;  
  text-align:center;
}

/* cím */
.sow-carousel-title .widget-title{
  font-size:25px;
  letter-spacing:2px;
  color:#b8955b;
  margin-bottom:20px;
	margin-top: 0px;
  font-weight:500;
}

/* slide kártya */
.sow-carousel-item{
  background:white;
  border-radius:16px;
  padding:45px 55px;
  margin:20px;
  box-shadow:0 25px 25px rgba(0,0,0,0.12);
  border:1px solid rgba(200,170,90,0.15);
  transition:.4s;
  display:flex !important;
  flex-direction:column;
  justify-content:flex-start;
  height:auto;
  min-height:360px !important;
}


/* kis arany csillag */
.sow-carousel-item:before{
  content:"★★★★★";
  color:#c9a24d;
  letter-spacing:4px;
  font-size:18px;
  display:block;
  margin-bottom:18px;
}

/* cím */
.sow-carousel-item-title{
  font-size:22px;
  color:#222;
  margin-bottom:15px;
}

/* szöveg */
.sow-carousel-content{
  font-size:18px;
  line-height:1.7;
  color:#666;
  font-style:italic;
}

/* név */
.sow-carousel-content strong{
  display:block;
  margin-top:15px;
  font-style:normal;
  font-weight:600;
  color:#333;
}

/* ===== NYILAK ===== */
.sow-carousel-navigation a{
  background:white !important;
  border:1px solid #d8caa6 !important;
  width:46px;
  height:46px;
  border-radius:50%;
  line-height:46px !important;
  color:#b8955b !important;
  font-size:22px !important;
  box-shadow:0 10px 25px rgba(0,0,0,0.1);
  transition:.3s;
}


/* slider track flex */
.sow-carousel-items .slick-track{
  display:flex !important;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  text-shadow:none !important;
  box-shadow:none !important;
}


.sow-features-feature-title{
	margin-top: 0px !important
}

@media (max-width: 768px) {
.sow-features-feature .textwidget
{
	width: 100% !important;
	margin: 0 auto !important;
	text-align:center !important;
}

.hero-section{
  padding-left:20px !important;
  padding-right:20px !important;
}

.hero-content{
  max-width:100% !important;
}

.hero-section h1{
  font-size: clamp(20px, 8vw, 24px) !important;
  line-height:1.1;
  word-break:normal;
  overflow-wrap:normal;
  text-wrap:balance;
  hyphens:none;
	text-align: center;
}
	
	.hero-section h1 strong {
	font-size: clamp(24px, 5vw, 60px);

}

.hero-subtitle {
    font-size: clamp(12px, 8vw, 14px) !important;
text-align: center;
  color: var(--text-light);
  margin-bottom: 30px;
}
}

.contact-text h2,
.contact-text h3 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 20px;
    color: #2b2b2b;
}

.contact-text p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 12px;
}

.contact-text a {
    color: #2b2b2b;
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid #c6a85a;
    transition: all 0.3s ease;
}

.contact-text a:hover {
    color: #c6a85a;
    border-bottom: 1px solid transparent;
}

.contact-section {

background: linear-gradient(
    180deg,
    #ffffff 0%,
     #f7f4ee 50%,
    #f0f1ec 100%
);
	
    padding: 0px 0 80px 0px;
}



.contact-text h3 {
    position: relative;
    padding-top: 20px;
}

.contact-text h3:before {
    content: "";
    width: 50px;
    height: 3px;
    background: #c6a85a;
    position: absolute;
    top: 0;
    left: 0;
}

/* Form wrapper */
.wpcf7 {
   
    padding: 30px 40px;
    border-radius: 18px;
    
}

/* Input mezők */
.wpcf7 input,
.wpcf7 textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #e2ddd3;
    border-radius: 8px;
    background: #ffffff;
    font-size: 15px;
    transition: all 0.3s ease;
}

/* Focus állapot */
.wpcf7 input:focus,
.wpcf7 textarea:focus {
    outline: none;
    border-color: #c6a85a;
    background: #ffffff;
    box-shadow: 0 0 0 2px rgba(198,168,90,0.15);
}

/* Label */
.wpcf7 label {
    font-size: 16px;
    font-weight: 500;
    color: #5a5a5a;
}

/* Gomb */
.wpcf7 input[type="submit"] {
  margin: 15px auto;
  padding: 10px 25px;
	width: 30%;
	float:right;
  background: transparent;
  color: var(--white) !important;
  text-decoration: none;
  border-radius: 5px;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  transition: background 0.3s;
}

.package-price small{
	color: gray;
	font-weight: 400;
	font-size: 14px;
}

.contact-text {    
    padding: 60px 50px;
    position:relative;
    padding-left:25px;
}


#colophon #theme-attribution {
    display: none !important;
}

.woocommerce-loop-category__title .count {
    display: none;
}

.woocommerce-breadcrumb{
	padding-top: 25px !important;
}

#offer {
  scroll-margin-top: 120px;
}
.woocommerce-info {
    background-color: #f5f5f5;
    border-top: 3px solid #c9a46a;
}

.woocommerce-info::before {
    color: #bfa37a;
}

.entry-title,
.page-title{
	padding-top: 20px !important;
  padding-bottom: 20px !important;
      text-align: center;
    font-size: 32px;
    font-weight: 600;
}

.page-title::after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background: #000;
    margin: 10px auto 0;
    border-radius: 2px;
}

.product-category {
background: #ffffff;
padding: 25px;
border-radius: 10px;
box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.contact-text::before{
content:"";
position:absolute;
left:0;
top:50px;
width:5px;
height:120px;
background:#d4b274;
border-radius:2px;
}


.contact-form-block{
	background: linear-gradient(180deg,#e9cf8f,var(--accent-gold)) !important;
	border-radius:6px;
	background:#d4b274 !important;
	box-shadow:0 12px 30px rgba(0,0,0,0.06);
}

.field{
	margin-bottom: 14px !important;
	
}

.field .info{
	font-size: 18px !important;
	text-align: center;
	color: white !important;
}

#colophon .menu-item a {border-width: 0px !important }

/* shop page css*/
.container {
    max-width:1200px;
    margin:0 auto;
    padding:20px;
}

.category-card {
    padding:20px;
    border:1px solid #eee;
    border-radius:12px;
    text-align:center;
    background:#fafafa;
}

.products-grid {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
    gap:20px;
}

.product-card {
    border:1px solid #eee;
    border-radius:12px;
    padding:15px;
    text-align:center;
}

.date-bar {
    display:flex;
    justify-content:center;   
    gap:20px;
    margin-bottom:30px;
    flex-wrap:wrap;
}

.date-bar,
.category-grid {
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
}

.date-card {
    display:flex;
    align-items:center;
    gap:12px;

    background:#f7f7f7;
    border:1px solid #e5e5e5;
    border-radius:12px;

    padding:12px 16px;
    min-width:320px;

    transition:0.2s;
}

.date-card:hover {
    border-color:#ccc;
    background:#fff;
}

.date-icon {
    font-size:16px;
    opacity:0.7;
}

.date-text {
    font-size:14px;
    color:#666;
    white-space:nowrap;
}

.date-card input {
    border:none;
    background:transparent;
    font-size:14px;
    outline:none;
    margin-left:auto;
    cursor:pointer;
}

/* shop page css end*/

/* wrapper */
.woocommerce-pagination {
    margin-top:40px;
    text-align:center;
}

/* UL reset */
.woocommerce-pagination ul {
    display:flex;
    justify-content:center;
    gap:10px;
    padding:5px;
    margin:0;
    list-style:none;
    border:none !important;
}

/* LI reset */
.woocommerce-pagination ul li {
    margin:2px !important;
  border:none !important;
}

/* gombok */
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;

    border-radius:12px;
    border:1px solid #e5e5e5;

    background:#fff;
    color:#333;
    text-decoration:none;

    font-size:14px;
    transition:all 0.2s ease;
}

/* hover */
.woocommerce-pagination ul li a:hover {
    background:#f7f7f7;
    border-color:#ccc;
}

/* aktív */
.woocommerce-pagination ul li .current {
    border:1px solid #b08b57;
    background:#fff;
    color:#000;
    font-weight:600;
}

/* prev next */
.woocommerce-pagination ul li a.prev,
.woocommerce-pagination ul li a.next {
    width:42px;
}

.category-grid {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:30px;
}

.category-grid .category-item {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:10px 18px;

    border-radius:12px;
    border:1px solid #e5e5e5;

    background:#fff;
    color:#555;
    text-decoration:none;
    font-size:14px;

    transition:all 0.2s ease;
}

/* hover */
.category-grid .category-item:hover {
    background:#f7f7f7;
    border-color:#ccc;
}

/* aktív */
.category-grid .category-item.active {
    background:#b08b57;
    color:#fff;
    border-color:#b08b57;
    font-weight:600;
}

.shop-title, .page-title{
font-size: clamp(24px, 3vw, 30px) !important;
color: var(--primary-brown) !important;  
text-align: center !important;
margin-bottom: 20px !important;
}

.woocommerce-cart table.shop_table {
    border:none;
}

.woocommerce-cart table.shop_table thead {
    display:none;
}

.woocommerce-cart table.shop_table tr {
    display:block;
    background:#fff;
    margin-bottom:15px;
    padding:15px;
    border-radius:14px;
    box-shadow:0 3px 12px rgba(0,0,0,0.05);
}

.woocommerce-cart table.shop_table td {
    display:block;
    border:none;
    padding:5px 0;
}

.woocommerce-cart .product-thumbnail img {
    width:80px;
    border-radius:10px;
}

.woocommerce-cart .product-name {
    font-weight:600;
    font-size:16px;
}

.woocommerce-cart input.qty {
    width:70px;
    border-radius:8px;
    padding:6px;
    border:1px solid #ddd;
}

.cart_totals {
    background:#fff;
    padding:20px;
    border-radius:14px;
    box-shadow:0 3px 12px rgba(0,0,0,0.05);
}

.wc-proceed-to-checkout a.checkout-button {
    background:#000 !important;
    color:#fff !important;
    padding:15px !important;
    border-radius:12px !important;
    font-weight:600;
}

/* 🔥 CARD LAYOUT FIX */
.woocommerce-cart table.shop_table tr {
    display:flex;
    align-items:center;
    gap:15px;
}

/* kép */
.woocommerce-cart .product-thumbnail {
    flex:0 0 80px;
}

/* tartalom */
.woocommerce-cart .product-name {
    flex:1;
}

/* ár + qty blokk */
.woocommerce-cart .product-price,
.woocommerce-cart .product-quantity,
.woocommerce-cart .product-subtotal {
    margin-top:5px;
}

/* törlés ikon */
.woocommerce-cart .product-remove {
    flex:0 0 auto;
    order:3;
}

.woocommerce-cart .product-remove a {
    color:red;
    font-size:18px;
}

.woocommerce-cart .woocommerce {
    display:block;
}

.cart-collaterals .cart_totals {
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
      text-align:left !important;
}

.cart-collaterals {
    margin-top:30px;
}

.cart_totals {
    background:#fff;
    padding:25px;
    border-radius:14px;
    box-shadow:0 3px 12px rgba(0,0,0,0.05);
}

.cart-subtotal,
.woocommerce-shipping-totals,
.order-total { 
  align-items: start !important;
}

@media(max-width:768px){

    .woocommerce-cart table.shop_table tr {
        padding:12px;
    }

    .woocommerce-cart .product-thumbnail {
        text-align:left;
    }

  /* Default Woo mobile cart: hide repeated column labels to reduce text noise */
  .woocommerce-cart table.shop_table_responsive tr td::before,
  .woocommerce-cart table.shop_table_responsive tr th::before,
  .woocommerce-cart table.shop_table td::before {
    display: none !important;
    content: none !important;
  }

  .woocommerce-cart table.shop_table td {
    text-align: left !important;
    padding: 4px 0;
  }

  .woocommerce-cart .product-name,
  .woocommerce-cart .product-name a {
    font-size: 14px;
    line-height: 1.3;
  }

  .woocommerce-cart .product-price,
  .woocommerce-cart .product-subtotal,
  .woocommerce-cart .product-price .amount,
  .woocommerce-cart .product-subtotal .amount {
    font-size: 14px;
  }

  .woocommerce-cart input qty {
    width: 58px;
    height: 34px;
    font-size: 13px;
    padding: 4px;
  }

  .woocommerce-cart .product-remove a {
    font-size: 16px;
  }

  .woocommerce-cart .actions .button,
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    min-height: 42px;
    padding: 10px 12px !important;
    font-size: 14px;
  }
   

}

  /* Custom cart template */
  .cart-title-main {
    font-size: clamp(22px, 2.4vw, 30px);
    color: var(--primary-brown);
    margin: 12px 0 14px;
  }

  .cart-date {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 8px 12px;
    border-radius: 10px;
    background: #f4efe7;
    font-size: 14px;
    color: #4a3423;
  }

  .cart-items {
    display: grid;
    gap: 12px;
  }

  .cart-card {
    background: #fff;
    border: 1px solid #eee3d8;
    border-radius: 14px;
    padding: 10px;
  }

  .cart-card-inner {
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: 12px;
    align-items: center;
  }

  .cart-image img {
    width: 96px;
    height: 96px;
    object-fit: cover;
    border-radius: 10px;
  }

  .cart-content {
    position: relative;
    display: grid;
    gap: 4px;
    padding-right: 24px;
  }

  .cart-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
  }

  .cart-price {
    font-size: 15px;
    font-weight: 600;
    color: #1f4d3a;
  }

  .cart-qty {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
  }

  .cart-qty-input {
    width: 72px;
    height: 36px;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    padding: 4px 8px;
  }

  .cart-remove {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #b22;
    text-decoration: none;
    background: #fff4f4;
    font-size: 14px;
  }

  .cart-summary {
    margin-top: 14px;
    display: grid;
    gap: 10px;
    padding: 14px;
    background: #fff;
    border-radius: 14px;
    border: 1px solid #eee3d8;
  }

  .cart-total {
    font-size: 18px;
  }

  .cart-btn,
  .cart-update-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    border: 0;
    cursor: pointer;
  }

  .cart-btn {
    background: #1f4d3a;
    color: #fff !important;
    padding: 10px 14px;
  }

  .cart-update-btn {
    margin-top: 12px;
    background: #ede2d5;
    color: #4a3423;
    padding: 10px 14px;
  }

  @media (max-width: 768px) {
    .cart-title-main {
      font-size: 21px;
      line-height: 1.2;
    }

    .cart-date {
      font-size: 13px;
      padding: 7px 10px;
    }

    .cart-card-inner {
      grid-template-columns: 72px 1fr;
      gap: 10px;
    }

    .cart-image img {
      width: 72px;
      height: 72px;
    }

    .cart-content {
      gap: 2px;
    }

    .cart-title {
      font-size: 14px;
    }

    .cart-price {
      font-size: 14px;
    }

    .cart-qty {
      font-size: 13px;
      gap: 6px;
    }

    .cart-qty-input {
      width: 60px;
      height: 32px;
      font-size: 13px;
    }

    .cart-total {
      font-size: 16px;
    }

    .cart-btn,
    .cart-update-btn {
      width: 100%;
      font-size: 14px;
    }

     .cart-date-picker form {
        flex-direction: column;
        align-items: stretch;
    }

    .cart-date-picker input,
    .cart-date-picker button {
        width: 90%;
    }
  }

/* dátum blokk */
.cart-date-picker form {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* label-ek */
.cart-date-picker label {
    font-size: 13px;
    color: #666;
}

/* inputok */
.cart-date-picker input {
    height: 40px;
    padding: 0 10px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

/* gomb */
.cart-date-picker button {
    height: 40px;
    padding: 0 16px;
    border-radius: 8px;
    background: #b8956a;
    color: #fff;
    border: none;
    white-space: nowrap;
}

/* wrapper */
.date-fields {
    display:flex;
    gap:20px;
    justify-content:center;
    margin-bottom:25px;
}

/* egy mező */
.date-field {
    background:#fff;
    padding:12px 16px;
    border-radius:12px;
    border:1px solid #eee;
    display:flex;
    align-items:center;
    gap:10px;
}

/* label */
.date-field label {
    font-size:14px;
    color:#666;
}

/* input */
.date-field input {
    border:none;
    outline:none;
    font-size:14px;
    background:transparent;
}


.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background: #a17b4e !important;
    border-color: #a17b4e !important;
   width: auto !important;   
    border-radius: 8px !important;
    font-weight: 600;
    color: var(--white) !important;
    text-decoration: none;
    transition: background 0.3s ease;
    float: right !important;
}

/* ===== MY ACCOUNT PAGE ===== */

.woocommerce-MyAccount {
  max-width: 100%;
  margin: 30px auto;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.woocommerce-Address{
  margin-bottom: 20px;
}

/* My Account Navigation/Menu - 3 Button Layout */
.woocommerce-MyAccount-navigation { 
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  margin-bottom: 40px;
  width: 100% !important;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0;
  padding: 0;
  flex-wrap: nowrap;
}

.woocommerce-MyAccount-navigation li {
  flex: 1;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.woocommerce-MyAccount-navigation li:last-child {
  border-right: none;
}

.woocommerce-MyAccount-navigation a {
  display: block;
  padding: 18px 20px;
  color: var(--white);
  text-decoration: none;
  text-align: center;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  background: transparent;
}

.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation li.is-active a {
  background: rgba(255, 255, 255, 0.15);
  color: var(--accent-gold);
}

/* My Account Content - below navigation */
.woocommerce-MyAccount-content {
  background: var(--white);
  border-radius: 12px;
  padding: 40px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  width: 100% !important;
}

/* Orders Section */
.woocommerce-orders-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
}

.woocommerce-orders-table thead {
  background: var(--bg-lighter);
  border-bottom: 3px solid var(--accent-gold);
}

.woocommerce-orders-table th {
  padding: 16px;
  text-align: left;
  font-weight: 600;
  color: var(--primary-brown);
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.woocommerce-orders-table td {
  padding: 16px;
  border-bottom: 1px solid #eee;
  color: var(--text-dark);
  font-size: 15px;
}

.woocommerce-orders-table tbody tr {
  transition: all 0.3s ease;
}

.woocommerce-orders-table tbody tr:hover {
  background: var(--bg-light);
}

.woocommerce-orders-table a.button {
  display: inline-block;
  padding: 8px 16px;
  background: var(--accent-gold);
  color: var(--white) !important;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

.woocommerce-orders-table a.button:hover {
  background: #b89650;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(198, 167, 94, 0.3);
}

.woocommerce-orders-table mark {
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
}

.woocommerce-orders-table mark.status-completed {
  background: #d4edda;
  color: #155724;
}

.woocommerce-orders-table mark.status-processing {
  background: #fff3cd;
  color: #856404;
}

.woocommerce-orders-table mark.status-pending {
  background: #e7e8ea;
  color: #383d41;
}

.woocommerce-orders-table mark.status-cancelled {
  background: #f8d7da;
  color: #721c24;
}

/* Address Section */
.woocommerce-address-section {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #eee;
}

.woocommerce-address-section:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.woocommerce-address-section h3 {
  font-size: 18px;
  color: var(--primary-brown);
  margin-bottom: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.woocommerce-address-section .form-group {
  margin-bottom: 16px;
}

.woocommerce-address-section label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  color: var(--text-dark);
  font-size: 14px;
}

.woocommerce-address-section input[type="text"],
.woocommerce-address-section input[type="email"],
.woocommerce-address-section select {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 15px;
  font-family: inherit;
  transition: all 0.3s ease;
}

.woocommerce-address-section input:focus,
.woocommerce-address-section select:focus {
  border-color: var(--accent-gold);
  box-shadow: 0 0 0 3px rgba(198, 167, 94, 0.1);
  outline: none;
}

.woocommerce-address-section button {
  background: var(--primary-green);
  color: var(--white) !important;
  padding: 12px 32px;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 20px;
}

.woocommerce-address-section button:hover {
  background: #1a3d2e;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(31, 77, 58, 0.3);
}

/* Address Display */
.woocommerce-Address {
  background: var(--bg-light);
  padding: 20px;
  border-radius: 8px;
  border-left: 4px solid var(--accent-gold);
}

.woocommerce-Address-title {
  font-weight: 600;
  color: var(--primary-brown);
  margin-bottom: 12px;
  font-size: 16px;
}

.woocommerce-Address a {
  color: var(--accent-gold);
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
}

.woocommerce-Address a:hover {
  text-decoration: underline;
}

/* Logout Section */
.woocommerce-account-customer-logout {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #eee;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .woocommerce-MyAccount {
    max-width: 95%;
    margin: 40px auto;
    padding: 0 15px;
  }

  .woocommerce-MyAccount-navigation ul {
    flex-direction: row;
    flex-wrap: wrap;

  }

  .woocommerce-MyAccount-navigation li {
    flex: 1;
    min-width: 33.333%;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
  }

  .woocommerce-MyAccount-navigation li:nth-child(3n) {
    border-right: none;
  }

  .woocommerce-MyAccount-navigation a {
    padding: 14px 10px;
    font-size: 13px;
  }

  .woocommerce-MyAccount-content {
    padding: 20px;
  }

  .woocommerce-orders-table {
    font-size: 13px;
    display: block;
    overflow-x: auto;
  }

  .woocommerce-orders-table thead {
    display: none;
  }

  .woocommerce-orders-table tbody tr {
    display: block;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
  }

  .woocommerce-orders-table td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    border-bottom: 1px solid #f0f0f0;
  }

  .woocommerce-orders-table td::before {
    content: attr(data-label);
    font-weight: 600;
    color: var(--primary-brown);
    min-width: 100px;
  }

  .woocommerce-orders-table td:last-child {
    border-bottom: none;
  }

  .woocommerce-address-section {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .woocommerce-address-section h3 {
    font-size: 16px;
    margin-bottom: 16px;
  }

  .woocommerce-Address {
    padding: 16px;
    margin-bottom: 16px;
  }

  .woocommerce-address-section button {
    width: 100%;
    padding: 14px;
  }
}

@media (max-width: 480px) {
  .woocommerce-MyAccount {
    max-width: 100%;
    margin: 30px auto;
    padding: 0 10px;
  }

  .woocommerce-MyAccount-navigation a {
    padding: 12px 8px;
    font-size: 12px;
  }

  .woocommerce-MyAccount-content {
    padding: 15px;
  }

  .woocommerce-orders-table th,
  .woocommerce-orders-table td {
    padding: 10px;
    font-size: 12px;
  }

  .woocommerce-orders-table a.button {
    padding: 6px 12px;
    font-size: 11px;
  }

  .woocommerce-address-section h3 {
    font-size: 15px;
  }

  .woocommerce-Address {
    padding: 12px;
  }
}