/*your custom css goes here*/ 

/* ============================================
   FRAUNCES FONT FOR HEADINGS
   To revert: Delete everything between START and END markers
   ============================================ */

/* --- START FRAUNCES FONT STYLES --- */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Fraunces', Georgia, 'Times New Roman', serif;
    font-optical-sizing: auto;
}

/* Optional: Apply to specific prominent elements */
.product-title,
.section-title,
.page-title,
.hero-title,
.brand-name {
    font-family: 'Fraunces', Georgia, 'Times New Roman', serif;
}

/* --- END FRAUNCES FONT STYLES --- */ 

/* ============================================
   LIGHT BLUE RADIO BUTTONS & CHECKBOXES
   Changes red primary color to light blue for form elements
   ============================================ */

/* Radio button inner circle - light blue */
.aiz-rounded-check:after {
    background: #5bc0de !important;
}

/* Checkbox tick - light blue */
.aiz-square-check:after {
    border-color: #5bc0de !important;
}

/* Megabox border when selected - light blue */
.aiz-megabox>input:checked~.aiz-megabox-elem,
.aiz-megabox>input:checked~.aiz-megabox-elem.border-transparent {
    border-color: #5bc0de !important;
}

/* Address selection radio buttons */
.address-selection input[type="radio"]:checked + label,
.aiz-radio>input:checked~.aiz-rounded-check:after {
    background: #5bc0de !important;
}

/* --- END LIGHT BLUE STYLES --- */

/* ============================================
   VIEW CART BUTTON - Light Blue
   ============================================ */

/* View Cart button in cart dropdown */
.btn-primary,
a.btn-primary,
button.btn-primary {
    background-color: #5bc0de !important;
    border-color: #5bc0de !important;
}

.btn-primary:hover,
a.btn-primary:hover,
button.btn-primary:hover {
    background-color: #46b8da !important;
    border-color: #46b8da !important;
}

/* --- END VIEW CART BUTTON STYLES --- */

/* ============================================
   SECONDARY BASE BUTTON (Change, etc.) - Light Blue
   ============================================ */

.btn-secondary-base,
a.btn-secondary-base,
button.btn-secondary-base {
    background-color: #5bc0de !important;
    border-color: #5bc0de !important;
}

.btn-secondary-base:hover,
a.btn-secondary-base:hover,
button.btn-secondary-base:hover {
    background-color: #46b8da !important;
    border-color: #46b8da !important;
}

/* --- END SECONDARY BASE BUTTON STYLES --- */

/* ============================================
   LINKS - Light Blue (Terms, Return to shop, etc.)
   ============================================ */

/* All text links with primary/secondary color */
a.text-primary,
.text-primary a,
a.text-secondary-base,
.text-secondary-base {
    color: #5bc0de !important;
}

a.text-primary:hover,
.text-primary a:hover,
a.text-secondary-base:hover,
.text-secondary-base:hover {
    color: #46b8da !important;
}

/* Return to shop and outline buttons */
.btn-outline-primary,
a.btn-outline-primary {
    color: #5bc0de !important;
    border-color: #5bc0de !important;
}

.btn-outline-primary:hover,
a.btn-outline-primary:hover {
    background-color: #5bc0de !important;
    border-color: #5bc0de !important;
    color: #fff !important;
}

/* Generic links in checkout/cart */
a[href*="terms"],
a[href*="return-policy"],
a[href*="privacy-policy"],
a[href*="returnpolicy"],
a[href*="privacypolicy"] {
    color: #5bc0de !important;
}

a[href*="terms"]:hover,
a[href*="return-policy"]:hover,
a[href*="privacy-policy"]:hover {
    color: #46b8da !important;
}

/* --- END LINKS STYLES --- */

/* ============================================
   LINK BUTTONS (Return to shop, etc.) - Light Blue
   ============================================ */

.btn-link,
a.btn-link {
    color: #5bc0de !important;
}

.btn-link:hover,
a.btn-link:hover {
    color: #46b8da !important;
}

/* --- END LINK BUTTONS STYLES --- */ 

