/* Szemes & Leveles – demó webshop (Zara, 2026-10-15) */
:root{
  --szl-bg:#F4EFE8; --szl-paper:#FBF8F3; --szl-ink:#2B1E16; --szl-mut:#6E6258;
  --szl-acc:#B5562F; --szl-acc-d:#8F3F1F; --szl-sage:#7C8B6F; --szl-line:#E3D9CC;
  --szl-r:14px; --szl-ff:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; --szl-fh:'Fraunces',Georgia,serif;
}
html{scroll-behavior:smooth}
body{background:var(--szl-bg);color:var(--szl-ink);font-family:var(--szl-ff);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.woocommerce-products-header__title,.product_title{font-family:var(--szl-fh);font-weight:600;letter-spacing:-.01em;color:var(--szl-ink);line-height:1.15}
a{color:var(--szl-acc)} a:hover{color:var(--szl-acc-d)}
.szl-w{max-width:1200px;margin:0 auto;padding:0 20px}
/* a Hello téma saját fej/lábléce ne látszódjon akkor sem, ha a szűrő nem fut */
#site-header.site-header,#site-footer.site-footer{display:none!important}

/* demó-sáv */
.szl-demo{background:var(--szl-ink);color:#EADFD2;font-size:13px}
.szl-demo .szl-w{display:flex;gap:16px;justify-content:space-between;align-items:center;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
.szl-demo a{color:#F2C9A8;text-decoration:underline;text-underline-offset:2px}
.szl-demo b{color:#fff;font-weight:600}

/* fejléc */
.szl-header{position:sticky;top:0;z-index:50;background:rgba(244,239,232,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--szl-line)}
.admin-bar .szl-header{top:32px}
.szl-head-w{display:flex;align-items:center;gap:28px;height:72px}
.szl-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--szl-ink);font-family:var(--szl-fh);font-size:22px;font-weight:600;white-space:nowrap}
.szl-logo svg{width:30px;height:30px;fill:var(--szl-acc)}
.szl-logo i{font-style:italic;color:var(--szl-acc);font-weight:400}
.szl-nav{display:flex;gap:26px;margin-left:auto}
.szl-nav a{color:var(--szl-ink);text-decoration:none;font-weight:500;font-size:15px;position:relative;padding:6px 0}
.szl-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--szl-acc);transition:right .25s}
.szl-nav a:hover::after{right:0}
.szl-act{display:flex;align-items:center;gap:8px}
.szl-cart{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--szl-ink);transition:background .2s}
.szl-cart:hover{background:#EADFD2;color:var(--szl-ink)}
.szl-cart svg{width:24px;height:24px}
.szl-cart-n{position:absolute;top:3px;right:1px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--szl-acc);color:#fff;font-size:11px;font-weight:600;display:grid;place-items:center;line-height:1}
.szl-cart-n.is-empty{display:none}
.szl-burger{display:none;width:44px;height:44px;border:0;background:transparent;padding:12px 10px;cursor:pointer;flex-direction:column;justify-content:space-between}
.szl-burger span{display:block;height:2px;background:var(--szl-ink);border-radius:2px}
@media (max-width:900px){
  .szl-head-w{height:64px;gap:12px}
  .szl-burger{display:flex}
  .szl-act{margin-left:auto}
  .szl-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:var(--szl-paper);border-bottom:1px solid var(--szl-line);padding:8px 20px 16px}
  .szl-nav a{padding:12px 0;border-bottom:1px solid var(--szl-line)}
  .szl-header.is-open .szl-nav{display:flex}
  .szl-demo .szl-demo-l{display:none}
}

