/* *****************************************************
    ** Custom Stylesheet **
    Any custom styling you want to apply should be
    defined here.
***************************************************** */

/* Custom CSS for Nexus Cart
 *
 * This block allows you to customize theme colors and styles for the entire Nexus Cart template.
 *
 * To customize colors:
 * - Replace the var() references with your own hex colors or other CSS values.
 * - For example, instead of --primary: #4b5563; use --primary: #your-color;
 * - You can also override any CSS properties here.
 */

/*html {*/
/*    font-size: 14px;*/
/*}*/

/*:root {*/
/*    --white: #fff;*/

    /* Neutral shades */
/*    --neutral-50: #fbf9fa;*/
/*    --neutral-100: #f4f5f7;*/
/*    --neutral-200: #e4e4e7;*/
/*    --neutral-300: #d0d5dd;*/
/*    --neutral-400: #9ca3af;*/
/*    --neutral-500: #6b7280;*/
/*    --neutral-600: #4b5563;*/
/*    --neutral-700: #374151;*/
/*    --neutral-800: #1f2937;*/
/*    --neutral-900: #111827;*/
/*    --neutral-950: #030712;*/

    /* Neutral shades */
    /* define own pallet with brand colors */
/*    --primary-50: var(--neutral-50);*/
/*    --primary-100: var(--neutral-100);*/
/*    --primary-200: var(--neutral-200);*/
/*    --primary-300: var(--neutral-300);*/
/*    --primary-400: var(--neutral-400);*/
/*    --primary-500: var(--neutral-500);*/
/*    --primary-600: var(--neutral-600);*/
/*    --primary-700: var(--neutral-700);*/
/*    --primary-800: var(--neutral-800);*/
/*    --primary-900: var(--neutral-900);*/
/*    --primary-950: var(--neutral-900);*/

    /* Primary colors */
    /* Use shades from comments if `primary` colors use other colors, then neutral */
    --primary: var(--neutral-900);          /* var(--primary-600) */
    --primary-lifted: var(--neutral-800);   /* var(--primary-700) */
    --primary-accented: var(--neutral-700); /* var(--primary-800) */

    /* Secondary colors */
/*    --secondary: var(--neutral-500);*/
/*    --secondary-lifted: var(--neutral-600);*/
/*    --secondary-accented: var(--neutral-700);*/

    /* Success colors */
/*    --success: #00a63e;*/
/*    --success-lifted: #008236;*/
/*    --success-accented: #016630;*/

    /* Info colors */
/*    --info: #155dfc;*/
/*    --info-lifted: #1447e6;*/
/*    --info-accented: #193cb8;*/

    /* Notice colors */
/*    --notice: #7f22fe;*/
/*    --notice-lifted: #7008e7;*/
/*    --notice-accented: #5d0ec0;*/

    /* Warning colors */
/*    --warning: #f54a00;*/
/*    --warning-lifted: #ca3500;*/
/*    --warning-accented: #9f2d00;*/

    /* Error colors */
/*    --error: #e7000b;*/
/*    --error-lifted: #c10007;*/
/*    --error-accented: #9f0712;*/

    /* Grayscale colors */
/*    --grayscale: var(--neutral-900);*/
/*    --grayscale-lifted: var(--neutral-800);*/
/*    --grayscale-accented: var(--neutral-700);*/

    /* Neutral colors */
/*    --neutral: var(--neutral-500);*/
/*    --neutral-lifted: var(--neutral-600);*/
/*    --neutral-accented: var(--neutral-700);*/

    /* Text neutral colors */
/*    --text-inverted: var(--white);*/
/*    --text-muted: var(--neutral-400);*/
/*    --text-lifted: var(--neutral-500);*/
/*    --text-accented: var(--neutral-600);*/
/*    --text: var(--neutral-900);*/

    /* Border neutral colors */
/*    --border-muted: var(--neutral-200);*/
/*    --border: var(--neutral-300);*/
/*    --border-lifted: var(--neutral-400);*/
/*    --border-accented: var(--neutral-600);*/

    /* Background neutral colors */
