.elementor-kit-13990{--e-global-color-primary:#F09348;--e-global-color-secondary:#F34312;--e-global-color-text:#111111;--e-global-color-accent:#0B6C73;--e-global-color-kadence1:#2B6CB0;--e-global-color-kadence2:#215387;--e-global-color-kadence3:#1A202C;--e-global-color-kadence4:#2D3748;--e-global-color-kadence5:#4A5568;--e-global-color-kadence6:#718096;--e-global-color-kadence7:#EDF2F7;--e-global-color-kadence8:#F7FAFC;--e-global-color-kadence9:#ffffff;--e-global-color-044faf6:#FFF7F0;--e-global-color-1100684:#6B6B6B;--e-global-color-4168ca4:#E8DED6;--e-global-color-adb6291:#FFFFFF;--e-global-color-fda8036:#1E1E1E;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-13990.el-is-editing{--global-palette1:#2B6CB0;--global-palette2:#215387;--global-palette3:#1A202C;--global-palette4:#2D3748;--global-palette5:#4A5568;--global-palette6:#718096;--global-palette7:#EDF2F7;--global-palette8:#F7FAFC;--global-palette9:#ffffff;}.elementor-kit-13990 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==================================================
   MAGIC MANGO VAULT — SHARED SITE STYLES
   Updated July 2026
   ================================================== */


/* ==================================================
   1. ARCHIVE GRID IMAGE SIZING
   ================================================== */

/* Main archive grid images.
   Excludes badge icons from being enlarged to 100%. */
.elementor-loop-container img:not(.mmv-badge-icon) {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 20px !important;
}


/* ==================================================
   2. SINGLE DESIGN SMART CTA BUTTONS
   ================================================== */

/* Shared styling for Download, Get Access, and Upgrade buttons */
.mmv-btn-primary,
.mmv-btn-upgrade {
    display: inline-block;
    width: 100%;
    padding: 12px 24px;
    background-color: #562D80;
    color: #FFFFFF !important;
    border: 0;
    border-radius: 12px;
    text-align: center;
    text-decoration: none !important;
    font-weight: 700;
    line-height: 1.2;
    box-shadow: none;
    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease;
}

.mmv-btn-primary:hover,
.mmv-btn-primary:focus,
.mmv-btn-upgrade:hover,
.mmv-btn-upgrade:focus {
    background-color: #48236E;
    color: #FFFFFF !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(86, 45, 128, 0.16);
}


/* ==================================================
   3. SINGLE DESIGN ENTITLEMENT STATUS TEXT
   ================================================== */

/* Visitor or user without recognized access */
.mmv-status-visitor {
    color: #17151F;
    font-weight: 600;
}

/* Confirmed access */
.mmv-status-included {
    color: #4F7B75;
    font-weight: 700;
}

/* Design requires another bundle or an upgrade */
.mmv-status-upgrade {
    color: #562D80;
    font-weight: 700;
}


/* ==================================================
   4. ARCHIVE IMAGE WRAPPER
   ================================================== */

.mmv-image-wrapper {
    position: relative !important;
    overflow: hidden !important;
    padding: 0 !important;
    display: block !important;
}

/* Allow badge shortcode output to cover the image area */
.mmv-image-wrapper .elementor-widget-shortcode {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
}


/* ==================================================
   5. ARCHIVE GRID BADGES AND ICONS
   ================================================== */

.mmv-badges-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

/* Base grid badge */
.mmv-badge {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap !important;
    pointer-events: auto;
}

/* SVG Included badge — upper left */
.mmv-badge-svg {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    background-color: #E0F2F1;
    color: #00695C;
    border: 1px solid #B2DFDB;
}

/* Bundle icon — upper right */
.mmv-badge-icon {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 50%;
    object-fit: contain !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    pointer-events: auto;
    z-index: 11;
}

/* New badge — under the bundle icon */
.mmv-badge-new {
    position: absolute !important;
    top: 100px !important;
    right: 12px !important;
    background-color: #FFF3E0;
    color: #E65100;
    border: 1px solid #FFE0B2;
}


/* ==================================================
   6. SINGLE DESIGN DYNAMIC GALLERY
   ================================================== */

.mmv-scroll-gallery {
    display: flex;
    overflow-x: auto;
    gap: 12px;
    padding-bottom: 5px;
    margin-top: 15px;
    margin-bottom: 20px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.mmv-scroll-gallery::-webkit-scrollbar {
    display: none;
}

.mmv-gallery-item {
    flex: 0 0 clamp(100px, 30%, 200px);
    scroll-snap-align: start;
    cursor: pointer;
}

.mmv-gallery-item img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(23, 21, 31, 0.1);
    transition: transform 0.2s ease;
}

.mmv-gallery-item img:hover {
    transform: scale(1.03);
}


/* ==================================================
   7. SINGLE DESIGN ENTITLEMENT PILLS
   ================================================== */

.mmv-single-badges-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}

/* Shared pill structure */
.mmv-single-pill {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

/* New design — selective coral accent */
.mmv-single-new {
    background-color: #FFF3EF;
    color: #A95644;
    border: 1px solid #E88F7A;
}

/* Confirmed Core Graphics or Tumbler entitlement */
.mmv-single-bundle {
    background-color: #EDF4F2;
    color: #466F6A;
    border: 1px solid #8FB3AE;
}

/* Confirmed Mega Bundle entitlement */
.mmv-single-mega {
    background-color: #EDF4F2;
    color: #466F6A;
    border: 1px solid #8FB3AE;
}


/* ==================================================
   8. CURRENT BUNDLE INFORMATION NOTICE
   ================================================== */

.mmv-current-bundle-notice {
    margin: 12px 0;
    padding: 10px 14px;
    background-color: #F8F4FB;
    color: #374151;
    border: 1px solid #D8C8E6;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
}/* End custom CSS */