/* Softwave brand — gold/orange + white; navy reserved for footer */
:root {
  --sw-navy: #0a2540;
  --sw-navy-deep: #061628;
  --sw-gold: #e89112;
  --sw-gold-deep: #c4740a;
  --sw-orange: #e8720a;
  --sw-white: #ffffff;
  --sw-cream: #fffbf5;
  --sw-mist: #fff6e8;
  --sw-soft-gold: #fff3d6;
  --sw-line: #edd9b0;
  --sw-text: #1c2430;
  --sw-muted: #4a5563;
  --sw-font-display: "Fraunces", Georgia, serif;
  --sw-font-body: "Manrope", "Segoe UI", sans-serif;

  --zff-leaf: var(--sw-gold);
  --zff-leaf-deep: var(--sw-gold-deep);
  --zff-leaf-soft: var(--sw-soft-gold);
  --zff-soil: var(--sw-text);
  --zff-cream: var(--sw-cream);
  --zff-mist: var(--sw-mist);
  --zff-line: var(--sw-line);
  --zff-font-display: var(--sw-font-display);
  --zff-font-body: var(--sw-font-body);
}

body {
  font-family: var(--sw-font-body);
  color: var(--sw-text) !important;
  background:
    radial-gradient(1200px 500px at 10% -10%, rgba(232, 145, 18, 0.14), transparent 60%),
    radial-gradient(900px 400px at 100% 0%, rgba(232, 114, 10, 0.08), transparent 55%),
    var(--sw-cream) !important;
}

a {
  color: var(--sw-gold-deep);
}
a:hover {
  color: var(--sw-orange);
}

/* Header / chrome → gold (not navy) */
.header-bottom.bg-3,
.header-top.bg-3,
.mobile-menu,
.preloader,
.cart-table tr th,
.main-sections .section-title {
  background: var(--sw-gold) !important;
  color: #1c2430 !important;
}

.header-middle {
  background: rgba(255, 255, 255, 0.98) !important;
  border-bottom: 1px solid var(--sw-line);
}

.header-wrapper .menu li a {
  font-family: var(--sw-font-body);
  font-weight: 600;
  color: var(--sw-text) !important;
}
.header-wrapper .menu li a:hover,
.header-wrapper .menu li a.active {
  color: var(--sw-gold-deep) !important;
}

.shortcut-icons li a,
.shortcut-icons li a i {
  color: var(--sw-text) !important;
}

.view-category > a {
  color: #1c2430 !important;
  font-weight: 700;
}

/* Category search dropdown — high contrast (fixes white-on-white) */
.header-search-form .select-item .nice-select,
.header-search-form .select-item .select-bar,
.header-bottom .nice-select {
  background: #ffffff !important;
  border: 1px solid #e2c48a !important;
  color: #1c2430 !important;
}
.header-search-form .select-item .nice-select .current,
.header-bottom .nice-select .current,
.header-search-form .nice-select .current {
  color: #1c2430 !important;
  font-weight: 600;
}
.header-search-form .nice-select:after,
.header-bottom .nice-select:after {
  border-bottom-color: #1c2430 !important;
  border-right-color: #1c2430 !important;
}
.header-search-form .nice-select .list,
.header-bottom .nice-select .list {
  background: #ffffff !important;
  border: 1px solid #e2c48a !important;
  box-shadow: 0 10px 28px rgba(28, 36, 48, 0.18) !important;
  z-index: 50 !important;
}
.header-search-form .nice-select .option,
.header-bottom .nice-select .option,
.header-search-form .nice-select .list li,
.header-bottom .nice-select .list li {
  color: #1c2430 !important;
  background: #ffffff !important;
}
.header-search-form .nice-select .option:hover,
.header-search-form .nice-select .option.focus,
.header-search-form .nice-select .option.selected.focus,
.header-bottom .nice-select .option:hover,
.header-bottom .nice-select .option.focus {
  background: #fff3d6 !important;
  color: #1c2430 !important;
}
.header-search-form .nice-select .option.selected,
.header-bottom .nice-select .option.selected {
  color: #c4740a !important;
  font-weight: 700;
}
.header-search-form .header-form-group input {
  color: #1c2430 !important;
  background: #fff !important;
}
.header-search-form .header-form-group button {
  color: #1c2430 !important;
}

/* Product filter selects */
.fileter-select-item .select-bar,
.fileter-select-item .nice-select {
  background: var(--sw-gold) !important;
  border-color: var(--sw-gold-deep) !important;
}
.fileter-select-item .select-bar .current,
.fileter-select-item .nice-select .current {
  color: #1c2430 !important;
  font-weight: 700;
}
.fileter-select-item .nice-select .list,
.fileter-select-item .nice-select .option {
  background: #fff !important;
  color: #1c2430 !important;
}

