/* Tocef Signature — calm theme override. Loaded after style.css. Remove the <link> in layouts/front.blade.php to undo. */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root{
  --tc-ink:#14211B; --tc-muted:#5F6B64; --tc-line:#E7E5DF; --tc-soft:#F4F4F1;
  --tc-brand:#2E7D4F; --tc-brand-dark:#246640; --tc-brand-tint:#E6F1EA;
  --tc-display:"Bricolage Grotesque",system-ui,sans-serif; --tc-body:"Plus Jakarta Sans",system-ui,sans-serif;
}

/* Base type */
body, p, li, a, span, input, button, label, td, th{font-family:var(--tc-body)}
body{color:var(--tc-ink)}
h1,h2,h3,h4,h5,.single__product__heding h2,.section__title h2{font-family:var(--tc-display)!important;letter-spacing:-.01em;color:var(--tc-ink)}

/* Announcement bar: neutral, not green */
.announcement-bar{background:var(--tc-ink)!important}

/* One green everywhere (was 3 different greens) */
.default__button,button.default__button,a.default__button,.btn-checkout,.save-badge-label{background:var(--tc-brand)!important;border-color:var(--tc-brand)!important}
.btn-view-cart{color:var(--tc-brand)!important;border-color:var(--tc-brand)!important}
.current-price-display{color:var(--tc-ink)!important}