/* lábléc */
.szl-foot{background:var(--szl-ink);color:#CDBFB0;margin-top:80px;padding:56px 0 24px;font-size:15px}
.szl-foot-g{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:40px}
.szl-foot a{display:block;color:#EADFD2;text-decoration:none;padding:3px 0}
.szl-foot a:hover{color:#F2C9A8}
.szl-foot-logo{font-family:var(--szl-fh);font-size:24px;color:#fff;margin:0 0 10px}
.szl-foot-logo i{color:#F2C9A8;font-weight:400}
.szl-foot-h{color:#fff;font-weight:600;margin:0 0 10px;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.szl-foot-s{font-size:13px;margin-top:10px;color:#A99A8B}
.szl-foot-b{border-top:1px solid #4A3A2E;margin-top:40px;padding-top:18px;font-size:13px;color:#A99A8B}
@media (max-width:760px){.szl-foot-g{grid-template-columns:1fr;gap:28px}}

/* általános tartalom-szélesség a Woo-oldalakon */
.woocommerce-page .site-main,.woocommerce .site-main,body.page:not(.elementor-page) .site-main{max-width:1200px;margin:0 auto;padding:40px 20px}
.page-header .entry-title{font-size:clamp(30px,4vw,44px);margin:0 0 24px}

/* értesítők */
.szl-note,.woocommerce-info,.woocommerce-message,.woocommerce-error,.wc-block-components-notice-banner{background:var(--szl-paper)!important;border:1px solid var(--szl-line)!important;border-left:4px solid var(--szl-acc)!important;border-radius:var(--szl-r)!important;color:var(--szl-ink)!important;padding:14px 18px!important;margin:0 0 24px!important;font-size:15px}
.woocommerce-info::before,.woocommerce-message::before{color:var(--szl-acc)!important}
.woocommerce-error{border-left-color:#B23B3B!important}

/* gombok */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.wc-block-components-button:not(.is-link),.wp-block-button__link,.woocommerce a.button.alt,.woocommerce button.button.alt{
  background:var(--szl-ink)!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:12px 22px!important;font-family:var(--szl-ff)!important;font-weight:600!important;font-size:15px!important;line-height:1.2!important;transition:background .2s,transform .2s!important;text-decoration:none!important}
.woocommerce a.button:hover,.woocommerce button.button:hover,.wc-block-components-button:not(.is-link):hover,.woocommerce button.button.alt:hover{background:var(--szl-acc)!important;transform:translateY(-1px)}
.woocommerce a.added_to_cart{display:inline-block;margin-left:10px;font-weight:600;font-size:14px}

/* terméklista */
.woocommerce .woocommerce-ordering select{border:1px solid var(--szl-line);border-radius:999px;padding:8px 14px;background:var(--szl-paper);font-family:var(--szl-ff)}
.woocommerce .woocommerce-result-count{color:var(--szl-mut);font-size:14px}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:28px;margin:0!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:var(--szl-paper);border:1px solid var(--szl-line);border-radius:var(--szl-r);padding:0 0 18px!important;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(43,30,22,.10)}
.woocommerce ul.products li.product a img{margin:0 0 14px!important;aspect-ratio:1/1;object-fit:cover;width:100%;background:#EFE8DE}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--szl-fh)!important;font-size:18px!important;font-weight:600;padding:0 18px!important;color:var(--szl-ink);line-height:1.25}
.woocommerce ul.products li.product .price{color:var(--szl-acc)!important;font-weight:600;font-size:16px!important;padding:0 18px;margin:6px 0 14px!important}
.woocommerce ul.products li.product .button{margin:auto 18px 0!important;align-self:flex-start}
.woocommerce ul.products li.product .szl-loop-short{padding:0 18px;margin:4px 0 0;color:var(--szl-mut);font-size:14px;line-height:1.45}
.woocommerce span.onsale{background:var(--szl-sage)!important;border-radius:999px!important;min-height:0!important;min-width:0!important;padding:4px 12px!important;line-height:1.4!important;font-size:12px!important;top:12px!important;left:12px!important}
@media (max-width:1024px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:14px}
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px!important;padding:0 12px!important}
  .woocommerce ul.products li.product .price{padding:0 12px}.woocommerce ul.products li.product .button{margin:auto 12px 0!important;padding:10px 14px!important;font-size:13px!important}
  .woocommerce ul.products li.product .szl-loop-short{display:none}}

/* kategória-pirulák a bolt tetején */
.szl-cats{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}
.szl-cats a{border:1px solid var(--szl-line);background:var(--szl-paper);color:var(--szl-ink);text-decoration:none;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500}
.szl-cats a.is-on,.szl-cats a:hover{background:var(--szl-ink);color:#fff;border-color:var(--szl-ink)}

/* termékoldal */
.woocommerce div.product{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.woocommerce div.product div.images,.woocommerce div.product div.summary{width:auto!important;float:none!important;margin:0!important}
.woocommerce div.product div.images img{border-radius:var(--szl-r);background:#EFE8DE}
.woocommerce div.product .product_title{font-size:clamp(28px,3.4vw,42px);margin:0 0 10px}
.woocommerce div.product p.price{color:var(--szl-acc)!important;font-size:26px!important;font-weight:600;margin:0 0 18px}
.woocommerce div.product .woocommerce-product-details__short-description{font-size:17px;color:#4A3D33}
.woocommerce div.product form.cart{display:flex;gap:12px;align-items:center;margin:26px 0!important}
.woocommerce .quantity .qty{width:72px;height:46px;border:1px solid var(--szl-line);border-radius:999px;background:var(--szl-paper);text-align:center;font-size:16px}
.woocommerce div.product form.cart .button{padding:14px 28px!important;font-size:16px!important}
.szl-spec{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--szl-line);border:1px solid var(--szl-line);border-radius:var(--szl-r);overflow:hidden;margin:22px 0}
.szl-spec>div{background:var(--szl-paper);padding:12px 16px}
.szl-spec dt{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--szl-mut);margin:0}
.szl-spec dd{margin:2px 0 0;font-weight:500}
.woocommerce div.product .product_meta{font-size:14px;color:var(--szl-mut);border-top:1px solid var(--szl-line);padding-top:14px}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related,.woocommerce div.product .upsells{grid-column:1/-1}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0!important;margin:0 0 20px!important;border-bottom:1px solid var(--szl-line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent!important;border:0!important;margin:0 20px 0 0!important;padding:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:10px 0!important;color:var(--szl-mut)!important;font-weight:500}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--szl-ink)!important;box-shadow:inset 0 -2px 0 var(--szl-acc)}
.woocommerce div.product .related>h2{font-size:28px;margin:40px 0 20px}
@media (max-width:860px){.woocommerce div.product{grid-template-columns:1fr;gap:24px}.szl-spec{grid-template-columns:1fr}}
.woocommerce nav.woocommerce-breadcrumb,.woocommerce .woocommerce-breadcrumb{font-size:13px;color:var(--szl-mut);margin:0 0 20px}

/* kosár, pénztár (blokkos és klasszikus) */
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{font-family:var(--szl-ff)}
.wc-block-components-sidebar .wc-block-components-totals-wrapper,.wc-block-cart__sidebar,.wc-block-checkout__sidebar{background:var(--szl-paper);border-radius:var(--szl-r)}
.wc-block-components-product-name{font-family:var(--szl-fh);font-weight:600;color:var(--szl-ink)!important;text-decoration:none}
.woocommerce table.shop_table{border-radius:var(--szl-r);border-color:var(--szl-line);background:var(--szl-paper)}
.wc-block-components-text-input input,.wc-block-components-combobox .components-combobox-control__input,.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{border-radius:10px!important;border-color:var(--szl-line)!important;background:#fff!important}

/* nyelvválasztó */
.szl-lang{display:flex;border:1px solid var(--szl-line);border-radius:999px;overflow:hidden;background:var(--szl-paper)}
.szl-lang a{padding:6px 11px;font-size:13px;font-weight:600;color:var(--szl-mut);text-decoration:none;line-height:1}
.szl-lang a.is-on{background:var(--szl-ink);color:#fff}
#trp-floater-ls,:has(> .trp-language-switcher-inner){display:none!important}
/* lapozó */
.woocommerce nav.woocommerce-pagination ul{border:0!important;display:flex;gap:8px;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:0!important}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border-radius:999px;min-width:40px;padding:10px!important;background:var(--szl-paper);border:1px solid var(--szl-line)!important}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--szl-ink);color:#fff}

/* főoldal: GYIK-nyíl, hero-háttér mobilon, rövidkódos termékrács */
.szl-faq-head::after{content:"+";font-size:24px;line-height:1;color:var(--szl-acc);transition:transform .2s;flex:0 0 auto}
details[open] > summary.szl-faq-head::after,.szl-faq-i[open] .szl-faq-head::after{transform:rotate(45deg)}
.szl-faq-head{list-style:none}.szl-faq-head::-webkit-details-marker{display:none}
.szl-hero{--szl-hero-img:url(/wp-content/uploads/2026/10/szemes-leveles-hero.webp);background-image:linear-gradient(90deg,rgba(244,239,232,.96) 0%,rgba(244,239,232,.86) 38%,rgba(244,239,232,0) 62%),var(--szl-hero-img);background-size:cover;background-position:center right;background-repeat:no-repeat}
@media (max-width:767px){
  /* mobil hero (Imi: ne lógjon a szöveg a képre): a kép külön, lekerekített blokk a szöveg alatt */
  .szl-hero{background-image:none!important;background-color:#F4EFE8;padding:36px 0 32px!important;min-height:0!important}
  .szl-hero > .szl-wrap::after{content:"";display:block;width:100%;aspect-ratio:3/2;margin-top:8px;border-radius:18px;background:var(--szl-hero-img) 62% center/cover no-repeat;box-shadow:0 10px 28px rgba(43,30,22,.12)}
  .szl-trust{flex-direction:column;gap:10px!important}
}
.elementor-widget-html .woocommerce ul.products{margin:0!important}

/* értesítő-sáv javítás (Imi 2026-10-15: „kártya fent összecsúszik”): a Woo ikonja abszolút pozícióban
   a bal belső margóba kerül, ezért a bal padding kell neki; a programozott fókusz-keret se legyen fekete */
.woocommerce-info,.woocommerce-message,.woocommerce-error{padding:16px 20px 16px 52px!important;display:flex!important;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;position:relative}
.woocommerce-info::before,.woocommerce-message::before,.woocommerce-error::before{left:20px!important;top:50%!important;transform:translateY(-50%);margin:0!important}
.woocommerce-message .button,.woocommerce-info .button{order:2;float:none!important;margin:0!important}
.woocommerce-info:focus,.woocommerce-message:focus,.woocommerce-error:focus,.woocommerce-notices-wrapper :focus{outline:none!important;box-shadow:none!important}
.woocommerce-error li{list-style:none;margin:0}

/* variálható termék űrlapja (Imi: „össze ér a gomb és a szám”) */
.woocommerce div.product form.variations_form{display:block!important}
.woocommerce div.product form.cart table.variations{width:100%;border:0;margin:0 0 18px;background:transparent}
.woocommerce div.product form.cart table.variations tr{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;background:transparent!important}
.woocommerce div.product form.cart table.variations th,.woocommerce div.product form.cart table.variations td{display:block;padding:0!important;border:0!important;background:transparent!important;text-align:left;line-height:1.3}
.woocommerce div.product form.cart table.variations th label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--szl-mut);font-weight:600}
.woocommerce div.product form.cart table.variations select{width:100%;max-width:360px;height:48px;border:1px solid var(--szl-line);border-radius:12px;background-color:#fff;padding:0 14px;font-size:16px;color:var(--szl-ink)}
.woocommerce div.product form.cart .reset_variations{display:inline-block;margin-top:8px;font-size:13px}
.woocommerce div.product .single_variation_wrap .woocommerce-variation-price .price{font-size:24px!important;margin:4px 0 14px;display:block}
.woocommerce div.product .woocommerce-variation-add-to-cart{display:flex!important;gap:12px;align-items:center;flex-wrap:wrap}
.woocommerce div.product form.cart:not(.variations_form){gap:12px}
.woocommerce div.product .woocommerce-variation-availability p.stock{margin:0 0 10px;font-weight:600}
.woocommerce div.product p.stock.out-of-stock{color:#B23B3B}
.woocommerce div.product p.stock.in-stock{color:var(--szl-sage)}
/* csoportos termék táblája */
.woocommerce div.product form.cart.grouped_form{display:block!important}
.woocommerce div.product .group_table{width:100%;margin:0 0 18px;border-collapse:separate;border-spacing:0 8px}
.woocommerce div.product .group_table td{padding:10px 8px!important;background:var(--szl-paper);border:0!important;vertical-align:middle}
/* akció-címke: kis pirula a kép sarkában, ne nyúljon szét */
.woocommerce ul.products li.product{position:relative}
.woocommerce ul.products li.product .onsale,.woocommerce span.onsale{position:absolute!important;width:auto!important;right:auto!important;display:inline-block!important;z-index:2;margin:0!important}
.woocommerce div.product span.onsale{top:16px!important;left:16px!important}
/* oldal-cím ne duplázza a főoldal H1-ét */
.home .page-header,.home .entry-title{display:none}
.woocommerce div.product .woocommerce-variation-price .price,.woocommerce div.product .woocommerce-variation-price .amount{color:var(--szl-acc)!important}
.woocommerce .price del{color:var(--szl-mut);opacity:.7;font-weight:400;margin-right:6px}.woocommerce .price ins{text-decoration:none}
/* V4 e-image link-burka: a fit-content szélesség 0-ra húzta a 100%-os képet a kártyán */
.szl-card > .e-image-link-base{display:block!important;width:100%!important}
.szl-card .szl-card-img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover}
/* mobil fejléc: logó + nyelv + kosár + menü egy sorban férjen el 360 px-en is */
@media (max-width:900px){
  .szl-head-w{gap:8px;padding:0 14px}
  .szl-logo{font-size:18px;gap:7px;min-width:0;flex:0 1 auto}
  .szl-logo svg{width:24px;height:24px;flex:0 0 24px}
  .szl-act{gap:2px;flex:0 0 auto}
  .szl-lang a{padding:5px 8px;font-size:12px}
  .szl-cart,.szl-burger{width:40px;height:40px}
}
@media (max-width:370px){.szl-logo span{font-size:16px}}

@media (max-width:767px){.szl-card .szl-h3{font-size:18px;overflow-wrap:anywhere;hyphens:auto}.szl-card .szl-muted{font-size:14px}}

/* vonalas SVG ikonok az emojik helyett (maszk: a szín a currentColor-ból jön) */
.szl-ic-bean::before,.szl-ic-truck::before,.szl-ic-chat::before{content:"";flex:0 0 18px;width:18px;height:18px;background:var(--szl-acc);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.szl-ic-bean{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='12' rx='6.5' ry='9' transform='rotate(-30 12 12)'/%3E%3Cpath d='M8.5 5.5c2.5 3 3 9 .8 13'/%3E%3C/svg%3E")}
.szl-ic-truck{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v9H3zM14 9h4l3 3v3h-7'/%3E%3Ccircle cx='7' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E")}
.szl-ic-chat{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a7.5 7.5 0 0 1-11 6.6L4 20l1.4-4.5A7.5 7.5 0 1 1 20 12z'/%3E%3Cpath d='M9 11h.01M12.5 11h.01M16 11h.01'/%3E%3C/svg%3E")}

.szl-foot-b{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.szl-foot-legal{display:flex;gap:18px}.szl-foot-legal a{display:inline;padding:0;color:#CDBFB0}