/*
Theme Name: Fifty-Cal Storefront Child
Theme URI: https://fifty-cal.com
Description: Fifty-Cal huisstijl (navy/goud/militair) bovenop Storefront + WooCommerce.
Author: BSW
Template: storefront
Version: 1.0.0
*/

:root{
  --fc-navy:#1A1C1A;   /* design 'ink' (gelijk aan de design-pagina's) */
  --fc-navy-2:#23261F;
  --fc-gold:#B8742E;   /* design 'amber' */
  --fc-red:#B8742E;    /* accent/sale = amber, consistent met de huisstijl */
  --fc-tan:#C7B89A;
  --fc-ink:#1A1C1A;
  --fc-bg:#ffffff;
}

/* ---------- Typografie ---------- */
body,.site,button,input,select,textarea{
  font-family:'Barlow',-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--fc-ink);
}
h1,h2,h3,h4,h5,h6,
.site-title,
.woocommerce-loop-product__title,
.product_title,
.page-title,
.widget-title,
.button,.added_to_cart{
  font-family:'Oswald','Barlow Condensed',sans-serif !important;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:600;
}

/* ---------- Aankondigingsbalk ---------- */
.fc-announce{background:var(--fc-navy);color:#fff;font-size:13px;letter-spacing:.08em;}
.fc-announce-inner{max-width:1200px;margin:0 auto;padding:9px 20px;display:flex;align-items:center;justify-content:center;gap:18px;text-transform:uppercase;}
.fc-announce strong{color:var(--fc-gold);}
.fc-announce a{color:#fff;text-decoration:none;opacity:.85;}
.fc-announce a:hover{opacity:1;color:var(--fc-gold);}

/* ---------- Header ---------- */
.site-header{background:var(--fc-bg) !important;border-bottom:1px solid #ececec;padding-top:18px;padding-bottom:8px;}
.storefront-primary-navigation{background:var(--fc-bg) !important;}
.site-branding{text-align:center;float:none;margin:0 auto 4px;}
.custom-logo-link{display:inline-block;}
.custom-logo{max-height:96px;width:auto;}
.site-header .site-search,.site-header .site-header-cart{margin-top:6px;}
.main-navigation ul.menu>li>a,.main-navigation ul.nav-menu>li>a{
  font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-weight:500;color:var(--fc-navy);
}
.main-navigation ul.menu>li>a:hover,.main-navigation ul.nav-menu>li>a:hover{color:var(--fc-red);}
.main-navigation{border-top:1px solid #ececec;}

/* ---------- Knoppen ---------- */
button,.button,input[type=submit],.added_to_cart,
.woocommerce a.button,.woocommerce button.button,.woocommerce .button,
.woocommerce #respond input#submit{
  background:var(--fc-navy) !important;color:#fff !important;border-radius:2px !important;
  border:2px solid var(--fc-navy) !important;transition:.15s;
}
button:hover,.button:hover,.added_to_cart:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce .button:hover,
.woocommerce #respond input#submit:hover{
  background:var(--fc-gold) !important;border-color:var(--fc-gold) !important;color:var(--fc-navy) !important;
}
.woocommerce a.button.alt,.woocommerce button.button.alt,
.woocommerce .single_add_to_cart_button{
  background:var(--fc-gold) !important;border-color:var(--fc-gold) !important;color:var(--fc-navy) !important;
}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,
.woocommerce .single_add_to_cart_button:hover{
  background:var(--fc-navy) !important;border-color:var(--fc-navy) !important;color:#fff !important;
}

/* ---------- Hero op de homepage ---------- */
.fc-hero{position:relative;background:var(--fc-navy) center/cover no-repeat;min-height:440px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;margin-bottom:46px;}
.fc-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,22,49,.55),rgba(14,22,49,.78));}
.fc-hero .fc-hero-inner{position:relative;z-index:2;max-width:760px;padding:40px 24px;}
.fc-hero h1{font-size:clamp(34px,5vw,62px);margin:0 0 14px;color:#fff;line-height:1.05;}
.fc-hero p{font-size:18px;opacity:.92;margin:0 0 26px;text-transform:none;font-family:'Barlow',sans-serif;}
.fc-hero .fc-cta{display:inline-block;background:var(--fc-gold);color:var(--fc-navy);padding:14px 34px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-weight:600;border-radius:2px;}
.fc-hero .fc-cta:hover{background:#fff;}

/* ---------- Producten ---------- */
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:18px;color:var(--fc-navy);padding-top:.6em;}
.woocommerce ul.products li.product .price{color:var(--fc-navy);font-weight:600;}
.woocommerce ul.products li.product .price del{color:#9a9a9a;font-weight:400;}
.woocommerce ul.products li.product .price ins{color:var(--fc-red);text-decoration:none;}
.woocommerce span.onsale{background:var(--fc-red) !important;color:#fff !important;border-radius:2px;font-family:'Oswald',sans-serif;text-transform:uppercase;}
.woocommerce ul.products li.product{text-align:center;}
.woocommerce .star-rating span{color:var(--fc-gold);}
.product_title{color:var(--fc-navy);}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--fc-navy);font-weight:600;}

/* ---------- Footer ---------- */
.site-footer{background:var(--fc-navy) !important;color:#cdd3e6;}
.site-footer a{color:#fff;}
.site-footer a:hover{color:var(--fc-gold);}

/* ---------- Taalschakelaar (TranslatePress floater) iets netter ---------- */
#trp-floater-ls{font-family:'Barlow',sans-serif;}

/* ---------- Block-cart/checkout knoppen in huisstijl ---------- */
.wc-block-components-button:not(.is-link),
.wp-block-button__link,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{
  background:var(--fc-gold) !important;color:#fff !important;border-color:var(--fc-gold) !important;
  border-radius:2px !important;font-family:'Oswald',sans-serif !important;text-transform:uppercase;letter-spacing:.04em;
}
.wc-block-components-button:not(.is-link):hover,
.wc-block-components-checkout-place-order-button:hover{ background:#CB873B !important;border-color:#CB873B !important; }
a.wc-block-components-product-name:hover,.wc-block-cart-item__product-name a:hover{ color:var(--fc-gold) !important; }