/* ==========================================================================
   Swaraaj Bharti - Brand Theme Layer  (COLOUR / SURFACE ONLY)

   Orange (logo #F95C0F) + Cocoa / Espresso + Warm Cream / Beige.
   Green has been removed from the palette entirely - the logo contains none.

   This layer deliberately contains NO geometry: no width, height, padding,
   margin, font-size, line-height, gap, display, position or transform.
   All sizing and spacing comes from cssnew/style.css so the original
   layout - card heights, section widths, spacing - is preserved exactly.
   Loaded last so it wins on colour only.
   ========================================================================== */
/* ========================================================================
   Swaraaj Bharti reference storefront theme
   Warm cream surfaces, burnt orange actions and deep cocoa navigation.
   This file is intentionally loaded last from Main.master.
   ======================================================================== */

:root {
    --sb-orange: #f45a08;
    --sb-orange-dark: #d94800;
    --sb-orange-soft: #fff0e2;
    --sb-cocoa: #5b2b08;
    --sb-cocoa-2: #7d3a05;
    --sb-ink: #2d1b11;
    --sb-muted: #725f52;
    --sb-cream: #fffaf4;
    --sb-cream-2: #fff3e6;
    --sb-cream-3: #fce5cd;
    --sb-card: #ffffff;
    --sb-line: #ecdac9;
    --sb-shadow: 0 3px 12px rgba(91, 43, 8, .09);
    --sb-shadow-hover: 0 8px 24px rgba(91, 43, 8, .14);
}

body,
body.full-screen-preview {
    background: #fffdf9;
    color: var(--sb-ink);
}

.main-body-section {
    background: #fffdf9;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--sb-ink);
}

a {
    color: var(--sb-cocoa);
}

a:hover {
    color: var(--sb-orange-dark);
}

::selection {
    background: rgba(244, 90, 8, .2);
    color: var(--sb-ink);
}

/* Header ---------------------------------------------------------------- */

.header {
    background: var(--sb-card);
    box-shadow: 0 1px 0 rgba(91, 43, 8, .08);
}