/*    --bg: var(--white);*/
/*    --bg-muted: var(--neutral-50);*/
/*    --bg-lifted: var(--neutral-100);*/
/*    --bg-accented: var(--neutral-200);*/
/*    --bg-inverted: var(--neutral-900);*/

    /* Additional colors */
/*    --yellow-200: #fff085;*/
/*    --yellow-300: #ffdf20;*/
/*    --teal-300: #46edd5;*/
/*    --teal-400: #00d5be;*/
/*    --emerald-300: #5ee9b5;*/
/*    --pink-400: #fb64b6;*/

    /* Additional custom properties */
    /* Font sizes */
/*    --text-xs: 0.625rem;*/
/*    --text-sm: 0.75rem;*/
/*    --text-md: 0.875rem;*/
/*    --text-lg: 1rem;*/

    /* Spacing */
/*    --outline-sm: 1px;*/
/*    --outline-md: 2px;*/
/*    --outline-lg: 3px;*/

    /* Rounding */
/*    --rounding-sm: 0.25rem;*/
/*    --rounding-md: 0.5rem;*/
/*    --rounding-lg: 0.75rem;*/

    /* Other */
/*    --letter-spacing: 0em;*/
/*    --disabled-opacity: 25%;*/
/*}*/


/*This will make order summary 100% @ >=991px*/
@media only screen and (max-width: 1199px) {
    #order-standard_cart .cart-sidebar {
        display: none;
    }
    #order-standard_cart .cart-body {
        width: 100%;
        float: none;
    }

    #order-standard_cart .secondary-cart-body {
        width: 69%;
    }
    #order-standard_cart .secondary-cart-sidebar {
        width: 31%;
    }
}

@media only screen and (max-width: 991px) {
    #order-standard_cart .secondary-cart-body {
        width: 100%;
        float: none;
    }
    #order-standard_cart .secondary-cart-sidebar {
        width: 100%;
    }
}

@media only screen and (max-width: 575px) {
    #order-standard_cart .secondary-cart-sidebar {
        width: 100%;
    }
}
@media (max-width: 991.98px) {
    .main-content {
        padding-block-start: 0rem !important;
    }
}
/* Equal-height cards across the row */
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.row-eq-height > [class*='col-'] {
    display: flex;
}
.row-eq-height .product {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Optional: give highlight box a consistent height */
.highlights-section {
    min-height: 80px; /* tweak based on longest text */
    display: flex;
    align-items: center;
}
.product-block {
    max-width: 100%; /* or whatever width you want */
    width: 100%;      /* ensures it shrinks on small screens */
    margin: 0 auto;   /* center horizontally */
}

 .dashicons:before {
    font-family: "Dashicons";
    content: "\f120"; /* WordPress icon */
}

.equal-height .card {
    height: 100%;
}

/* Ensure all columns flexibly stretch */
.row.justify-content-center > [class*="col-"],
.row > .col-xl-3,
.row > .col-sm-6 {
    display: flex;
}

/* Make columns flex containers so cards stretch */
.row > [class*="col-"]:not(.col-lg-7) {
    display: flex;
    flex-direction: column;
}

/* Make card a proper flex item with explicit sizing */
.row > [class*="col-"] .card {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto; /* critical: defines its flexibility */
    min-height: 0;  /* prevents children overflow in flex context */
    margin-bottom: 1.5rem; /* restores spacing between rows */
}

/* Maintain vertical push for card content */
.card .card-body {
    display: flex;
    flex-direction: column;
}
.card .card-body p.flex-grow-1 {
    flex: 1 0 auto;
}
.card .card-body .mt-auto {
    margin-top: auto !important;
}

/* Push the button or footer to the bottom of the card body */
.card .card-body {
    display: flex;
    flex-direction: column;
}
.card .card-body p.flex-grow-1 {
    flex: 1 0 auto;
}
.card .card-body .mt-auto {
    margin-top: auto !important;
}

.grecaptcha-badge {
    z-index: 9999999 !important;   /* make sure it’s on top of everything */
    /*position: fixed !important;   /* keeps it pinned to viewport */
    /*bottom: 10px !important;      /* distance from bottom */
    /*right: 10px !important;       /* distance from right */
}

body {
  min-width: 360px !important; /* modern safe mobile width */
}