/* Header */
.headerarea{background:#fff;border-bottom:1px solid var(--tc-line)}
.headerarea__main__menu nav a{font-weight:600;color:var(--tc-ink)}
.breadcrumbarea{background:var(--tc-soft)!important}

/* ---------- Product page ---------- */
.single__product__heding h2{font-size:clamp(26px,3vw,36px)!important;font-weight:800!important;line-height:1.1!important}
.single__product__price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.single__product__price .current-price-display{font-family:var(--tc-display);font-size:34px!important;font-weight:800!important}
.single__product__price del{color:var(--tc-muted)!important;font-size:18px!important}
.save-badge-label{background:#FDECE2!important;color:#B4470E!important;border:0!important;border-radius:999px!important;padding:4px 12px!important;font-weight:700!important;font-size:13px!important}

.order-form-card{border:1px solid var(--tc-line)!important;border-radius:20px!important;box-shadow:0 20px 50px rgba(20,33,27,.06)!important;padding:22px!important;background:#fff!important}
.order-form-title{font-family:var(--tc-display)!important;font-size:20px!important;font-weight:800!important;text-align:left!important;color:var(--tc-ink)!important;margin-bottom:14px!important}
.order-form .form-group input,.order-form input[type=text],.order-form input[type=tel]{border:1.5px solid var(--tc-line)!important;border-radius:12px!important;background:#fff!important;padding:14px!important;font-size:15px!important;height:auto!important;color:var(--tc-ink)!important}
.order-form input:focus{border-color:var(--tc-brand)!important;outline:none!important;box-shadow:0 0 0 3px var(--tc-brand-tint)!important}
.submit-btn{background:var(--tc-brand)!important;border:0!important;border-radius:14px!important;padding:17px!important;font-family:var(--tc-body)!important;font-weight:700!important;font-size:17px!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;transition:background .15s}
.submit-btn:hover{background:var(--tc-brand-dark)!important}
.submit-btn:focus-visible{outline:3px solid var(--tc-ink);outline-offset:2px}

.tc-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.tc-trust div{background:var(--tc-soft);border-radius:12px;padding:10px 6px;text-align:center;font-size:12px;line-height:1.3;color:var(--tc-muted)}
.tc-trust strong{display:block;color:var(--tc-ink);font-size:13px}

.single__product__special__feature ul li strong{color:var(--tc-ink)}
.single__product__special__feature ul li span{color:var(--tc-muted)}

/* Tabs */
.descriptionarea__tab__wrapper{border:1px solid var(--tc-line)!important;border-radius:20px!important}
.descriptionarea__link{font-family:var(--tc-display)!important;color:var(--tc-muted)!important}
.descriptionarea__link.active{color:var(--tc-ink)!important;border-color:var(--tc-ink)!important}

/* ---------- Homepage product cards ---------- */
.grid__wraper{background:#fff;border:1px solid var(--tc-line);border-radius:20px;overflow:hidden;height:100%;display:flex;flex-direction:column}
.grid__wraper__img{background:#fff}
.grid__wraper__img img{border-radius:0!important}
.grid__wraper__info{padding:14px!important;display:flex;flex-direction:column;gap:6px;text-align:left!important}
.grid__wraper__tittle,.grid__wraper__tittle a{font-family:var(--tc-body)!important;font-weight:600!important;font-size:14px!important;line-height:1.35!important;color:var(--tc-ink)!important}
.grid__wraper__price,.grid__wraper__price span{font-family:var(--tc-display)!important;font-weight:800!important;font-size:19px!important;color:var(--tc-ink)!important}
.grid__wraper__price::after{content:"✓ Paiement à la livraison";display:block;font-family:var(--tc-body);font-size:12px;font-weight:500;color:var(--tc-muted);margin-top:4px}
.section__title h2,.section__title__2 h2{font-weight:800!important;font-size:clamp(24px,3vw,34px)!important}
.feature__2 .single__feature,.feature__3 .single__feature{border-radius:16px}

/* ---------- Tocef Signature components ---------- */
.tc-sec{padding:clamp(36px,5vw,64px) 0}
.tc-sec--top0{padding-top:0}
.tc-sh{margin-bottom:22px}
.tc-sh h2{font-size:clamp(24px,3vw,34px);font-weight:800;margin:0}
.tc-sh p{margin:6px 0 0;color:var(--tc-muted)}
.tc-proof{background:#fff;border-top:1px solid var(--tc-line);border-bottom:1px solid var(--tc-line)}
.tc-proof__in{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:20px;padding-bottom:20px}
.tc-proof__in div{display:flex;flex-direction:column;align-items:center;text-align:center}
.tc-proof__in strong{font-family:var(--tc-display);font-size:20px;color:var(--tc-ink)}
.tc-proof__in span{font-size:13px;color:var(--tc-muted)}
.tc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tc-step{background:#fff;border:1px solid var(--tc-line);border-radius:20px;padding:22px}
.tc-num{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--tc-line);display:grid;place-items:center;font-family:var(--tc-display);font-weight:800;margin-bottom:12px;color:var(--tc-ink)}
.tc-step h3{font-size:19px;margin:0 0 6px}
.tc-step p{margin:0;color:var(--tc-muted);font-size:14px}
.tc-split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.tc-faq{background:#fff;border:1px solid var(--tc-line);border-radius:16px;padding:0 18px;margin-bottom:10px}
.tc-faq summary{cursor:pointer;font-weight:600;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px;color:var(--tc-ink)}
.tc-faq summary::-webkit-details-marker{display:none}
.tc-faq summary::after{content:"+";font-size:20px;color:var(--tc-ink)}
.tc-faq[open] summary::after{content:"–"}
.tc-faq p{margin:0 0 16px;color:var(--tc-muted)}
.tc-guarantee{background:var(--tc-soft);border:1px solid var(--tc-line);border-radius:28px;padding:clamp(24px,4vw,36px);display:flex;flex-direction:column;gap:18px}
.tc-guarantee h2{font-size:clamp(22px,3vw,30px);margin:0}
.tc-guarantee p{margin:6px 0 0;color:var(--tc-muted)}
.tc-seal{width:96px;height:96px;border-radius:50%;border:2px dashed var(--tc-ink);display:grid;place-items:center;text-align:center;font-family:var(--tc-display);font-weight:800;line-height:1;font-size:12px;color:var(--tc-ink)}
.tc-seal b{font-size:24px;display:block}
.tc-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--tc-brand);color:#fff!important;border-radius:14px;padding:14px 22px;font-weight:700;text-decoration:none!important;align-self:flex-start}
.tc-cta:hover{background:var(--tc-brand-dark)}
.tc-qty{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.tc-qty__b{border:2px solid var(--tc-line);border-radius:14px;padding:10px;background:#fff;cursor:pointer;text-align:left;color:var(--tc-ink)}
.tc-qty__b small{display:block;color:var(--tc-muted);font-size:12px}
.tc-qty__b strong{font-size:15px}
.tc-qty__b[aria-pressed="true"]{border-color:var(--tc-ink);background:var(--tc-soft)}
.tc-qty__b:focus-visible{outline:3px solid var(--tc-brand);outline-offset:2px}
.tc-sticky{display:none}
@media (max-width:991px){
  .tc-proof__in{grid-template-columns:repeat(2,1fr)}
  .tc-steps,.tc-split{grid-template-columns:1fr}
  .tc-sticky{position:fixed;left:0;right:0;bottom:0;z-index:999;background:#fff;border-top:1px solid var(--tc-line);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));display:flex;gap:12px;align-items:center;box-shadow:0 -8px 24px rgba(20,33,27,.08);transform:translateY(110%);transition:transform .2s}
  .tc-sticky.is-on{transform:none}
  .tc-sticky .tc-cta{flex:1;padding:13px}
  .tc-sticky__p{font-family:var(--tc-display);font-weight:800;font-size:19px;white-space:nowrap;color:var(--tc-ink)}
  .tc-sticky__p small{display:block;font-family:var(--tc-body);font-weight:500;font-size:11px;color:var(--tc-muted)}
}
@media (prefers-reduced-motion:reduce){.submit-btn,.tc-sticky{transition:none}}