/* ============================================
   TEXT CAPITALIZATION FOR FRONTEND ELEMENTS
   Ensures first letter of each word is capitalized
   ============================================ */

/* Policy section in footer */
.policy-file h4 {
    text-transform: capitalize !important;
}

/* Footer widget titles */
.footer-widget h4,
.footer-widget h5,
section.footer-widget h4,
section.footer-widget h5 {
    text-transform: capitalize !important;
}

/* Common titles and headings */
.section-title,
.widget-title,
.card-title {
    text-transform: capitalize !important;
}

/* Preserve uppercase where explicitly set */
.text-uppercase {
    text-transform: uppercase !important;
}

/* --- END TEXT CAPITALIZATION STYLES --- */

/* ============================================
   HOME BANNER SLIDER - sidebar + banner (classic homepage)
   ============================================ */

header {
    margin-bottom: 0 !important;
}

header .bottom-background-color-visibility {
    margin-bottom: 0 !important;
}

/* Category sidebar flush under header "Categories"; gap only on banner slider */
header ~ .home-banner-area {
    margin-top: 0 !important;
}

.home-banner-area {
    background-color: #fff;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: normal;
}

/* Single gap between banner block and Featured Categories (no double margins) */
#todays_deal:empty {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    display: none !important;
}

#todays_deal:not(:empty) {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

/* Fixed spacer: banner → Featured Categories (always visible, no margin collapse) */
.banner-to-featured-gap {
    display: block !important;
    height: 60px !important;
    min-height: 60px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    clear: both !important;
}

section.home-featured-categories {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    padding-top: 0 !important;
}

/* No double gap: Featured Categories → promo banners (local style) */
section.home-featured-categories + div,
section.home-featured-categories + section {
    margin-top: 0 !important;
}

/* Featured category sub-links: tight stack like local */
.home-featured-categories .category-children-container p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
}

.home-featured-categories .category-children-container p + p {
    margin-top: 2px !important;
}

.home-banner-area .home-banner-row,
.home-banner-area .home-slider,
.home-banner-area .aiz-category-menu {
    line-height: normal;
}

.home-banner-area > .container {
    padding-top: 0 !important;
}

.home-banner-area .home-banner-row {
    margin-top: 0 !important;
}

.home-banner-area #category-sidebar {
    border-top: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.home-banner-area #category-sidebar .categories > .category-nav-element:first-child {
    border-top: 0 !important;
    margin-top: 0 !important;
}

@media (min-width: 992px) {
    .aiz-top-menu-sidebar.d-lg-none {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media (max-width: 1199px) {
    .home-banner-area {
        margin-top: 22px !important;
    }
}

/* Hero banner: full image visible, aspect ratio preserved, responsive */
.home-banner-area .home-slider .aiz-carousel,
.home-banner-area .home-slider .slick-slider,
.home-banner-area .home-slider .slick-list,
.home-banner-area .home-slider .slick-track,
.home-banner-area .home-slider .slick-slide,
.home-banner-area .home-slider .slick-slide > div,
.home-banner-area .home-slider .carousel-box,
.home-banner-area .home-slider .carousel-box > a {
    height: auto !important;
    max-height: none !important;
}

.home-banner-area .home-slider .slick-slider .slick-list .slick-slide {
    line-height: normal !important;
}

.home-banner-area .home-slider .carousel-box img,
.home-banner-area .home-slider .home-banner-img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
}

@media (min-width: 1200px) {
    .home-banner-area > .container,
    .home-banner-area .home-banner-row {
        overflow: visible !important;
    }

    .home-banner-area .home-banner-row {
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
    }

    /* Override aiz-core calc(100% - 270px) — sidebar already takes 270px in flex row */
    .home-banner-area .home-banner-row > .home-slider {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 22px !important;
        height: auto !important;
        overflow: visible !important;
    }

    .home-banner-area .home-slider .aiz-carousel,
    .home-banner-area .home-slider .slick-slider {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* --- END HOME BANNER SLIDER STYLES --- */