/* =========================
   HOME TEXT GRADIENT
   ========================= */
selector .gradient-text {
  background: linear-gradient(90deg, #ff3c2f, #ff7a00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
}

/* =========================
   BUTTONS
   ========================= */
.w3eden .btn-primary{
    color:#fff;
    background-color:#051135;
    border-color:#1C221C;
}


/* =========================
   TYPOGRAPHY
   ========================= */
.w3eden b,
.w3eden strong{
    font-weight:normal;
    font-family:'Fira Sans Condensed';
    font-size:18px;
}

td{
    font-size:16px;
}


/* =========================
   FOOTER
   ========================= */
#footer,
footer{
    position:static !important;
    width:100%;
}


/* =========================
   MOBILE MENU (AUTO HEIGHT)
   ========================= */
.premium-ver-hamburger-menu .premium-mobile-menu-outer-container{
    position:fixed;
    top:10px;
    left:10px;
    width:85vw;
    max-width:320px;
    height:auto;              /* KEY FIX */
    overflow:visible;         /* KEY FIX */
    background:#f7f7f7;
    transform:translateX(-120%);
    transition:transform .3s ease;
    z-index:99999;
    border-radius:12px;
    padding:12px 0;
}

/* menu open */
.premium-ver-hamburger-menu 
.premium-mobile-menu-outer-container.active{
    transform:translateX(0);
}


/* =========================
   DROPDOWN BEHAVIOR (FIXED)
   ========================= */

/* hide all submenus by default */
.premium-mobile-menu-outer-container .sub-menu,
.premium-mobile-menu-outer-container .premium-sub-menu{
    display:none;
}

/* show ONLY when clicked */
.premium-mobile-menu-outer-container li.open > .sub-menu,
.premium-mobile-menu-outer-container li.active > .sub-menu,
.premium-mobile-menu-outer-container li.premium-menu-open > .sub-menu{
    display:block;
}


/* =========================
   PREVENT PRE-EXPANDED HEIGHT
   ========================= */
.premium-mobile-menu-outer-container li{
    height:auto;
    min-height:unset;
}

.premium-mobile-menu-outer-container li > a{
    display:flex;
    align-items:center;
    justify-content:space-between;
}



/* =========================
   FONT
   ========================= */
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed&display=swap');


/* =========================
   GLOBAL BOX MODEL
   ========================= */
*,
*::before,
*::after{
    box-sizing:border-box;
}


/* =========================
   ACCOUNT PAGE LAYOUT
   ========================= */
.woocommerce{
    display:flex;
    flex-wrap:wrap;
    width:100%;
}

@media (min-width:769px){
    .woocommerce{
        flex-wrap:nowrap;
    }
}


/* =========================
   ACCOUNT HEADER TEXT
   ========================= */
.woocommerce-MyAccount-content p:first-child{
    font-size:18px !important;
    font-weight:bold;
    margin-bottom:10px;
}


/* =========================
   DESKTOP ONLY DROPDOWN
   ========================= */
@media (min-width:768px){

    .premium-menu-link-parent{
        position:relative;
    }

    .premium-mega-content-container{
        left:50% !important;
        transform:translateX(-60%) !important;
    }

}


/* =========================
   CHECKOUT BUTTON
   ========================= */
a.wc-block-components-button.contained.wc-block-cart__submit-button{
    color:#fff !important;
    background:#442161 !important;
    border:none !important;
    border-radius:5px !important;
    padding:10px 20px;
    transition:.3s;
    text-decoration:none;
}

a.wc-block-components-button.contained.wc-block-cart__submit-button:hover{
    color:#442161 !important;
    background:#fff !important;
    border:3px solid #442161 !important;
}

.metform-btn {
    background-color: #f8f9fb;
    border: 1px solid black;  /* Changed from 'none' to '1px solid black' */
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    max-width: 100%;
    padding: 16px 40px;
    font-size: 16px;
    border-radius: 10px !important;
    cursor: pointer;
    -webkit-box-shadow: 0 5px 5px 0 rgba(66, 133, 244, .3);
    box-shadow: 0 5px 5px 0 rgba(66, 133, 244, .3);
    line-height: 18px;
    -webkit-transition: all .4s;
    transition: all .4s;
    font-weight: 500;
    text-decoration: none;
}