/* =========================================================
   HK HANDMADE — Design System (composants UI)
   "Soulful luxury" — Aesop x Toast x Cereal
   Tokens => theme.json. Ce fichier = composants & raffinements.
   ========================================================= */

:root{
  --hk-ivory:#F4ECE2; --hk-sand:#D9C7B0; --hk-terracotta:#B57250;
  --hk-sage:#8B9D7C; --hk-ink:#1E1B18; --hk-gold:#C9A961;
  --hk-grey:#5C5550; --hk-grey-light:#EDE7DF;
  --hk-shadow:0 4px 24px rgba(30,27,24,.06);
  --hk-ease:cubic-bezier(.22,.61,.36,1);
}

::selection{ background:var(--hk-terracotta); color:var(--hk-ivory); }
html{ scroll-behavior:smooth; }
body{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
img{ max-width:100%; height:auto; }

/* Eyebrow / caption / tag */
.hk-eyebrow{
  font-family:var(--wp--preset--font-family--body,"Inter",sans-serif)!important;
  font-size:.75rem!important; letter-spacing:.22em; text-transform:uppercase;
  color:var(--hk-grey); font-weight:500;
}

/* Accent display italique (taglines, citations) */
.hk-script{
  font-family:var(--wp--preset--font-family--display,serif)!important;
  font-style:italic; font-weight:300;
}

/* Filet dore separateur */
.hk-rule{ width:64px; height:1px; background:var(--hk-gold); border:0; }
.hk-rule.aligncenter{ margin-inline:auto; }

/* Boutons secondaire / tertiaire (le primaire vient de theme.json) */
.wp-block-button.is-style-outline .wp-block-button__link,
.is-style-hk-secondary .wp-block-button__link{
  background:transparent!important; color:var(--hk-ink)!important;
  border:1px solid var(--hk-ink)!important; border-radius:0!important;
  transition:all .35s var(--hk-ease);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.is-style-hk-secondary .wp-block-button__link:hover{
  background:var(--hk-ink)!important; color:var(--hk-ivory)!important;
}
.is-style-hk-link .wp-block-button__link{
  background:transparent!important; color:var(--hk-ink)!important;
  padding:6px 0!important; border:0!important; letter-spacing:.05em;
  border-bottom:1px solid transparent!important; border-radius:0!important;
}
.is-style-hk-link .wp-block-button__link:hover{
  border-bottom-color:var(--hk-terracotta)!important;
}

/* Cards (produits / univers / journal) */
.hk-card{ position:relative; overflow:hidden; }
.hk-card img{ transition:transform 1.2s var(--hk-ease); display:block; width:100%; }
.hk-card:hover img{ transform:scale(1.04); }
.hk-zoom img{ transition:transform 1.4s var(--hk-ease); }
.hk-zoom:hover img{ transform:scale(1.05); }

/* Overlay cover : voile sombre doux pour lisibilite */
.hk-veil .wp-block-cover__background{ opacity:.32!important; }

/* Sceau HK */
.hk-seal{
  width:88px; height:88px; border:1px solid var(--hk-ink); border-radius:50%;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; gap:1px; font-family:var(--wp--preset--font-family--body,sans-serif);
  font-size:.5rem; letter-spacing:.12em; text-transform:uppercase; color:var(--hk-ink);
}
.hk-seal strong{ font-family:var(--wp--preset--font-family--display,serif);
  font-size:1.15rem; letter-spacing:.05em; font-weight:500; }

/* Liens animes avec fleche */
.hk-arrow a::after, a.hk-arrow::after{ content:" \2192"; transition:margin .3s var(--hk-ease); display:inline-block; }
.hk-arrow a:hover::after, a.hk-arrow:hover::after{ margin-left:.35em; }

/* Inputs editoriaux (bordure inferieure) */
.hk-form input[type=text], .hk-form input[type=email], .hk-form textarea,
.wp-block-search__input{
  border:0!important; border-bottom:1px solid var(--hk-ink)!important;
  border-radius:0!important; background:transparent!important; padding:10px 2px!important;
}
.hk-form input:focus, .wp-block-search__input:focus{
  outline:0; border-bottom-color:var(--hk-terracotta)!important;
}

/* Rythme de sections */
.hk-section{ padding-block:clamp(64px,10vw,128px)!important; }
.hk-section--tight{ padding-block:clamp(48px,7vw,96px)!important; }

/* WooCommerce — alignement charte */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price{ color:var(--hk-ink); font-weight:400; }
.woocommerce span.onsale{
  background:var(--hk-gold); color:var(--hk-ink); border-radius:0;
  font-size:.7rem; letter-spacing:.1em; text-transform:uppercase;
  min-height:auto; min-width:auto; padding:6px 12px; line-height:1;
}
.woocommerce ul.products li.product .button,
.woocommerce a.button, .woocommerce button.button.alt,
.woocommerce #respond input#submit.alt{
  background:var(--hk-terracotta); color:var(--hk-ivory); border-radius:0;
  text-transform:uppercase; letter-spacing:1.5px; font-size:.8rem; font-weight:500;
  padding:14px 28px; transition:background .35s var(--hk-ease);
}
.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover, .woocommerce button.button.alt:hover{
  background:var(--hk-ink); color:var(--hk-ivory);
}
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--wp--preset--font-family--display,serif)!important;
  font-size:1rem!important; font-weight:400; padding-top:14px;
}
.woocommerce .star-rating span{ color:var(--hk-terracotta); }

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  .hk-card img, .hk-zoom img{ transition:none; }
}

