/* Redable B.V. — custom theme tokens from brand_brief.json (Mark) */
:root{
  --c-primary:#eb586a;      /* Mark primary: coral brand accent */
  --c-primary-hover:#d34459;
  --c-secondary:#1f274a;    /* navy text/footer (brief text) */
  --c-btn:#494f6c;          /* brief button_bg: navy-purple pill buttons */
  --c-btn-hover:#3a3f56;
  --c-accent:#f2ab55;       /* Mark accent: amber label / dot */
  --c-nav:#eb586a;          /* coral main navigation bar */
  --c-nav-hover:#d34459;
  --c-bg:#ffffff;
  --c-surface:#eeeeee;
  --c-text:#1f274a;
  --c-muted:#6e6e73;
  --c-border:#888888;
  --c-success:#1bbc9b;
  --c-error:#e02b27;
  --c-star:#f2ab55;
  --c-footer:#1f274a;
  --radius-btn:20px;        /* brief buttons.radius_px: pill */
  --font: 'Lato','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
}

/* daisyUI custom theme override (OKLCH of Mark's palette, overrides default) */
[data-theme="redable"]{
  color-scheme:light;
  --p:66% 0.16 12;   --pc:100% 0 0;   /* coral #eb586a */
  --s:29% 0.05 285;  --sc:100% 0 0;   /* navy-purple #494f6c */
  --a:78% 0.11 68;   --ac:22% 0.04 270; /* amber #f2ab55 */
  --n:27% 0.06 270;  --nc:100% 0 0;
  --b1:100% 0 0;     --b2:96% 0 0;  --b3:92% 0 0;  --bc:27% 0.06 270;
  --su:63% 0.12 175; --er:58% 0.22 27;
  --rounded-box:.5rem; --rounded-btn:20px; --rounded-badge:2px; --animation-btn:.2s;
}

html,body{font-family:var(--font);color:var(--c-text);background:var(--c-bg);}
h1,h2,h3,h4{font-family:var(--font);font-weight:700;color:var(--c-secondary);}
a{color:inherit;}

/* red dot flourish after headings/labels (Redable brand motif) */
.dot::after{content:".";color:var(--c-accent);font-weight:800;}

/* buttons */
.btn-redable{background:var(--c-btn);color:#fff;border-radius:var(--radius-btn);
  padding:.7rem 1.4rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;
  transition:background .18s;border:none;cursor:pointer;line-height:1;}
.btn-redable:hover{background:var(--c-btn-hover);}
.btn-navy{background:var(--c-secondary);color:#fff;border-radius:var(--radius-btn);
  padding:.8rem 1.5rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;
  transition:filter .18s;border:none;cursor:pointer;}
.btn-navy:hover{filter:brightness(1.25);}
.btn-ghost-line{border:1px solid var(--c-border);border-radius:var(--radius-btn);
  padding:.6rem 1.2rem;font-weight:600;background:#fff;color:var(--c-secondary);}

/* main coral nav bar */
.mainnav{background:var(--c-nav);}
.mainnav a{color:#fff;font-weight:600;font-size:.95rem;padding:.9rem .1rem;display:inline-block;
  border-bottom:3px solid transparent;transition:border-color .15s;}
.mainnav a:hover{border-bottom-color:#fff;}
.mainnav a.active{border-bottom-color:var(--c-accent);}

/* usp strip */
.usp-strip{border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);background:#fff;}
.usp-strip .usp{display:flex;align-items:center;gap:.55rem;color:var(--c-secondary);font-size:.9rem;}
.usp-strip .usp i{color:var(--c-primary);font-size:1.05rem;}

/* search bar */
.search-wrap{border:1px solid #d9d9d9;border-radius:4px;background:#fff;display:flex;align-items:center;}
.search-wrap input{border:none;outline:none;padding:.7rem .9rem;width:100%;background:transparent;font-size:.95rem;}
.search-wrap button{padding:0 1rem;color:var(--c-muted);background:transparent;border:none;cursor:pointer;}

/* category tiles */
.cat-tile{text-align:center;transition:transform .15s;}
.cat-tile:hover{transform:translateY(-3px);}
.cat-tile img{height:120px;width:100%;object-fit:contain;}
.cat-tile span{display:block;margin-top:.6rem;font-weight:700;color:var(--c-secondary);}

/* product card — dense B2B spec style */
/* flat square cards per reference (radius 0, no shadow, thin grey border) */
.pcard{background:#fff;border:1px solid var(--c-border);border-radius:0;padding:1rem;
  display:flex;flex-direction:column;transition:border-color .18s,transform .18s;}
.pcard:hover{border-color:var(--c-nav);transform:translateY(-2px);}
.pcard .stock{color:var(--c-accent);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
.pcard .pimg{height:180px;display:flex;align-items:center;justify-content:center;margin:.4rem 0;}
.pcard .pimg img{max-height:180px;max-width:100%;object-fit:contain;}
.pcard .ptitle{font-size:.9rem;font-weight:600;color:var(--c-secondary);line-height:1.3;min-height:2.4rem;}
.pcard .pprice{font-size:1.35rem;font-weight:800;color:var(--c-secondary);}
.pcard .order-link{background:var(--c-btn);color:#fff;font-weight:700;font-size:.85rem;
  border-radius:20px;padding:.45rem 1rem;display:inline-flex;align-items:center;gap:.4rem;
  align-self:flex-start;transition:background .18s;}
.pcard .order-link:hover{background:var(--c-btn-hover);}

/* trust stars */
.stars i{color:var(--c-star);}

/* footer */
.site-footer{background:var(--c-footer);color:#cfd3e0;}
.site-footer h4{color:#fff;font-size:1rem;margin-bottom:.9rem;}
.site-footer a:hover{color:#fff;}
.footer-bottom{background:#171d38;color:#9aa0b8;}

/* generic section */
.section-title{font-size:1.6rem;font-weight:800;color:var(--c-secondary);}
.section-title .light{color:var(--c-muted);font-weight:800;}

/* toggle btw */
.btw-toggle{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--c-secondary);}
.btw-toggle .track{width:38px;height:20px;background:#d0d0d0;border-radius:999px;position:relative;}
.btw-toggle .track::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:.2s;}

.container-r{max-width:1280px;margin:0 auto;padding-left:1rem;padding-right:1rem;}

.breadcrumb-r{font-size:.85rem;color:var(--c-muted);}
.breadcrumb-r a:hover{color:var(--c-primary);}

/* forms */
.field{width:100%;border:1px solid #d9d9d9;border-radius:4px;padding:.7rem .9rem;font-size:.95rem;outline:none;}
.field:focus{border-color:var(--c-primary);box-shadow:0 0 0 2px rgba(235,88,106,.18);}
.form-label{font-weight:600;font-size:.9rem;color:var(--c-secondary);margin-bottom:.35rem;display:block;}