.header-top-section {
    background: linear-gradient(90deg, #ffeedb 0%, #fff8ef 47%, #ffedd8 100%);
    border: 0;
}

.header-top .leftside span,
.header-top-section a,
.header-top-section .contact-text {
    color: var(--sb-ink) !important;
    font-weight: 500;
}

.icontop,
.header-top svg {
    color: var(--sb-cocoa) !important;
    stroke: var(--sb-cocoa) !important;
}

.header-center-section {
    background: rgba(255, 255, 255, .98);
}

.header-center .header-search-btn {
    border: 1px solid #ddd4ce !important;
    border-radius: .7rem !important;
    background: #fff;
    box-shadow: 0 2px 8px rgba(91, 43, 8, .07);
}

.header-center .header-search-btn:focus-within {
    border-color: var(--sb-orange) !important;
    box-shadow: 0 0 0 3px rgba(244, 90, 8, .1);
}

.header-center .header-search-btn .ts-wrapper,
.header-center .header-search-btn .ts-control,
.header-center .header-search-btn input {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.header-center .header-search-btn .ts-control,
.header-center .header-search-btn input {
    color: var(--sb-ink) !important;
}

.header-center .header-search-btn input::placeholder {
    color: #a89b92;
}

.header-center .header-search-btn .shop-btn {
    border-radius: 0 .65rem .65rem 0 !important;
    background: linear-gradient(135deg, var(--sb-orange), var(--sb-orange-dark)) !important;
    box-shadow: none !important;
}

.header-center .header-search-btn .shop-btn svg {
    fill: none !important;
    color: #fff !important;
    stroke: #fff !important;
}

.header-cart-items.desktop a,
.header-cart-items.desktop .list-text,
.header-cart-items.desktop .text-black {
    color: var(--sb-ink) !important;
    font-weight: 500;
}

.header-cart-items.desktop svg,
.header-center .header-cart-items .header-user svg {
    color: var(--sb-cocoa) !important;
    stroke: var(--sb-cocoa) !important;
    fill: none !important;
}

.cart-count {
    border-radius: 50% !important;
    color: #fff !important;
    background: var(--sb-orange) !important;
    box-shadow: 0 2px 5px rgba(217, 72, 0, .25);
}

.trd-multilang-opt,
.currncyfont {
    color: var(--sb-muted);
    border: 1px solid var(--sb-line) !important;
    border-radius: .6rem !important;
    background: #fff;
}

.header-sub-menu,
.header-nav .header-nav-menu .menu-list .header-sub-menu,
.header-nav .header-nav-menu .menu-list .shop-menu,
.ts-dropdown {
    background: #fff;
    border: 1px solid var(--sb-line);
    border-radius: .8rem;
    box-shadow: var(--sb-shadow-hover);
}

.header-sub-menu a:hover,
.ts-dropdown .option:hover,
.ts-dropdown .active {
    color: var(--sb-orange-dark) !important;
    background: var(--sb-orange-soft) !important;
}

.header-bottom {
    background: linear-gradient(90deg, #693000 0%, #8a4100 52%, #9b4b08 100%) !important;
    box-shadow: 0 2px 6px rgba(91, 43, 8, .2);
}

.header-nav .category-menu-section {
    color: var(--sb-ink);
    background: #fff !important;
    border-radius: .7rem !important;
}

.header-nav .category-menu-section .dropdown-icon svg rect,
.header-nav .category-menu-section .drop-down-list-icon svg rect {
    fill: var(--sb-cocoa);
}

.header-nav .category-menu-section .list-text {
    color: var(--sb-ink) !important;
    font-weight: 600;
}

.header-nav .category-menu-section .category-dropdown {
    background: #fff;
    border: 1px solid var(--sb-line);
    border-top: 0;
    border-radius: 0 0 .8rem .8rem;
    box-shadow: var(--sb-shadow-hover);
}

.header-nav .category-menu-section .category-dropdown .category-list-item {
    background: #fff;
    border-color: var(--sb-line);
}

.header-nav .category-menu-section .category-dropdown .category-list-item:hover {
    background: var(--sb-orange-soft) !important;
}

.header-nav .category-menu-section .category-dropdown .category-list-item:hover .dropdown-text {
    color: var(--sb-orange-dark) !important;
}

.header-nav > .shop-btn {
    color: #fff;
    font-weight: 600;
    background: linear-gradient(135deg, #fb6a16, #ec4e02) !important;
    border-radius: .7rem;
    box-shadow: 0 4px 12px rgba(72, 23, 0, .22);
}

/* Common buttons and controls ------------------------------------------- */

.shop-btn,
.checkout-btn,
.cart-btn .checkout-btn,
.review-form .shop-btn,
.form-btn .shop-btn {
    color: #fff;
    background: linear-gradient(135deg, var(--sb-orange), var(--sb-orange-dark));
    border: 0;
    border-radius: .7rem;
    box-shadow: 0 5px 14px rgba(217, 72, 0, .2);
}

.shop-btn::after {
    background: var(--sb-cocoa);
}

.shop-btn:hover, .checkout-btn:hover {
    color: #fff;
}

input[type=checkbox],
input[type=radio] {
    accent-color: var(--sb-orange);
}

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=search],
select,
textarea,
.form-control,
.ts-control {
    color: var(--sb-ink);
    background: #fff;
    border-color: var(--sb-line) !important;
    border-radius: .7rem;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.ts-control:focus-within {
    border-color: var(--sb-orange) !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(244, 90, 8, .1) !important;
}

/* Hero ------------------------------------------------------------------ */

.hero {
    background: var(--sb-cream) !important;
}

.hero-section .hero-slide .hero-wrapper-slide .wrapper-img img,
.hero-section .home-coming-slide .wrapper-img img {
    border-radius: 0;
}

.hero .swiper-pagination-bullet {
    border-radius: 1rem;
    background: #c8c3bf;
    opacity: 1;
}

.hero .swiper-pagination-bullet-active {
    background: var(--sb-orange);
}

/* Homepage offer sections ----------------------------------------------- */

.product.fresh,
.product.top-selling {
    background: #fffdf9 !important;
}

.fresh .section-title h3,
.top-selling .section-title h3 {
    color: var(--sb-ink);
    font-weight: 700;
}

.fresh .button-48,
.top-selling .button-48 {
    color: var(--sb-orange-dark) !important;
    font-weight: 600;
    background: transparent;
}

.fresh .button-48:hover,
.top-selling .button-48:hover {
    color: var(--sb-cocoa) !important;
}

.fresh-section .row,
.top-selling-section .row {
    --bs-gutter-x: 3.2rem;
    --bs-gutter-y: 1rem;
}

[data-aos] {
    opacity: 1 !important;
}

.fresh .product-wrapper,
.top-selling .product-wrapper {
    background: #fff;
    border: 1px solid var(--sb-line) !important;
    border-radius: .8rem !important;
    box-shadow: var(--sb-shadow);
}

.fresh .product-wrapper:hover,
.top-selling .product-wrapper:hover {
    border-color: #f2c9a9 !important;
    box-shadow: var(--sb-shadow-hover);
}

.fresh .product-wrapper .product-img,
.top-selling .product-wrapper .product-img {
    background: #f8f1e9;
}

.fresh .product-details,
.top-selling .product-details {
    color: #1f1712 !important;
    font-weight: 500;
}

.fresh .price .price-cut,
.top-selling .price .price-cut {
    color: #241b16 !important;
    font-weight: 500;
}

.fresh .qty-cart,
.top-selling .qty-cart {
    border: 0 !important;
    border-radius: 2rem;
    background: transparent !important;
}

.fresh .pcspara,
.top-selling .pcspara {
    color: #6f625a;
    font-weight: 400;
}

.fresh .qty-btn,
.top-selling .qty-btn {
    color: #6c5a4f;
    border: 0;
    border-radius: 50%;
    background: #e6e3e0 !important;
    box-shadow: none;
}

.fresh .qty-btn.plus,
.top-selling .qty-btn.plus {
    color: #fff;
    background: #9c7b64 !important;
}

.fresh .qty-input,
.top-selling .qty-input {
    color: #3d3028;
    border: 0 !important;
    box-shadow: none !important;
}

.fresh .product-cart-btn .product-btn,
.top-selling .product-cart-btn .product-btn {
    color: var(--sb-orange-dark);
    font-weight: 600;
    border: 0;
    border-radius: .6rem;
    background: #ffead7;
    box-shadow: none;
}

.fresh .product-cart-btn .product-btn svg,
.top-selling .product-cart-btn .product-btn svg {
    color: var(--sb-orange);
    stroke: var(--sb-orange);
    fill: none;
}

.fresh .product-cart-btn .btn-text,
.top-selling .product-cart-btn .btn-text {
}

.fresh .product-cart-btn .product-btn:hover,
.top-selling .product-cart-btn .product-btn:hover {
    color: #fff;
    background: var(--sb-orange);
}

.fresh .product-cart-btn .product-btn:hover svg,
.top-selling .product-cart-btn .product-btn:hover svg {
    color: #fff;
    stroke: #fff;
}

/* Shared store components ------------------------------------------------ */

.product-wrapper {
    background: #fff;
    border-color: var(--sb-line);
    border-radius: .8rem;
    box-shadow: var(--sb-shadow);
}

.product-wrapper:hover {
    border-color: #f2c9a9;
    box-shadow: var(--sb-shadow-hover);
}

.product-wrapper .product-details,
.heading,
.table-heading {
    color: var(--sb-ink);
}

.price .new-price,
.product-price,
.order-summery .total .price {
    color: var(--sb-orange-dark) !important;
}

.price .price-cut,
.mrp-price,
.paragraph,
.shop-account,
.form-label {
    color: var(--sb-muted) !important;
}

.product-btn,
.product-wrapper .product-cart-btn .product-btn {
    color: var(--sb-orange-dark);
    background: var(--sb-orange-soft);
    border: 1px solid #f6d4b9;
    border-radius: .7rem;
}

.product-btn svg {
    color: var(--sb-orange);
    fill: var(--sb-orange);
}

.product-btn:hover {
    color: #fff;
    background: var(--sb-orange);
}

.qty-cart {
    background: #fff7ef;
    border-color: var(--sb-line);
}

.qty-btn {
    background: var(--sb-cocoa-2);
}

.discclass {
    color: #fff !important;
    background: linear-gradient(135deg, var(--sb-orange), var(--sb-orange-dark));
}

.section-title h3 {
    color: var(--sb-ink);
}

.page-title,
.page-title-banner,
.breadcrumb-section,
.feature-strip,
.welcome-card,
.category-section,
.product.top-selling {
    background-color: var(--sb-cream-2);
}

.review-form,
.login-section,
.account-section,
.checkout,
.order-summery,
.seller-info,
.question-section,
.cart-section,
.table-row,
.modal-main,
.offcanvas,
.dropdown-menu,
.cart-submenu {
    border-color: var(--sb-line) !important;
    border-radius: .8rem;
    background-color: #fff;
    box-shadow: var(--sb-shadow);
}

.table-row,
.cart-grey-bg,
.faq-accordion .faq-item .faq-button,
.user-dashboard .nav-content .seller-info {
    background-color: #fff7ef !important;
}

table thead,
.cart-top,
.table-heading {
    color: var(--sb-ink);
}

.faq-accordion .faq-item .faq-button:not(.collapsed),
.faq-accordion .faq-item .accordion-collapse {
    color: #fff;
    background: var(--sb-cocoa) !important;
}

.user-dashboard .nav-item .nav-link.active .text,
.user-dashboard .nav-item .nav-link.active svg,
.checkbox .forget-pass p,
.verified {
    color: var(--sb-orange-dark) !important;
    fill: var(--sb-orange-dark) !important;
}

/* Footer ---------------------------------------------------------------- */

.newsletter-footer,
.site-footer {
    background: var(--sb-cream-2) !important;
}

.newsletter-footer {
    border: 1px solid #f1d9c1;
    border-bottom: 0;
    border-radius: 1.1rem 1.1rem 0 0;
}

.newsletter-footer .footer-top-section {
    background: #fff4e8 url("../images/newsletter-botanical-v3.png") no-repeat center bottom / cover !important;
}

.newsletter-footer .footer-top-section .wrapper .wrapper-title {
    color: var(--sb-cocoa);
    font-weight: 700;
}

.newsletter-footer .footer-top-section .wrapper .wrapper-title .inner-title {
    color: var(--sb-orange);
}

.newsletter-footer .footer-top-section .wrapper .footer-btn {
    border: 1px solid #e4d5ca;
    border-radius: .55rem;
    background: #fff;
    box-shadow: 0 2px 9px rgba(91, 43, 8, .09);
}

.newsletter-footer .footer-btn input {
    color: var(--sb-ink);
}

.newsletter-footer .footer-btn input::placeholder {
    color: #66584e !important;
}

.newsletter-footer .footer-btn .shop-btn {
    color: #fff !important;
    background: linear-gradient(135deg, var(--sb-orange), var(--sb-orange-dark)) !important;
    border-radius: 0 .5rem .5rem 0 !important;
}

.site-footer {
    border: 1px solid #f1d9c1;
    border-top: 0;
    border-radius: 0 0 1.1rem 1.1rem;
    background: linear-gradient(180deg, #fff9f3 0%, #fff4e9 100%) !important;
}

.site-footer .footer-center-section .row {
    --bs-gutter-y: 1rem;
}

.site-footer .footer-order > .logo img {
    filter: none !important;
}

.site-footer .footer-center-section .footer-heading {
    color: var(--sb-cocoa);
    font-weight: 700;
}

.site-footer .footer-center-section .footer-link a,
.site-footer .footer-center-section .footer-link p,
.site-footer .footer-app-col .footer-app-description {
    color: #6b5444;
    font-weight: 400;
}

.site-footer .footer-center-section .footer-link a:hover {
    color: var(--sb-orange-dark);
}

.site-footer .footer-apk-button {
    color: var(--sb-cocoa);
    border: 1px solid #efcfb2;
    border-radius: .7rem;
    background: #fff9f2;
    box-shadow: 0 2px 7px rgba(91, 43, 8, .06);
}

.site-footer .footer-apk-icon {
    color: var(--sb-orange);
}

.site-footer .footer-apk-label small {
    color: #8b7464;
}

.site-footer .footer-apk-label strong {
    color: var(--sb-cocoa);
}

.site-footer > .footer-center > .container > .text-center p {
    color: #a28c7e;
}

@media (max-width: 991px) {
    .header-center-section {
        background: #fff;
    }

    .mobile-menu {
        background: #fff;
        border-bottom: 1px solid var(--sb-line);
    }

    .mobile-menu-header .btn,
    .mobile-menu-header svg {
        color: var(--sb-cocoa) !important;
        stroke: var(--sb-cocoa) !important;
    }

    .feature-strip {
        border-color: var(--sb-line);
        background: var(--sb-cream-2);
    }

}

@media (max-width: 767px) {
    .hero-section .hero-slide .hero-wrapper-slide .wrapper-img img,
    .hero-section .home-coming-slide .wrapper-img img {
        border-radius: 0 !important;
    }

    .fresh-section .row,
    .top-selling-section .row {
        --bs-gutter-x: 1.4rem;
        --bs-gutter-y: 1.4rem;
    }

    .newsletter-footer .footer-top-section {
        background-position: 38% bottom !important;
    }

}


/* Card hover lift - visual only, does not affect static layout. */
.product-wrapper {
    transition: border-color .25s, box-shadow .25s, transform .25s;
}

    .product-wrapper:hover {
        transform: translateY(-2px);
    }