/*
Theme Name: Splenda Accessories
Theme URI: https://splendaacces.com/
Author: Splenda Accessories Ltd
Description: Lightweight WooCommerce catalogue theme for Splenda Accessories Ltd, SolarNyumbani and HEPU product lines.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: splenda-accessories
*/

:root {
  --splenda-blue: #0a2e7a;
  --splenda-blue-2: #164ca3;
  --splenda-green: #08783e;
  --splenda-green-2: #0d9b52;
  --splenda-yellow: #f7b313;
  --splenda-orange: #f47b20;
  --splenda-red: #cf1f2c;
  --splenda-ink: #172033;
  --splenda-muted: #667085;
  --splenda-border: #e6eaf0;
  --splenda-soft: #f5f8fc;
  --splenda-white: #ffffff;
  --splenda-shadow: 0 14px 40px rgba(14, 38, 80, .10);
  --splenda-radius: 18px;
  --splenda-container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--splenda-ink);
  background: var(--splenda-white);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
}
img { max-width: 100%; height: auto; }
a { color: var(--splenda-blue); text-decoration: none; }
a:hover { color: var(--splenda-green); }
.splenda-container { width: min(calc(100% - 36px), var(--splenda-container)); margin-inline: auto; }
.splenda-section { padding: 76px 0; }
.splenda-section--soft { background: var(--splenda-soft); }
.splenda-section--dark { background: #071f52; color: #fff; }
.splenda-eyebrow { margin: 0 0 10px; color: var(--splenda-green); text-transform: uppercase; font-weight: 800; letter-spacing: .12em; font-size: .78rem; }
.splenda-section-title { margin: 0; color: var(--splenda-blue); font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.08; letter-spacing: -.04em; }
.splenda-section-lead { max-width: 760px; margin: 16px auto 0; color: var(--splenda-muted); font-size: 1.08rem; }
.splenda-center { text-align: center; }

.splenda-topbar { background: #061a49; color: #fff; font-size: .91rem; }
.splenda-topbar__inner { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.splenda-topbar a { color: #fff; font-weight: 700; }
.splenda-header { position: sticky; top: 0; z-index: 60; background: rgba(255,255,255,.97); border-bottom: 1px solid var(--splenda-border); backdrop-filter: blur(12px); }
.splenda-header__inner { min-height: 78px; display: flex; align-items: center; gap: 28px; }
.splenda-brand { display: inline-flex; align-items: center; gap: 12px; min-width: 220px; }
.splenda-brand img { width: 170px; max-height: 62px; object-fit: cover; object-position: center 58%; border-radius: 8px; }
.splenda-brand__fallback { color: var(--splenda-blue); font-weight: 900; font-size: 1.25rem; line-height: 1; }
.splenda-nav { margin-left: auto; }
.splenda-nav ul { display: flex; align-items: center; list-style: none; padding: 0; margin: 0; gap: 24px; }
.splenda-nav a { color: var(--splenda-ink); font-weight: 700; font-size: .95rem; }
.splenda-nav a:hover, .splenda-nav .current-menu-item > a { color: var(--splenda-green); }
.splenda-header-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: 999px; color: #fff; background: var(--splenda-green); font-weight: 800; box-shadow: 0 10px 25px rgba(8,120,62,.18); }
.splenda-header-cta:hover { color: #fff; background: #066632; }
.splenda-menu-toggle { display: none; margin-left: auto; border: 0; background: transparent; font-size: 1.6rem; color: var(--splenda-blue); }

.splenda-hero { position: relative; overflow: hidden; background: linear-gradient(120deg, #eef7ff 0%, #fff 44%, #f0faf4 100%); }
.splenda-hero::after { content:""; position:absolute; width:480px; height:480px; border-radius:50%; right:-180px; top:-180px; background: radial-gradient(circle, rgba(247,179,19,.35), rgba(247,179,19,0) 68%); }
.splenda-hero__grid { min-height: 650px; display: grid; grid-template-columns: 1.06fr .94fr; gap: 54px; align-items: center; padding: 64px 0; position: relative; z-index: 2; }
.splenda-hero__badge { display:inline-flex; align-items:center; gap:8px; border:1px solid rgba(8,120,62,.18); background:#fff; color:var(--splenda-green); font-weight:800; font-size:.85rem; padding:8px 13px; border-radius:999px; box-shadow: 0 8px 22px rgba(14,38,80,.06); }
.splenda-hero h1 { color: var(--splenda-blue); font-size: clamp(2.8rem, 6vw, 5.4rem); line-height: .98; margin: 20px 0 22px; letter-spacing: -.055em; }
.splenda-hero h1 span { color: var(--splenda-green); }
.splenda-hero__lead { font-size: 1.16rem; color: #4d5d72; max-width: 650px; margin: 0 0 30px; }
.splenda-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.splenda-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; padding: 0 22px; border-radius: 12px; font-weight: 850; border: 2px solid transparent; transition: .2s ease; }
.splenda-btn--primary { color: #fff; background: var(--splenda-blue); }
.splenda-btn--primary:hover { color: #fff; background: #08245e; transform: translateY(-1px); }
.splenda-btn--green { color:#fff; background:var(--splenda-green); }
.splenda-btn--green:hover { color:#fff; background:#066632; transform:translateY(-1px); }
.splenda-btn--outline { color: var(--splenda-blue); border-color: var(--splenda-blue); background:#fff; }
.splenda-btn--outline:hover { color:#fff; background:var(--splenda-blue); }
.splenda-hero__trust { display:flex; flex-wrap:wrap; gap:20px; margin-top:32px; color:#40516a; font-size:.92rem; font-weight:700; }
.splenda-hero__visual { position:relative; }
.splenda-hero__visual-card { border-radius: 28px; background:#fff; padding: 16px; box-shadow: var(--splenda-shadow); border: 1px solid rgba(10,46,122,.08); transform: rotate(1.5deg); }
.splenda-hero__visual-card img { display:block; width:100%; border-radius: 20px; aspect-ratio: 4 / 3; object-fit: cover; object-position:center; }
.splenda-floating-card { position:absolute; left:-28px; bottom:28px; background:#fff; border-radius:16px; padding:15px 18px; box-shadow:var(--splenda-shadow); border:1px solid var(--splenda-border); max-width:220px; }
.splenda-floating-card strong { display:block; color:var(--splenda-green); font-size:1.05rem; }
.splenda-floating-card span { color:var(--splenda-muted); font-size:.86rem; }

.splenda-trustbar { background:#fff; border-top:1px solid var(--splenda-border); border-bottom:1px solid var(--splenda-border); }
.splenda-trustbar__grid { display:grid; grid-template-columns: repeat(3, 1fr); }
.splenda-trustitem { display:flex; gap:14px; align-items:center; padding:25px 30px; border-right:1px solid var(--splenda-border); }
.splenda-trustitem:last-child { border-right:0; }
.splenda-trustitem__icon { width:44px; height:44px; border-radius:13px; background:#eef7ff; display:grid; place-items:center; font-size:1.25rem; }
.splenda-trustitem strong { display:block; color:var(--splenda-blue); }
.splenda-trustitem span { color:var(--splenda-muted); font-size:.89rem; }

.splenda-category-grid { display:grid; grid-template-columns: repeat(4, 1fr); gap:20px; margin-top:38px; }
.splenda-category-card { display:flex; flex-direction:column; overflow:hidden; background:#fff; border:1px solid var(--splenda-border); border-radius:var(--splenda-radius); box-shadow:0 9px 30px rgba(14,38,80,.055); min-height:100%; transition:.2s ease; }
.splenda-category-card:hover { transform: translateY(-4px); box-shadow: var(--splenda-shadow); }
.splenda-category-card__image { height:190px; display:grid; place-items:center; background:linear-gradient(145deg,#f7faff,#edf4fb); padding:20px; }
.splenda-category-card__image img { max-height:155px; width:auto; object-fit:contain; mix-blend-mode:multiply; }
.splenda-category-card__body { padding:20px; }
.splenda-category-card h3 { margin:0 0 7px; color:var(--splenda-blue); font-size:1.18rem; }
.splenda-category-card p { margin:0; color:var(--splenda-muted); font-size:.93rem; }
.splenda-category-card__link { margin-top:auto; padding:0 20px 20px; font-weight:800; color:var(--splenda-green); }

.splenda-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:40px; }
.splenda-feature { padding:30px; background:#fff; border-radius:var(--splenda-radius); border:1px solid var(--splenda-border); }
.splenda-feature__number { display:inline-grid; place-items:center; width:46px; height:46px; border-radius:14px; color:#fff; background:var(--splenda-blue); font-weight:900; margin-bottom:18px; }
.splenda-feature h3 { margin:0 0 9px; color:var(--splenda-blue); }
.splenda-feature p { margin:0; color:var(--splenda-muted); }

.splenda-solutions { display:grid; grid-template-columns:1.1fr .9fr; gap:36px; align-items:start; margin-top:38px; }
.splenda-solution-list { display:grid; gap:14px; }
.splenda-solution { background:#fff; border:1px solid var(--splenda-border); border-radius:16px; padding:20px 22px; display:flex; gap:16px; }
.splenda-solution__icon { flex:0 0 46px; height:46px; border-radius:13px; display:grid; place-items:center; color:#fff; background:var(--splenda-green); font-size:1.25rem; }
.splenda-solution h3 { margin:0 0 4px; color:var(--splenda-blue); }
.splenda-solution p { margin:0; color:var(--splenda-muted); font-size:.94rem; }
.splenda-solution-panel { background:linear-gradient(145deg,#082966,#0e488b); color:#fff; border-radius:24px; padding:36px; position:sticky; top:120px; }
.splenda-solution-panel h3 { font-size:2rem; line-height:1.1; margin:0 0 14px; }
.splenda-solution-panel p { color:rgba(255,255,255,.82); }

.splenda-brand-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-top:34px; }
.splenda-brand-card { min-height:170px; display:grid; place-items:center; background:#fff; border:1px solid var(--splenda-border); border-radius:var(--splenda-radius); padding:30px; }
.splenda-brand-card img { max-width:280px; max-height:92px; object-fit:contain; }

.splenda-location-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; margin-top:36px; }
.splenda-location { padding:30px; border-radius:var(--splenda-radius); background:#fff; border:1px solid var(--splenda-border); }
.splenda-location h3 { color:var(--splenda-blue); margin:0 0 8px; font-size:1.4rem; }
.splenda-location p { color:var(--splenda-muted); margin:0 0 16px; }
.splenda-location a { font-weight:800; }

.splenda-cta { background:linear-gradient(115deg,var(--splenda-green),#0b5d7a 70%, var(--splenda-blue)); color:#fff; border-radius:26px; padding:48px; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.splenda-cta h2 { margin:0; font-size:clamp(2rem,4vw,3rem); line-height:1.05; }
.splenda-cta p { margin:10px 0 0; color:rgba(255,255,255,.83); max-width:650px; }
.splenda-cta .splenda-btn { background:#fff; color:var(--splenda-blue); flex:0 0 auto; }

.splenda-page-hero { padding:70px 0 58px; background:linear-gradient(130deg,#eef6ff,#f4fbf5); border-bottom:1px solid var(--splenda-border); }
.splenda-page-hero h1 { font-size:clamp(2.4rem,5vw,4.2rem); color:var(--splenda-blue); letter-spacing:-.045em; margin:0; line-height:1.05; }
.splenda-page-hero p { max-width:760px; color:var(--splenda-muted); font-size:1.08rem; margin:14px 0 0; }
.splenda-content { padding:64px 0; }
.splenda-content .entry-content { max-width:920px; }
.entry-content h2,.entry-content h3 { color:var(--splenda-blue); }
.entry-content h2 { margin-top:2.2em; font-size:2rem; }
.entry-content h3 { margin-top:1.6em; }
.entry-content p,.entry-content li { color:#42516a; }
.entry-content .wp-block-columns { gap:24px; }
.entry-content .wp-block-group { border-radius:18px; }

/* WooCommerce catalogue */
.woocommerce .woocommerce-breadcrumb { margin:0 0 24px; color:var(--splenda-muted); font-size:.88rem; }
.woocommerce .woocommerce-breadcrumb a { color:var(--splenda-blue); }
.woocommerce ul.products { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin:0; }
.woocommerce ul.products::before,.woocommerce ul.products::after { display:none; }
.woocommerce ul.products li.product { width:auto!important; margin:0!important; float:none!important; border:1px solid var(--splenda-border); border-radius:18px; overflow:hidden; background:#fff; box-shadow:0 8px 28px rgba(14,38,80,.055); padding-bottom:18px; transition:.2s ease; }
.woocommerce ul.products li.product:hover { transform:translateY(-3px); box-shadow:var(--splenda-shadow); }
.woocommerce ul.products li.product a img { margin:0; aspect-ratio:1/1; object-fit:contain; padding:20px; background:#f7f9fc; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color:var(--splenda-blue); font-size:1rem; line-height:1.35; padding:16px 18px 5px; }
.woocommerce ul.products li.product .price { padding:0 18px; color:var(--splenda-green); font-weight:850; }
.woocommerce ul.products li.product .button { margin:12px 18px 0; display:flex; justify-content:center; border-radius:10px; background:var(--splenda-green); color:#fff; padding:12px 14px; font-weight:800; }
.woocommerce ul.products li.product .button:hover { background:#066632; color:#fff; }
.woocommerce span.onsale { background:var(--splenda-orange); }
.woocommerce div.product { margin-top:18px; }
.woocommerce div.product div.images img { border-radius:18px; border:1px solid var(--splenda-border); }
.woocommerce div.product .product_title { color:var(--splenda-blue); line-height:1.08; font-size:clamp(2rem,4vw,3.25rem); }
.woocommerce div.product p.price,.woocommerce div.product span.price { color:var(--splenda-green); font-weight:900; font-size:1.5rem; }
.woocommerce-product-details__short-description { color:#4b5b71; }
.splenda-enquiry-box { margin-top:24px; padding:22px; border-radius:16px; border:1px solid #cfe8d9; background:#f2fbf6; }
.splenda-enquiry-box h3 { margin:0 0 7px; color:var(--splenda-green); }
.splenda-enquiry-box p { margin:0 0 14px; color:#4c6256; }
.splenda-enquiry-actions { display:flex; flex-wrap:wrap; gap:10px; }
.woocommerce table.shop_attributes th { width:36%; color:var(--splenda-blue); }
.woocommerce table.shop_attributes td { padding-left:12px; }
.woocommerce .woocommerce-tabs ul.tabs li.active { border-bottom-color:var(--splenda-green); }
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering { margin-bottom:24px; }

.splenda-empty-products { text-align:center; background:#fff; border:1px dashed #cfd7e3; border-radius:18px; padding:34px; color:var(--splenda-muted); }

.splenda-footer { background:#061a49; color:#cdd8f0; padding:56px 0 24px; }
.splenda-footer__grid { display:grid; grid-template-columns:1.3fr .8fr .9fr .9fr; gap:36px; }
.splenda-footer h3,.splenda-footer h4 { color:#fff; margin-top:0; }
.splenda-footer p,.splenda-footer li { color:#cdd8f0; font-size:.92rem; }
.splenda-footer ul { list-style:none; padding:0; margin:0; }
.splenda-footer li { margin-bottom:8px; }
.splenda-footer a { color:#fff; }
.splenda-footer__bottom { margin-top:40px; padding-top:20px; border-top:1px solid rgba(255,255,255,.12); display:flex; justify-content:space-between; gap:20px; color:#aebcda; font-size:.85rem; }
.splenda-wa-float { position:fixed; right:22px; bottom:22px; z-index:70; width:58px; height:58px; border-radius:50%; display:grid; place-items:center; color:#fff; background:#1fa855; font-weight:900; box-shadow:0 12px 30px rgba(31,168,85,.3); }
.splenda-wa-float:hover { color:#fff; transform:translateY(-2px); }

@media (max-width: 980px) {
  .splenda-menu-toggle { display:block; }
  .splenda-nav { display:none; position:absolute; top:78px; left:0; right:0; background:#fff; border-bottom:1px solid var(--splenda-border); padding:18px; }
  .splenda-nav.is-open { display:block; }
  .splenda-nav ul { display:grid; gap:4px; }
  .splenda-nav a { display:block; padding:10px 5px; }
  .splenda-header-cta { display:none; }
  .splenda-hero__grid { grid-template-columns:1fr; min-height:auto; }
  .splenda-hero__visual { max-width:720px; }
  .splenda-category-grid,.woocommerce ul.products { grid-template-columns:repeat(2,1fr); }
  .splenda-feature-grid { grid-template-columns:1fr; }
  .splenda-solutions { grid-template-columns:1fr; }
  .splenda-solution-panel { position:static; }
  .splenda-footer__grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 680px) {
  .splenda-topbar__inner { justify-content:center; text-align:center; }
  .splenda-topbar__inner span:first-child { display:none; }
  .splenda-header__inner { min-height:70px; }
  .splenda-brand img { width:145px; max-height:54px; }
  .splenda-hero__grid { padding:46px 0; gap:34px; }
  .splenda-hero h1 { font-size:clamp(2.5rem,13vw,3.8rem); }
  .splenda-floating-card { position:relative; left:auto; bottom:auto; margin:-16px 14px 0; }
  .splenda-trustbar__grid { grid-template-columns:1fr; }
  .splenda-trustitem { border-right:0; border-bottom:1px solid var(--splenda-border); padding:20px 0; }
  .splenda-category-grid,.woocommerce ul.products { grid-template-columns:1fr; }
  .splenda-brand-grid,.splenda-location-grid { grid-template-columns:1fr; }
  .splenda-section { padding:58px 0; }
  .splenda-cta { padding:30px; align-items:flex-start; flex-direction:column; }
  .splenda-footer__grid { grid-template-columns:1fr; }
  .splenda-footer__bottom { flex-direction:column; }
}