/*
  TwinCats National Day identity, 23–30 Sep (Asia/Riyadh).
  Green chrome, gold rule, light field. Icon glyphs stay dark on white discs.
*/

body.tc-nd-skin {
    --tc-primary: #006c35;
    --tc-primary-dark: #004d28;
    --tc-primary-soft: #e7f5ec;
    --tc-accent: #c6a15b;
    --tc-cta: #006c35;
    --tc-cta-hover: #004d28;
    --tc-focus: #006c35;
    --tc-ink: #1c1915;
    --tc-bg: #f6f3ec;
    --tc-surface: #ffffff;
    --nd-green: #0c6a3c;
    --nd-green-deep: #084e2c;
    --nd-gold: #c6a15b;
    --nd-ink: #123528;
    --primary-color: #006c35;
    --primary-dark: #004d28;
    --primary-lighter: #e7f5ec;
    --secondary-color: #c6a15b;
    --bg-gray: #f6f3ec;
    background-color: #f6f3ec;
    background-image:
        radial-gradient(980px 520px at 100% -6%, rgba(12, 106, 60, 0.09), transparent 60%),
        radial-gradient(760px 460px at 0% 18%, rgba(198, 161, 91, 0.12), transparent 56%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cpath d='M36 4 L44 36 L36 68 L28 36 Z' fill='none' stroke='%230c6a3c' stroke-opacity='.045' stroke-width='1'/%3E%3C/svg%3E");
    background-attachment: fixed;
}

body.tc-nd-skin .tc-top-marquee,
body.tc-nd-skin .tc-mobile-marquee {
    background: var(--nd-green-deep) !important;
    color: #fff !important;
    border-bottom: 0;
}

body.tc-nd-skin .tc-top-marquee .tc-marquee-item,
body.tc-nd-skin .tc-mobile-marquee .tc-marquee-item,
body.tc-nd-skin .tc-top-marquee .tc-marquee-item i,
body.tc-nd-skin .tc-mobile-marquee .tc-marquee-item i {
    color: #fff !important;
}

body.tc-nd-skin .tc-marquee-item--nd {
    color: #f6e7c1 !important;
    font-weight: 700;
    letter-spacing: 0.01em;
}

body.tc-nd-skin .tc-marquee-item--nd i {
    color: var(--nd-gold) !important;
}

/* Green header. Controls stay white so glyphs stay dark. */
body.tc-nd-skin .site-header #mainNavbar.navbar,
body.tc-nd-skin #mainNavbar.navbar-light.bg-white {
    background: var(--nd-green) !important;
    box-shadow: none !important;
    border-bottom: 2px solid var(--nd-gold) !important;
}

body.tc-nd-skin #mainNavbar .header-logo-img {
    width: 72px !important;
    max-width: 72px !important;
    height: auto !important;
    background: #fff;
    border-radius: 16px;
    padding: 4px 8px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}

@media (min-width: 992px) {
    body.tc-nd-skin #mainNavbar .header-logo-img {
        width: 92px !important;
        max-width: 92px !important;
    }
}

body.tc-nd-skin #mainNavbar .header-icon-link,
body.tc-nd-skin #mainNavbar .btn-icon-modern,
body.tc-nd-skin #mainNavbar .lang-toggle-btn {
    color: var(--nd-ink) !important;
    background: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
}

body.tc-nd-skin #mainNavbar .header-icon-link i,
body.tc-nd-skin #mainNavbar .btn-icon-modern i,
body.tc-nd-skin #mainNavbar .lang-toggle-label {
    color: var(--nd-ink) !important;
}

body.tc-nd-skin #mainNavbar .header-icon-link:hover,
body.tc-nd-skin #mainNavbar .btn-icon-modern:hover,
body.tc-nd-skin #mainNavbar .lang-toggle-btn:hover {
    color: var(--nd-green) !important;
    background: #f6e7c1 !important;
}

body.tc-nd-skin #mainNavbar .header-icon-link:hover i,
body.tc-nd-skin #mainNavbar .btn-icon-modern:hover i,
body.tc-nd-skin #mainNavbar .lang-toggle-btn:hover .lang-toggle-label {
    color: var(--nd-green-deep) !important;
}

body.tc-nd-skin #mainNavbar .tc-header-location {
    color: var(--nd-ink) !important;
    background: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 999px;
    padding: 0.28rem 0.75rem;
}

body.tc-nd-skin #mainNavbar .tc-header-location__label,
body.tc-nd-skin #mainNavbar .tc-header-location i {
    color: var(--nd-ink) !important;
}

body.tc-nd-skin #mainNavbar .search-form-center--header .tc-search-widget,
body.tc-nd-skin #mainNavbar .search-form-center--header .search-wrapper {
    background: #fff !important;
    border-color: transparent !important;
}

body.tc-nd-skin #mainNavbar .search-input-modern {
    color: #1c1915 !important;
    background: transparent !important;
}

body.tc-nd-skin #mainNavbar .search-input-modern::placeholder {
    color: #6f6257 !important;
}

body.tc-nd-skin #mainNavbar .btn-search-modern {
    background: var(--nd-green-deep) !important;
    color: #fff !important;
}

