/*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 --- */