/*
Theme Name: hyggehome Child
Theme URI: https://hyggehome.top
Description: Дочерняя тема Storefront в фирменном стиле hyggehome (скандинавский уют).
Author: mfactor
Template: storefront
Version: 1.0
*/

:root{
  --ink:#2E3A34; --terra:#D98452; --terra-dark:#cc774a; --cream:#F5EFE6;
  --paper:#FBF8F3; --muted:#7C817A; --line:rgba(46,58,52,.13);
  --display:'Cormorant Garamond',Georgia,serif;
  --sans:'Manrope',system-ui,-apple-system,sans-serif;
}

body,button,input,select,textarea,
.woocommerce, .woocommerce-page{ font-family:var(--sans); color:var(--ink); }
body{ background:var(--paper); }

h1,h2,h3,h4,.entry-title,.product_title,.storefront-breadcrumb,
.page-title,.section-title,.widget-title{
  font-family:var(--display); font-weight:500; color:var(--ink); letter-spacing:.005em;
}

a{ color:var(--ink); }
a:hover{ color:var(--terra); }

/* header */
.site-header{ background-color:var(--paper)!important; border-bottom:1px solid var(--line); }
.site-branding .site-title a,.site-title a{ color:var(--ink); font-family:var(--sans); font-weight:600; }
.main-navigation ul li a,.secondary-navigation ul li a{ color:var(--muted); font-weight:500; }
.main-navigation ul li a:hover,.main-navigation ul li:hover>a{ color:var(--ink); }
.site-header-cart .cart-contents{ color:var(--ink); font-weight:600; }

/* buttons */
button,.button,input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce .widget_price_filter .button{
  background-color:var(--ink)!important; color:var(--cream)!important;
  border:none!important; border-radius:40px!important; font-weight:600!important;
  padding:.7em 1.7em!important; box-shadow:0 8px 20px -12px rgba(46,58,52,.55);
  transition:transform .2s,background .2s;
}
button:hover,.button:hover,input[type="submit"]:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover{
  background-color:#222c27!important; transform:translateY(-2px);
}
.woocommerce a.button.alt,.woocommerce button.button.alt,
.woocommerce #respond input#submit.alt,.woocommerce input.button.alt,
.single_add_to_cart_button{
  background-color:var(--terra)!important; color:#fff!important;
}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,
.single_add_to_cart_button:hover{ background-color:var(--terra-dark)!important; }

/* prices, badges */
.woocommerce .price,.woocommerce .amount,.price .amount{ color:var(--ink); font-weight:700; }
.woocommerce span.onsale{
  background:var(--terra)!important; color:#fff!important; border-radius:20px!important;
  min-height:auto; min-width:auto; line-height:1; padding:6px 12px; font-weight:700;
}

/* product cards */
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
  background:var(--paper); border:1px solid var(--line); border-radius:20px;
  padding:14px; transition:transform .22s,box-shadow .22s;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-4px); box-shadow:0 20px 40px -24px rgba(46,58,52,.4);
}
.woocommerce ul.products li.product img{ border-radius:16px; margin-bottom:12px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--sans); font-size:15.5px; font-weight:600;
}
.star-rating span{ color:var(--terra); }

/* forms */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],
select,textarea{
  border:1px solid var(--line)!important; border-radius:12px!important;
  background:var(--paper)!important; color:var(--ink)!important;
}

/* footer */
.site-footer{ background:var(--ink)!important; color:var(--cream); }
.site-footer a{ color:var(--cream); }
.site-footer a:hover{ color:var(--terra-soft,#E9A878); }