body.tc-nd-skin #mainNavbar .btn-search-modern:hover {
    background: #06381f !important;
}

/* Category row: same green family, full-strength icons */
body.tc-nd-skin .tc-chipbar--categories {
    background: #0a5c34 !important;
    border-block-end: 0 !important;
    box-shadow: none !important;
}

body.tc-nd-skin .tc-chipbar--categories .tc-catnav__link {
    color: #fff !important;
}

body.tc-nd-skin .tc-chipbar--categories .tc-catnav__link:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

body.tc-nd-skin .tc-chipbar--categories .tc-catnav__item.is-open > .tc-catnav__link,
body.tc-nd-skin .tc-chipbar--categories .tc-catnav__link.active {
    background: rgba(198, 161, 91, 0.22) !important;
    color: #f6e7c1 !important;
}

body.tc-nd-skin .tc-chipbar--categories .tc-chip__icon,
body.tc-nd-skin .tc-chipbar--categories .tc-catnav__link i {
    color: #fff !important;
}

body.tc-nd-skin .tc-chipbar--categories .tc-chip__icon--vip,
body.tc-nd-skin .tc-chipbar--categories .tc-catnav__link.active i,
body.tc-nd-skin .tc-chipbar--categories .tc-catnav__item.is-open > .tc-catnav__link i {
    color: #f6e7c1 !important;
}

body.tc-nd-skin .hero-carousel .carousel,
body.tc-nd-skin .hero-carousel-shell .carousel {
    box-shadow: 0 0 0 1px rgba(198, 161, 91, 0.55), 0 16px 40px rgba(8, 78, 44, 0.08);
}

body.tc-nd-skin .hero-carousel .top-banner-slide,
body.tc-nd-skin .hero-carousel .carousel-item.banner-fit-contain,
body.tc-nd-skin .hero-carousel .hero-framed-slide {
    --banner-bg: #0c6a3c;
    background-color: #0c6a3c !important;
}

body.tc-nd-skin .footer,
body.tc-nd-skin .footer.footer-modern {
    background:
        radial-gradient(circle at 88% 0%, rgba(198, 161, 91, 0.14), transparent 34%),
        #084e2c !important;
    border-top: 2px solid var(--nd-gold) !important;
}

body.tc-nd-skin .footer-title::after {
    background: var(--nd-gold) !important;
}

body.tc-nd-skin .mobile-bottom-nav {
    background: #fff !important;
    border-top: 2px solid var(--nd-gold) !important;
    border-color: rgba(12, 106, 60, 0.12) !important;
    box-shadow: 0 -10px 28px rgba(8, 78, 44, 0.08) !important;
}

body.tc-nd-skin .bottom-nav-item,
body.tc-nd-skin .bottom-nav-item i {
    color: #3d4a42 !important;
}

body.tc-nd-skin .bottom-nav-item.active,
body.tc-nd-skin .bottom-nav-item.active i {
    color: var(--nd-green) !important;
    background: #e7f5ec !important;
}

body.tc-nd-skin .pol-whatsapp {
    background: var(--nd-green) !important;
    box-shadow: 0 12px 28px rgba(12, 106, 60, 0.28) !important;
}

body.tc-nd-skin .btn-primary,
body.tc-nd-skin .btn-add-to-cart,
body.tc-nd-skin .tc-pill-cta {
    background: var(--tc-cta) !important;
    border-color: var(--tc-cta) !important;
    color: #fff !important;
}

body.tc-nd-skin .btn-primary:hover,
body.tc-nd-skin .btn-add-to-cart:hover,
body.tc-nd-skin .tc-pill-cta:hover {
    background: var(--tc-cta-hover) !important;
    border-color: var(--tc-cta-hover) !important;
}

/* Sale price green. Struck price stays muted. */
body.tc-nd-skin {
    --tc-price-sale: #0c6a3c;
}

body.tc-nd-skin .tc-card__price,
body.tc-nd-skin .tc-card__price .money-amount,
body.tc-nd-skin .product-price .price,
body.tc-nd-skin .product-price .money-amount,
body.tc-nd-skin .product-price-current,
body.tc-nd-skin .price-current,
body.tc-nd-skin .package-price-current,
body.tc-nd-skin .package-price-new {
    color: #0c6a3c !important;
    background: none !important;
    -webkit-text-fill-color: #0c6a3c !important;
}

body.tc-nd-skin .tc-card__was,
body.tc-nd-skin .tc-card__was .money-amount,
body.tc-nd-skin .product-price .original-price,
body.tc-nd-skin .product-old-price,
body.tc-nd-skin .product-old-price .money-amount,
body.tc-nd-skin .price-old,
body.tc-nd-skin .price-old .money-amount {
    color: #8a7d72 !important;
    background: none !important;
    -webkit-text-fill-color: #8a7d72 !important;
}

/* Discount and New chips above the product. Stock warnings stay as they are. */
body.tc-nd-skin .product-badge-sale,
body.tc-nd-skin .product-badge-new,
body.tc-nd-skin .offer-badge,
body.tc-nd-skin .package-badge-discount,
body.tc-nd-skin .product-card .badge.bg-danger,
body.tc-nd-skin .product-card .badge.bg-warning {
    background: #0c6a3c !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}