/*
Theme Name: Atelier MESK Kadence Child
Theme URI: https://ateliermesk.com
Description: A soft pastel Kadence child theme for Atelier MESK handmade WooCommerce store.
Author: Atelier MESK
Template: kadence
Version: 1.0.0
Text Domain: atelier-mesk
*/

:root{
  --am-sage:#97B3AE;
  --am-soft-green:#D2E0D3;
  --am-blush:#F0DDD6;
  --am-peach:#F2C3B9;
  --am-warm-beige:#D6CBBF;
  --am-off-white:#F0EEEA;
  --am-text:#2F3F38;
  --am-muted:#6F7F76;
  --am-white:#FFFFFF;
}

body{
  background:var(--am-off-white);
  color:var(--am-text);
  font-family:"Lato","Montserrat",Arial,sans-serif;
}

h1,h2,h3,h4,h5,h6,
.site-title,
.entry-title,
.woocommerce-loop-product__title{
  font-family:"Playfair Display",Georgia,serif;
  color:var(--am-text);
  letter-spacing:.02em;
}

a{color:var(--am-text);} 
a:hover{color:#789892;}

.site-header,
.site-main-header-wrap,
.mobile-header-wrap{
  background:rgba(240,238,234,.96);
  border-bottom:1px solid rgba(214,203,191,.6);
}

.main-navigation .primary-menu-container > ul > li.menu-item > a{
  color:var(--am-text);
  font-weight:500;
  letter-spacing:.04em;
}

.main-navigation .primary-menu-container > ul > li.menu-item > a:hover{
  color:var(--am-sage);
}

button,
.button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order{
  background:var(--am-sage)!important;
  color:#fff!important;
  border-radius:999px!important;
  border:0!important;
  padding:.85rem 1.35rem!important;
  font-weight:700!important;
  letter-spacing:.04em;
  box-shadow:none!important;
}

button:hover,
.button:hover,
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
  background:#789892!important;
  color:#fff!important;
}

.am-soft-section,
.wp-block-cover.am-soft-section{
  background:linear-gradient(135deg,var(--am-off-white),var(--am-blush));
}

.am-card,
.wp-block-group.am-card,
.woocommerce ul.products li.product,
.wc-block-grid__product{
  background:#fff;
  border:1px solid rgba(214,203,191,.55);
  border-radius:22px;
  box-shadow:0 18px 45px rgba(47,63,56,.06);
  overflow:hidden;
}

.woocommerce ul.products li.product{
  padding:16px!important;
  text-align:center;
}

.woocommerce ul.products li.product a img{
  border-radius:16px;
  background:var(--am-blush);
}

.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color:var(--am-sage)!important;
  font-weight:800;
}

.woocommerce span.onsale{
  background:var(--am-peach)!important;
  color:var(--am-text)!important;
  border-radius:999px!important;
  min-height:44px!important;
  min-width:44px!important;
}

.woocommerce div.product div.images img{
  border-radius:24px;
  background:var(--am-blush);
}

.woocommerce div.product .product_title{
  font-size:clamp(2rem,4vw,3.2rem);
}

.woocommerce-tabs,
.related.products,
.up-sells.products{
  background:rgba(255,255,255,.65);
  border-radius:24px;
  padding:24px;
}

input[type="text"],input[type="email"],input[type="tel"],input[type="password"],textarea,select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea{
  border:1px solid var(--am-warm-beige)!important;
  border-radius:14px!important;
  background:#fff!important;
  padding:.85rem 1rem!important;
}

.site-footer,
.footer-html{
  background:var(--am-soft-green);
  color:var(--am-text);
}

.am-brand-mark-small{
  width:64px;
  height:64px;
  border-radius:50%;
}

.am-hero{
  border-radius:32px;
  background:linear-gradient(120deg,#F0EEEA 0%,#F0DDD6 55%,#D2E0D3 100%);
  overflow:hidden;
}

.am-kicker{
  color:var(--am-sage);
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size:.8rem;
}

@media (max-width:768px){
  .woocommerce ul.products li.product{padding:10px!important;}
  .site-branding a.brand img{max-width:150px;}
}