/* Primary CTAs → gold */
.cmn-btn,
.custom-button.theme,
.bill-button,
.apply-coupon-code button,
.contact-group .custom-button,
.wish-react li a.active,
.wish-react li button.active,
.product-details .product-size-area .product-single-size.active {
  background: var(--sw-gold) !important;
  border-color: var(--sw-gold) !important;
  color: #1c2430 !important;
  font-weight: 700;
}
.cmn-btn:hover,
.custom-button.theme:hover,
.bill-button:hover {
  background: var(--sw-gold-deep) !important;
  border-color: var(--sw-gold-deep) !important;
  color: #fff !important;
}

/* Secondary → orange */
.custom-button.theme-2,
.cmn-btn-2,
.scrollToTop,
.subscribe-form button,
.nav-tabs li a.active,
.owl-dots .owl-dot.active,
.shortcut-icons li a .amount,
.filter-in {
  background: var(--sw-orange) !important;
  border-color: var(--sw-orange) !important;
  color: #fff !important;
  font-weight: 700;
}

.filter-category li a.active,
.filter-category li a:hover,
.link-color,
.text--secondary,
.left-category .categories li a i,
.todays-deal .item .cont .price,
.product-item-2-inner .product-content .price {
  color: var(--sw-gold-deep) !important;
}

