/*
Theme Name: SpicaHome
Theme URI: https://spicahome.com
Description: A SpicaHome arculata WooCommerce-hez. A spicahome.com designrendszerére épül: Cormorant Garamond, Jost és Great Vibes betűk, sötétkék–arany–elefántcsont paletta.
Author: SpicaHome
Template: twentytwentyfive
Version: 1.0
Text Domain: spicahome
*/
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Great+Vibes&family=Jost:wght@200;300;400;500&display=swap");


@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Great+Vibes&family=Jost:wght@200;300;400;500&display=swap');

:root{
  --sh-navy-900:#0D1729;
  --sh-navy-800:#132340;
  --sh-navy:#1B2E52;
  --sh-gold-600:#9C7A33;
  --sh-gold:#BE9A5B;
  --sh-gold-400:#D3B478;
  --sh-ivory:#FBF9F5;
  --sh-cream:#F3EDE3;
  --sh-line:rgba(27,46,82,.14);
  --sh-muted:#5E6B83;
  --sh-display:"Cormorant Garamond",Georgia,serif;
  --sh-script:"Great Vibes","Cormorant Garamond",cursive;
  --sh-sans:"Jost","Helvetica Neue",Arial,sans-serif;
  --sh-ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- Alap ---------- */
body{
  background:var(--sh-ivory);
  color:var(--sh-navy);
  font-family:var(--sh-sans);
  font-weight:300;
  font-size:16.5px;
  line-height:1.75;
  letter-spacing:.008em;
}
h1,h2,h3,h4,.wp-block-post-title,.woocommerce-loop-product__title,.product_title{
  font-family:var(--sh-display)!important;
  font-weight:300!important;
  line-height:1.16;
  letter-spacing:.005em;
  color:var(--sh-navy);
}
a{color:var(--sh-navy)}
a:hover{color:var(--sh-gold-600)}

/* ---------- Fejléc ---------- */
.wp-block-site-title a{
  font-family:var(--sh-display);
  font-size:1.35rem;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--sh-navy);
}
.wp-block-site-tagline{
  font-family:var(--sh-script);
  font-size:1rem;
  color:var(--sh-gold-600);
  margin-top:2px;
}
.wp-block-navigation a{
  font-size:12px;
  font-weight:500;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--sh-navy);
}
.wp-block-navigation a:hover{color:var(--sh-gold-600);text-decoration:none}
header.wp-block-template-part{
  background:rgba(251,249,245,.94);
  border-bottom:1px solid var(--sh-line);
}

/* ---------- Termékrács ---------- */
.woocommerce ul.products li.product,
.wc-block-grid__product,
.wp-block-post-template li{
  text-align:left;
}
.woocommerce ul.products li.product a img,
.wc-block-grid__product-image img{
  aspect-ratio:4/5;
  object-fit:cover;
  background:var(--sh-cream);
  margin-bottom:18px;
  transition:transform 1.2s var(--sh-ease);
}
.woocommerce ul.products li.product:hover a img{transform:scale(1.04)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:clamp(1.15rem,1.9vw,1.45rem)!important;
  margin:0 0 6px;
  padding:0;
}
.woocommerce ul.products li.product .price,
.wc-block-grid__product-price{
  font-family:var(--sh-sans);
  font-size:.95rem;
  font-weight:300;
  color:var(--sh-muted);
}
.woocommerce ul.products li.product .price del{opacity:.5}
.woocommerce ul.products li.product .price ins{text-decoration:none;color:var(--sh-navy)}

