/*
Theme Name: Bijbelhoezen
Theme URI: https://bijbelhoezen.nl
Description: Warm, ambachtelijk kind-thema voor Bijbelhoezen.nl (op basis van Storefront). Merkpalet: Deep Umber, Terracotta, Toasted Almond, Muted Sage, Linen White. Gemaakt door FlowSuit.
Author: FlowSuit
Template: storefront
Version: 1.1
*/
:root{
  --paper:#f3eee5;      /* zachte linnen achtergrond */
  --paper2:#e8e1d5;     /* Linen White - banden/surfaces */
  --sand:#ceb59e;       /* Toasted Almond */
  --line:#e0d6c6;
  --ink:#3a2c24;        /* donkerbruine tekst */
  --ink-soft:#6f6053;
  --brand:#4c362d;      /* Deep Umber - HOOFDKLEUR */
  --brand2:#382720;     /* donkerder umber (hover) */
  --terra:#a46447;      /* Terracotta - accent */
  --sage:#88937b;       /* Muted Sage */
  --gold:#a46447;
  --serif:"Fraunces",Georgia,serif;--sans:"Inter",system-ui,sans-serif;
}
body,button,input,select,textarea{font-family:var(--sans)}
body{background:var(--paper);color:var(--ink)}
h1,h2,h3,h4,h5,.site-title,.entry-title,.product_title,.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;color:var(--brand2)}
a{color:var(--brand)}
a:hover{color:var(--terra)}
/* Header */
.site-header{background:var(--paper)!important;border-bottom:1px solid var(--line);padding-top:1rem;padding-bottom:1rem}
.storefront-primary-navigation,.main-navigation{background:var(--paper)!important;border-top:1px solid var(--line)}
.main-navigation ul li a{color:var(--ink)!important;font-weight:500}
.main-navigation ul li a:hover,.main-navigation ul li.current-menu-item>a{color:var(--terra)!important}
.site-branding .site-title a{color:var(--brand)}
.site-header .site-header-cart .cart-contents,.site-search{color:var(--ink)}
/* Knoppen */
button,.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,
.woocommerce input.button.alt,.added_to_cart{
  background:var(--brand)!important;color:#fff!important;border-radius:999px!important;
  border:1.5px solid var(--brand)!important;font-weight:600;padding:.7em 1.5em!important;transition:.18s}
button:hover,.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{
  background:var(--brand2)!important;border-color:var(--brand2)!important;color:#fff!important}
/* Secundaire actieknop in terracotta */
.woocommerce a.button.alt.added,.single_add_to_cart_button{background:var(--terra)!important;border-color:var(--terra)!important}
.single_add_to_cart_button:hover{background:#8f5238!important;border-color:#8f5238!important}
/* Productkaarten */
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:.9rem;transition:.2s}
.woocommerce ul.products li.product:hover{box-shadow:0 8px 24px rgba(58,44,36,.12);transform:translateY(-3px)}
.woocommerce ul.products li.product img{border-radius:10px;margin-bottom:.6rem}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{
  color:var(--brand)!important;font-family:var(--serif);font-weight:600}
.woocommerce .star-rating span{color:var(--terra)}
.woocommerce span.onsale{background:var(--terra);border-radius:999px}
.woocommerce-message,.woocommerce-info{border-top-color:var(--sage)!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--sage)!important}
/* Breadcrumbs */
.woocommerce .woocommerce-breadcrumb{color:var(--ink-soft);font-size:.9rem}
/* Footer */
.site-footer{background:var(--brand2)!important;color:#e2d8ca}
.site-footer a{color:#f0e8dc}
.site-footer a:hover{color:#fff}
.site-footer h1,.site-footer h2,.site-footer h3{color:#fff}
/* Formulieren */
input,select,textarea,.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{
  border:1.5px solid var(--line)!important;border-radius:10px!important;background:#fff}
input:focus,textarea:focus,select:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px #ece3d6!important}
.site-header-cart .cart-contents{color:var(--brand)}
/* Banden/secties in linnen */
.storefront-product-section,.page-template-template-homepage .hentry{background:transparent}