/* ---- Header ---- */
.hk-header .wp-block-navigation a{ color:var(--hk-ink); text-decoration:none; }
.hk-header .wp-block-navigation a:hover{ color:var(--hk-terracotta); }
.hk-header .wp-block-site-title a{ color:var(--hk-ink)!important; text-decoration:none; }
.hk-header .wp-block-navigation{ --navigation-layout-justification-setting:flex-end; }

/* ---- Footer ---- */
.hk-footer h4{ color:var(--hk-sand)!important; margin-bottom:1rem!important; font-family:var(--wp--preset--font-family--body)!important; letter-spacing:.14em; text-transform:uppercase; font-weight:500; }
.hk-footer a{ color:var(--hk-ivory); text-decoration:none; }
.hk-footer a:hover{ color:var(--hk-gold); }
.hk-footer .wp-block-site-title a{ color:var(--hk-ivory)!important; }
.hk-footer-list{ list-style:none!important; margin:0!important; padding:0!important; }
.hk-footer-list li{ margin:.45rem 0; font-size:.9rem; }

/* ---- Home ---- */
.hk-hero{ display:flex; align-items:flex-end; }
.hk-hero .wp-block-button.is-style-hk-secondary .wp-block-button__link{ border-color:var(--hk-ivory)!important; color:var(--hk-ivory)!important; background:transparent!important; }
.hk-hero .wp-block-button.is-style-hk-secondary .wp-block-button__link:hover{ background:var(--hk-ivory)!important; color:var(--hk-ink)!important; }
.hk-univers-card{ min-height:440px; }
.hk-univers-card h3{ color:var(--hk-ivory)!important; }
.hk-latest.wp-block-latest-posts.is-grid{ gap:32px; }
.hk-latest .wp-block-latest-posts__featured-image img{ width:100%; aspect-ratio:3/2; object-fit:cover; margin-bottom:14px; }
.hk-latest .wp-block-latest-posts__post-title{ font-family:var(--wp--preset--font-family--display)!important; font-size:1.15rem; font-weight:400; }
.hk-latest li{ margin-bottom:8px; }
.hk-latest a{ text-decoration:none; }
.hk-latest .wp-block-latest-posts__post-date{ color:var(--hk-grey); font-size:.78rem; }
.woocommerce ul.products li.product .price{ margin-top:4px; display:block; }
.wp-block-pullquote{ border:0; }
.wp-block-pullquote blockquote p{ font-family:var(--wp--preset--font-family--display); font-style:italic; font-size:1.6rem; line-height:1.4; }
.wp-block-pullquote cite{ text-transform:none; font-style:normal; color:var(--hk-grey); letter-spacing:.05em; }