/* ---------- Gombok ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-components-button,
.wp-block-button__link{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--sh-navy)!important;
  color:var(--sh-ivory)!important;
  border:1px solid var(--sh-navy)!important;
  border-radius:0!important;
  padding:15px 32px!important;
  font-family:var(--sh-sans)!important;
  font-size:11.5px!important;
  font-weight:400!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  line-height:1!important;
  transition:background .45s var(--sh-ease),color .45s var(--sh-ease);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.wc-block-components-button:hover,
.wp-block-button__link:hover{
  background:var(--sh-navy-900)!important;
  border-color:var(--sh-navy-900)!important;
  color:var(--sh-ivory)!important;
}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.single_add_to_cart_button{
  background:var(--sh-gold)!important;
  border-color:var(--sh-gold)!important;
  color:#fff!important;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.single_add_to_cart_button:hover{
  background:var(--sh-gold-600)!important;
  border-color:var(--sh-gold-600)!important;
}

/* ---------- Termékoldal ---------- */
.woocommerce div.product .product_title{
  font-size:clamp(2rem,4vw,3rem)!important;
  margin-bottom:14px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  font-family:var(--sh-sans);
  font-size:1.35rem;
  font-weight:300;
  color:var(--sh-navy);
  margin-bottom:22px;
}
.woocommerce div.product .woocommerce-product-details__short-description{
  font-size:1.05rem;
  color:var(--sh-muted);
  line-height:1.85;
  border-bottom:1px solid var(--sh-line);
  padding-bottom:22px;
  margin-bottom:22px;
}
.woocommerce div.product form.cart .variations label{
  font-family:var(--sh-sans);
  font-size:11px;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--sh-gold-600);
  font-weight:400;
}
.woocommerce div.product form.cart .variations select{
  border:1px solid var(--sh-line);
  border-radius:0;
  padding:13px 14px;
  background:#fff;
  font-family:var(--sh-sans);
  font-size:.95rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border-radius:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  font-family:var(--sh-sans);
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.woocommerce-product-details__short-description strong,
.woocommerce-Tabs-panel h3{font-family:var(--sh-display);font-weight:400}
.woocommerce-Tabs-panel ul li{margin-bottom:6px}

/* ---------- Kosár és pénztár ---------- */
.woocommerce table.shop_table{
  border:1px solid var(--sh-line);
  border-radius:0;
}
.woocommerce table.shop_table th{
  font-family:var(--sh-sans);
  font-size:10.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--sh-gold-600);
  font-weight:400;
}
.woocommerce-checkout #payment,
.woocommerce .cart_totals,
.wc-block-components-sidebar{
  background:var(--sh-cream);
  border:1px solid var(--sh-line);
  border-radius:0;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.wc-block-components-text-input input{
  border:1px solid var(--sh-line)!important;
  border-radius:0!important;
  padding:13px 14px;
  background:#fff;
  font-family:var(--sh-sans);
}
.woocommerce form .form-row label{
  font-size:12.5px;
  letter-spacing:.04em;
  color:var(--sh-muted);
}
.woocommerce-info,
.woocommerce-message,
.wc-block-components-notice-banner{
  border-top-color:var(--sh-gold)!important;
  border-radius:0!important;
  background:var(--sh-cream);
}
.woocommerce-info::before,
.woocommerce-message::before{color:var(--sh-gold-600)}

/* ---------- Lábléc ---------- */
footer.wp-block-template-part{
  background:var(--sh-navy-800);
  color:var(--sh-navy-100,#D6DCE7);
}
footer.wp-block-template-part a,
footer.wp-block-template-part p,
footer.wp-block-template-part h1,
footer.wp-block-template-part h2,
footer.wp-block-template-part h3{color:#D6DCE7}
footer.wp-block-template-part a:hover{color:var(--sh-gold-400)}

/* ---------- Apróságok ---------- */
.woocommerce span.onsale{
  background:var(--sh-gold);
  border-radius:0;
  font-family:var(--sh-sans);
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  min-height:auto;
  line-height:1;
  padding:9px 14px;
}
.woocommerce .woocommerce-breadcrumb{
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--sh-muted);
}
.woocommerce-store-notice{
  background:var(--sh-navy-800);
  color:var(--sh-gold-200,#EADCC1);
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.woocommerce .quantity input.qty{
  border:1px solid var(--sh-line);
  border-radius:0;
  padding:13px 6px;
}

/* ---------- Részletes termékleírás a termék alatt ---------- */
.sh-leiras{
  max-width:760px;
  margin:clamp(48px,6vw,86px) auto 0;
  padding-top:clamp(36px,4vw,56px);
  border-top:1px solid var(--sh-line);
}
.sh-leiras h2{
  font-size:clamp(1.5rem,2.6vw,2rem);
  margin:clamp(34px,4vw,52px) 0 14px;
}
.sh-leiras h2:first-child{margin-top:0}
.sh-leiras p{margin:0 0 1.1em;color:var(--sh-muted);line-height:1.85}
.sh-leiras strong{color:var(--sh-navy);font-weight:400}
.sh-leiras ul{margin:0 0 1.2em;padding-left:1.1em;color:var(--sh-muted)}
.sh-leiras li{margin-bottom:8px}
.sh-leiras table{
  width:100%;border-collapse:collapse;margin:18px 0 8px;font-size:.94rem;
}
.sh-leiras th{
  text-align:left;width:38%;padding:13px 0;border-top:1px solid var(--sh-line);
  font-family:var(--sh-sans);font-size:10.5px;font-weight:400;
  letter-spacing:.2em;text-transform:uppercase;color:var(--sh-gold-600);vertical-align:top;
}
.sh-leiras td{padding:13px 0;border-top:1px solid var(--sh-line);color:var(--sh-navy)}

/* Termékgaléria bélyegképek */
.woocommerce div.product .flex-control-thumbs li{width:25%;padding:6px 6px 0 0}
.woocommerce div.product .flex-control-thumbs img{aspect-ratio:1/1;object-fit:cover;opacity:.7}
.woocommerce div.product .flex-control-thumbs img.flex-active,
.woocommerce div.product .flex-control-thumbs img:hover{opacity:1}
/* A részletes leírás a .sh-leiras blokkban jelenik meg a termék alatt,
   ezért a füles változatot elrejtjük, hogy ne kétszer szerepeljen. */
.woocommerce-tabs,
.wp-block-woocommerce-product-details{display:none!important}
/* Hosszú terméknév ne törjön betű közepén */
.woocommerce div.product .product_title{
  font-size:clamp(1.7rem,3vw,2.6rem)!important;
  overflow-wrap:normal;word-break:keep-all;hyphens:none;
}
@media (min-width:1000px){
  .woocommerce div.product div.summary{width:52%}
  .woocommerce div.product div.images{width:44%}
}
.wp-block-post-title,
.woocommerce div.product .product_title{
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  font-size:clamp(1.7rem,3vw,2.6rem)!important;
}
/* Lábléc: minden szöveg világos a sötétkék alapon */
footer.wp-block-template-part,
footer.wp-block-template-part *{color:#D6DCE7}
footer.wp-block-template-part h1,
footer.wp-block-template-part h2,
footer.wp-block-template-part h3,
footer.wp-block-template-part h4{
  color:var(--sh-gold-400)!important;
  font-family:var(--sh-sans)!important;
  font-size:10.5px!important;
  font-weight:400!important;
  letter-spacing:.24em;
  text-transform:uppercase;
  margin-bottom:14px;
}
footer.wp-block-template-part a{color:#D6DCE7;text-decoration:none;line-height:2}
footer.wp-block-template-part a:hover{color:var(--sh-gold-400)}
footer.wp-block-template-part hr{border-color:rgba(214,220,231,.22);margin:38px 0 22px}


/* SKU és kategória elrejtése a termékoldalakon – 2026-09-27 */
.wp-block-woocommerce-product-meta .wp-block-woocommerce-product-sku,
.wp-block-woocommerce-product-meta .taxonomy-product_cat,
.wc-block-components-product-sku,
.product_meta .sku_wrapper,
.product_meta .posted_in{display:none !important}

/* Egységes fejléc a statikus oldalakkal – 2026-09-27 */
header.wp-block-template-part{position:sticky;top:0;z-index:60}
.admin-bar header.wp-block-template-part{top:32px}
.sh-nav{--navy-700:#1B2E52;--gold-600:#9C7A33;--gold-500:#BE9A5B;--ivory:#FBF9F5;--line:rgba(27,46,82,.14);--f-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;--f-script:"Great Vibes","Cormorant Garamond",cursive;--wrap:1240px;--gut:clamp(20px,5vw,64px);--nav-h:84px;--ease:cubic-bezier(.22,.61,.36,1);font-family:"Jost",system-ui,sans-serif;}
.sh-nav a{text-decoration:none}
.sh-nav ul,.sh-nav li{margin:0}
.sh-nav{position:sticky;top:0;z-index:60;
  background:rgba(251,249,245,.92);
  backdrop-filter:saturate(160%) blur(14px);
  -webkit-backdrop-filter:saturate(160%) blur(14px);
  border-bottom:1px solid var(--line);}
.sh-nav .nav__in{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);
  min-height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:24px;}
.sh-nav .brand{display:flex;align-items:center;gap:13px;flex-shrink:0}
.sh-nav .brand img{width:46px;height:46px;object-fit:contain;mix-blend-mode:multiply}
.sh-nav .brand__txt{display:flex;flex-direction:column;line-height:1}
.sh-nav .brand__name{font-family:var(--f-display);font-size:1.32rem;letter-spacing:.13em;color:var(--navy-700)}
.sh-nav .brand__tag{font-family:var(--f-script);font-size:.95rem;color:var(--gold-600);margin-top:4px}
.sh-nav .menu{display:flex;align-items:center;gap:clamp(18px,2.6vw,38px);list-style:none;margin:0;padding:0}
.sh-nav .menu a{position:relative;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  color:var(--navy-700);padding-block:6px;white-space:nowrap;
  transition:color .35s var(--ease);}
.sh-nav .menu a:hover{color:var(--gold-600)}
.sh-nav .menu a[aria-current="page"]{color:var(--gold-600)}
.sh-nav .burger{display:none;background:none;border:0;padding:10px;width:44px;height:44px}
.sh-nav .burger i{display:block;height:1px;background:var(--navy-700);margin:5px 0;transition:transform .4s var(--ease),opacity .3s}
.sh-nav .burger[aria-expanded="true"] i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.sh-nav .burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.sh-nav .burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:860px){.sh-nav .burger{display:block}.sh-nav .menu{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;
    background:var(--ivory);border-bottom:1px solid var(--line);padding:8px var(--gut) 28px;
    box-shadow:0 18px 40px rgba(13,23,41,.10);
    transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .35s var(--ease),transform .35s var(--ease);
    max-height:calc(100svh - var(--nav-h) - 20px);overflow:auto;}.sh-nav .menu.open{transform:none;opacity:1;pointer-events:auto}.sh-nav .menu li{border-bottom:1px solid var(--line)}.sh-nav .menu a{display:block;padding:18px 0;font-size:12.5px}.sh-nav .menu a::after{display:none}.sh-nav .brand__tag{display:none}}

.sh-nav .nav__icons{display:flex;align-items:center;gap:16px;margin-left:clamp(8px,1.6vw,22px)}
.sh-nav .nav__icon{position:relative;display:inline-flex;width:26px;height:26px;color:var(--navy-700);transition:color .3s var(--ease)}
.sh-nav .nav__icon:hover{color:var(--gold-600)}
.sh-nav .nav__icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sh-nav .nav__count{position:absolute;top:-8px;right:-10px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--navy-700);color:#fff;font-size:10.5px;line-height:18px;text-align:center;font-weight:500}
.sh-nav .nav__count[hidden]{display:none}
.sh-nav .nav__in > nav{margin-left:auto}
@media (max-width:860px){.sh-nav .nav__icons{margin-left:auto;gap:14px}}

.sh-nav .menu a{font-weight:400}