/* Homepage hero → gold/orange */
.zff-hero {
  background: var(--sw-gold-deep) !important;
  color: #fff !important;
}
.zff-hero__atmosphere {
  background:
    linear-gradient(110deg, #c4740a 0%, #e89112 48%, rgba(232, 114, 10, 0.85) 100%) !important;
}
.zff-hero__brand {
  color: #fff8e8 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.zff-hero__title,
.zff-hero__lead,
.zff-hero__meta {
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.zff-hero__lead,
.zff-hero__meta {
  color: #fff8e8 !important;
  opacity: 1 !important;
}

.zff-btn--primary {
  background: #ffffff !important;
  color: #c4740a !important;
  border-color: #ffffff !important;
  font-weight: 700 !important;
}
.zff-btn--primary:hover {
  background: #fff3d6 !important;
  color: #1c2430 !important;
}
.zff-btn--ghost {
  background: transparent !important;
  color: #ffffff !important;
  border: 2px solid rgba(255, 255, 255, 0.9) !important;
}
.zff-btn--ghost:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}
.zff-btn--soft {
  background: #fff3d6 !important;
  color: #1c2430 !important;
  border-color: #f0d59a !important;
  font-weight: 700 !important;
}
.zff-btn--soft:hover {
  background: #ffffff !important;
  color: #c4740a !important;
}

.zff-hero__cats .categories {
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(28, 36, 48, 0.2) !important;
}
.zff-hero__cats .categories li a {
  color: #1c2430 !important;
}
.zff-hero__cats .categories li a:hover,
.zff-hero__cats .categories li a i {
  color: var(--sw-gold-deep) !important;
}
.zff-hero__cats .categories li a:hover {
  background: var(--sw-soft-gold) !important;
}

.zff-section__title,
.zff-product__name,
.zff-cat__name,
.zff-trust__item h3,
.zff-slide__name {
  color: var(--sw-text) !important;
}
.zff-section__sub,
.zff-product__meta,
.zff-cat__count,
.zff-trust__item p {
  color: var(--sw-muted) !important;
}
.zff-link,
.zff-product__price {
  color: var(--sw-gold-deep) !important;
  font-weight: 700;
}
.zff-product,
.zff-cat,
.zff-trust__item {
  background: var(--sw-white) !important;
  border-color: var(--sw-line) !important;
}
.zff-trust {
  background:
    radial-gradient(circle at 30% 20%, rgba(232, 145, 18, 0.12), transparent 45%),
    linear-gradient(180deg, #fff8ec 0%, #ffffff 70%) !important;
}
.zff-trust__item {
  border-left: 4px solid var(--sw-gold) !important;
}

/* ========== NAVY ONLY IN FOOTER ========== */
footer.bg-3,
footer,
.footer-section,
.footer-bottom,
.footer-copyright,
.bottom-footer {
  background: var(--sw-navy) !important;
  color: #f3f6fb !important;
}
footer.bg-3 .title,
footer.bg-3 .cl-white,
footer .footer-widget .title,
footer .footer-widget p,
footer .footer-widget li,
footer .footer-widget a,
footer .footer-copyright p,
footer .copyright-area p {
  color: #f3f6fb !important;
}
footer .footer-widget a:hover,
footer .social-icons li a:hover {
  color: var(--sw-gold) !important;
}

/* Newsletter can stay gold to match header chrome */
.newsletter-section.bg-3,
.newsletter-section {
  background: var(--sw-gold-deep) !important;
  color: #fff !important;
}
.newsletter-section h3,
.newsletter-section p,
.newsletter-section label {
  color: #fff !important;
}

/* Cards / checkout */
.checkout-wrapper,
.payment-details,
.section-bg,
.card {
  background: var(--sw-white) !important;
  color: var(--sw-text) !important;
}
.payment-details .title,
.checkout-wrapper .title,
.billing-label {
  color: var(--sw-text) !important;
}
.text-muted {
  color: var(--sw-muted) !important;
}

.sw-pay-mpesa,
button.sw-pay-mpesa {
  background: var(--sw-gold) !important;
  border-color: var(--sw-gold) !important;
  color: #1c2430 !important;
  font-weight: 700;
}
.sw-amount {
  color: var(--sw-gold-deep) !important;
}

/* Dual product CTAs: Add to Cart + WhatsApp */
.sw-product-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  width: 100%;
  margin-top: 8px;
}
.sw-product-actions .cmn-btn,
.sw-product-actions .zff-btn,
.sw-product-actions a,
.sw-product-actions button {
  margin: 0 !important;
  flex: 1 1 auto;
  min-width: 120px;
  text-align: center;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.sw-product-actions--detail .cmn-btn {
  min-width: 160px;
  flex: 0 1 auto;
}
.product-after-content .sw-product-actions {
  margin-top: 0;
}
.zff-product__body .sw-product-actions {
  margin-top: 12px;
}
.zff-product__body .sw-product-actions .zff-btn {
  font-size: 0.85rem;
  padding: 8px 12px;
}

/* Mobile menu tabs on gold panel */
.mobile-menu .nav-tabs li a {
  color: #1c2430 !important;
}
.mobile-menu .nav-tabs li a.active {
  background: var(--sw-orange) !important;
  color: #fff !important;
}
.mobile-menu .menu li a {
  color: #1c2430 !important;
}
.cart-table tr th {
  color: #1c2430 !important;
}

/* ========== Company profile page ========== */
.sw-profile {
  padding: 140px 0 72px;
  background: var(--sw-cream);
}
.sw-profile__hero {
  background:
    linear-gradient(120deg, rgba(196, 116, 10, 0.95), rgba(232, 145, 18, 0.92)),
    radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.25), transparent 50%);
  color: #fff;
  border-radius: 18px;
  padding: clamp(28px, 5vw, 56px);
  margin-bottom: 40px;
  box-shadow: 0 16px 40px rgba(196, 116, 10, 0.28);
}
.sw-profile__eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.78rem;
  font-weight: 700;
  color: #fff8e8;
  margin-bottom: 10px;
}
.sw-profile__hero h1 {
  font-family: var(--sw-font-display);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: #fff;
  margin-bottom: 12px;
}
.sw-profile__hero p {
  color: #fff8e8;
  font-size: 1.05rem;
  max-width: 42rem;
  margin: 0;
  line-height: 1.6;
}
.sw-profile__grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
}
.sw-profile__card {
  background: #fff;
  border: 1px solid var(--sw-line);
  border-radius: 14px;
  padding: 28px;
  grid-column: span 12;
}
@media (min-width: 768px) {
  .sw-profile__card--half {
    grid-column: span 6;
  }
  .sw-profile__card--third {
    grid-column: span 4;
  }
}
.sw-profile__card h2,
.sw-profile__card h3 {
  font-family: var(--sw-font-display);
  color: var(--sw-text);
  margin-bottom: 12px;
}
.sw-profile__card p,
.sw-profile__card li {
  color: var(--sw-muted);
  line-height: 1.7;
}
.sw-profile__card ul {
  padding-left: 1.1rem;
  margin: 0;
}
.sw-profile__card li + li {
  margin-top: 8px;
}
.sw-profile__stat {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--sw-gold-deep);
  margin-bottom: 4px;
}
.sw-profile__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}
.sw-profile__actions .custom-button {
  min-width: 160px;
  text-align: center;
}
.sw-profile__contact-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 14px;
  color: var(--sw-text);
}
.sw-profile__contact-row i {
  color: var(--sw-gold-deep);
  font-size: 1.25rem;
  margin-top: 2px;
}
.sw-profile__contact-row a {
  color: var(--sw-text);
  font-weight: 600;
}
.sw-profile__contact-row a:hover {
  color: var(--sw-gold-deep);
}