/*
 Theme Name:   MooGold Modern
 description: >-
   Modification of Storefront Theme for MooGold Website
 Author:       HY Lee
 Template:     storefront
 Version:      2.0.0
*/
/* Legacy Storefront compatibility styles used outside the modern templates. */

body,
.secondary-navigation a {
    color: #4a4a4a;
}
#page{

    min-height: 100vh;
}
div#page {
    background-color: #EEEEEE;
}

a {
    color: #044789;
    text-decoration: none !important;
}

.site-main a{
    font-weight: 700;
}
.site-main h2 a, .woocommerce-MyAccount-navigation a{
    font-weight: 500;
}

form {
    margin-bottom: 0;
}

.entry-content h1 {
    color: #535354 !important;
    font-weight: 450;
}

.site-header {
    background: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 9999;
}

.site-header .site-branding {
    max-width: 150px;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
}

.site-header-cart .cart-contents::after {
    color: #F2A800;
    font-size: 1.2em;
}

.header-widget-region{
    display:none;
}

/* Shopping Mini Cart */
.woocommerce.widget_shopping_cart .widget_shopping_cart_content,
.widget_shopping_cart{
  border-radius: 18px !important;
  background: rgba(255,255,255,.58) !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
  backdrop-filter: blur(16px) saturate(160%) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.65) !important;
  overflow: hidden !important;
}

/* If your theme uses .button class heavily */
.woocommerce.widget_shopping_cart .widget_shopping_cart_content .buttons a.button,
.widget_shopping_cart .widget_shopping_cart_content .buttons a.button,
.woocommerce-mini-cart__buttons a.button{
  border-radius: 999px !important;
}

.added_to_cart.alt, .added_to_cart, .widget a.button.checkout{
background-color: #F2A800;
border-color: #333333;
color: #ffffff;
}
.site-header .col-full {
    height: 5em;
}

.site-header-cart li {
    padding-top: 20px;
}

/* Modernized Search Bar Container */
.site-search {
    margin: 0 auto !important;
    float: none !important;
    max-width: 600px; /* Better than fixed rem for responsiveness */
    width: 100% !important;
    padding: 20px 15px 0;
    display: flex;
    justify-content: center;
}

.widget_search form,
.widget_product_search form {
    position: relative;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

/* Modernized Search Input */
.site-search .widget_product_search form input[type=search],
.site-search .widget_product_search form input[type=text] {
    padding: 12px 20px 12px 3.5em; /* Adjusted padding for the icon */
    border-radius: 30px; /* Fully rounded for a modern look */
    border: 1px solid #e2e2e2;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    font-size: 15px;
    width: 100%;
    outline: none;
}

.site-search .widget_product_search form input[type=search]:focus {
    border-color: #F2A800;
    box-shadow: 0 4px 12px rgba(242, 168, 0, 0.15);
    background-color: #fff;
}

/* Modernized Search Icon */
.site-search .widget_product_search form::before {
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    background: transparent; /* Remove the heavy orange block */
    color: #F2A800; /* Icon itself becomes the brand color */
    font-weight: 900;
    line-height: 1;
    text-align: center;
    height: auto;
    width: 2.5em;
    font-size: 18px;
    z-index: 2;
    pointer-events: none; /* Allows clicking through the icon to the input */
}

/* RTL Support for Modern Icon */
html[lang="ar"] .site-search .widget_product_search form::before {
    left: auto;
    right: 10px;
}

html[lang="ar"] .site-search .widget_product_search form input[type=search] {
    padding-left: 20px;
    padding-right: 3.5em;
}

.primary-navigation {
    width: 100% !important;
    margin: 0;
    text-align: center;
}

.primary-navigation a:hover {
    border-bottom: 3px solid #F2A800;
    transition: 0.1s;
}

.main-navigation ul.menu li a {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
    color: #333 !important;
    transition: color 0.3s ease;
}

.main-navigation ul.menu li a:hover {
    color: #F2A800 !important;
}

/* Currency Switcher Styling */
.aelia_cs_currencies {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 2px 5px;
    font-size: 12px;
    background: #f9f9f9;
}
/* Container for the Dropdown */
.main-navigation ul li ul.sub-menu {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    padding: 10px 0 !important;
    margin-top: 10px !important; /* Gap between header and menu */

    /* Smooth Entry Animation */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease-in-out;
    display: block !important; /* Override standard toggle if needed */
}

/* Show Menu on Hover */
.main-navigation ul li:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Individual Items */
.main-navigation ul li ul.sub-menu li {
    padding: 0 !important;
}

.main-navigation ul li ul.sub-menu li a {
    padding: 12px 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333 !important;
    display: block !important;
    transition: all 0.2s ease !important;
}

/* Hover Interaction */
.main-navigation ul li ul.sub-menu li a:hover {
    background: rgba(242, 168, 0, 0.1) !important; /* Light Gold Tint */
    color: #F2A800 !important; /* Brand Gold */
    padding-left: 25px !important; /* Slight "Push" effect */
}

/* Triangle "Pointer" (Optional) */
.main-navigation ul li ul.sub-menu::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 20px;
    width: 12px;
    height: 12px;
    background: white;
    transform: rotate(45deg);
    border-left: 1px solid rgba(0,0,0,0.05);
    border-top: 1px solid rgba(0,0,0,0.05);
}

.nav {
    width: 100%;
}

.storefront-primary-navigation {
    box-shadow: 0 8px 6px -6px rgb(0 0 0 / 23%);
    -webkit-box-shadow: 0 8px 6px -6px rgb(0 0 0 / 23%);
    -moz-box-shadow: 0 8px 6px -6px rgb(0 0 0 / 23%);
    text-transform: uppercase;
    height: 3.6em;
}

.moogold-header-content .search-wrapper:focus-within {
    background: #fff;
    border-color: #F2A800; /* MooGold Gold */
    box-shadow: 0 0 10px rgba(242, 168, 0, 0.1);
}

/* 3. Balanced Header Layout */
.moogold-header-content {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 20px 0 !important; /* Add vertical breathing room */
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.site-branding {
    flex: 0 0 220px !important; /* Force the container to stay at 220px wide */
    display: flex !important;
    align-items: center !important;
}

.site-branding img.custom-logo {
    width: 100% !important; /* Make image fill the 220px container */
    max-width: 220px !important;
    height: auto !important; /* Maintain aspect ratio */
    display: block !important;
}

@media (min-width: 768px) {
    .woocommerce-active .site-header .site-branding {
        width: auto !important;
    }
}

.main-navigation {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}

.site-header-cart .cart-contents {
    padding: 1em 0;
}

ul.sub-menu {
    display: block;
    background-color: white !important;
    width: 200px;
    box-shadow: 1px -1px 7px 2px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 1px -1px 7px 2px rgb(0 0 0 / 10%);
    -moz-box-shadow: 1px -1px 7px 2px rgb(0 0 0 / 10%);
}

.entry-header {
    padding: 0 0 3em !important;
}


/*END OF HEADER*/


/*
BODY

*/

a:focus,
button:focus,
.button.alt:focus,
input:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus {
    outline-color: transparent;
}

.product .onsale {
    display: none !important;
}

.buy_now_button{
    border-radius: 15px;
}
.page-template-default .entry-header{
    display:none;
}
.entry-content h1 {
    color: #40B3A2;
    font-weight: normal;
    margin-bottom: 0px;
}

/* 1. The Container: Make it Float over the Banner */
.how-to-buy {
    display: flex;
    justify-content: space-around;
    align-items: stretch;

    margin-top: -30px !important; /* Adjust this to control the overlap height */
    padding: 15px 10px !important; /* Reduces the "bulky" feel */
    border-radius: 24px !important;
    position: relative;
    z-index: 10;

    /* Modern Glass Look */

    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(12px);

    border-radius: 20px;
    padding: 30px 15px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;

    box-shadow: 0 20px 40px rgba(0,0,0,0.12);
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;

    width: 90% !important;
    max-width: 1100px;
    margin-bottom: 3em;
}


/* 2. Divider Lines between steps */
.how-to-buy-child {
    flex: 1;
    text-align: center;
    padding: 0 20px;
    border-right: 1px solid rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.how-to-buy-child:last-child {
    border-right: none;
}

/* 3. Icon Animation */
.how-to-buy-child img {
    height: 40px;
    margin-bottom: 8px;
    width: auto;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.how-to-buy-child:hover img {
    transform: scale(1.15) translateY(-5px);
}

/* 4. Refined Typography */
.how-to-buy-child p {
    font-size: 12px;
    line-height: 1.4;
    color: #444;
    font-weight: 500;
}

.how-to-buy-child a {
    color: #F2A800; /* MooGold Gold */
    font-weight: 700;
    text-decoration: none;
}

/* Mobile: Stack them back up when screen is small */
@media (max-width: 768px) {
    .how-to-buy {
        flex-direction: column;
        margin-top: -20px !important;
        gap: 20px;
    }
    .how-to-buy-child {
        border-right: none;
        border-bottom: 1px solid rgba(0,0,0,0.05);
        padding-bottom: 20px;
    }
}

/* H1 Heading Homepage */

.homepage-h1 {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #333 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 30px !important;
    position: relative;
    padding-left: 15px;
}

.homepage-h1::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 100%;
    background: #F2A800;
    border-radius: 10px;
}

/*PRODUCT*/

.products {
    padding-right: 5px;
}



.woocommerce-product-rating {
    display: none;
}

.woocommerce-loop-product__title {
    height: 3em;
}


/*For Game List*/

.site-main .products {
    width: 100%;
}

/* ===== Make ALL product cards match the carousel card style ===== */

.woocommerce ul.products li.product{
  background: #ffffff;
  border-radius: 16px;
  padding: 15px;
  border: 1px solid rgba(0,0,0,0.04);
  box-shadow: 0 4px 15px rgba(0,0,0,0.06);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  margin: 0; /* let Woo/theme manage spacing */
}

.woocommerce ul.products li.product:hover{
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(242, 168, 0, 0.15);
  border-color: #F2A800;
}

.woocommerce ul.products li.product:hover a.button, .woocommerce ul.products li.product:hover a.add_to_cart_button, .product_type_variable:hover{
    color:#fff !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-category__title{
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  overflow: hidden;
  margin-top: 10px;
}

.woocommerce ul.products li.product a.add_to_cart_button, .woocommerce ul.products li.product-category a.button, .product .product_type_variable{
  margin-top: auto;
  background: #f5f5f5;
  color: #333;
  border-radius: 8px !important;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  padding: 8px 5px;
  width: 100%;
  text-align: center;
}

.woocommerce ul.products li.product:hover a.add_to_cart_button, .woocommerce ul.products li.product a.button{
  background: #F2A800;
}

.woocommerce ul.products li.product img{
  width: 90%;
  height: auto;
  margin-bottom: 10px;
  border-radius: 8px;
}


body.tax-product_cat.woocommerce-page #primary ul.products.columns-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 15px
}

body.tax-product_cat.woocommerce-page #primary ul.products.columns-5>li.product {
    float: none;
    width: auto;
    margin: 0
}

body.tax-product_cat.woocommerce-page #primary ul.products.columns-5::before,
body.tax-product_cat.woocommerce-page #primary ul.products.columns-5::after {
    content: none;
    display: none;
}


.swiper-pagination{
    margin-bottom: 1.5em;
}

/*//slider big project*/

.carousell {
    position: relative;
    padding: 0 10px;
    margin: 40px 0;
}

/* The Window (Viewport) */
.carousell .woocommerce {
    overflow: hidden !important;
    width: 100% !important;
    border-radius: 12px;
}

.carousell ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important; /* Resetting the 300% bug */
    gap: 15px !important;
    margin: 0 !important;
    padding: 15px 5px !important;
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

.carousell li.product {
    flex: 0 0 calc(20% - 12px) !important; /* Forces exactly 5 items */
    min-width: calc(20% - 12px) !important;
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 15px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06) !important;
    border: 1px solid rgba(0,0,0,0.04) !important;
    transition: all 0.3s ease !important;
    display: flex;
    flex-direction: column;
    margin:0 !important;
}

.carousell li.product:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(242, 168, 0, 0.15) !important;
    border-color: #F2A800 !important;
}

.carousell .woocommerce-loop-product__title {
    font-size: 14px !important;
    font-weight: 700 !important;
    height: 40px;
    overflow: hidden;
    margin-top: 10px !important;
}

.carousell .add_to_cart_button {
    margin-top: auto !important; /* Pushes button to bottom */
    color: #333 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 11px !important;
}

.carousell li.product:hover .add_to_cart_button {
    background: #F2A800 !important;
    color: #fff !important;
}

.carousell li.product img {
    width: 90% !important;
    height: auto !important;
    margin-bottom: 10px !important;
    border-radius: 8px !important;
}

.carousell .add_to_cart_button {
    font-size: 11px !important;
    padding: 8px 5px !important;
    width: 100% !important;
    text-align: center !important;
}
.prev-button, .next-button {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    /* Force the size */
    width: 45px !important;
    height: 45px !important;
    min-width: 45px !important;
    min-height: 45px !important;

    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    border-radius: 50% !important;

    /* Ensure it sits on top of EVERYTHING */
    z-index: 999 !important;

    /* Center the icon */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;

    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    transition: all 0.3s ease;
    overflow: visible !important;
}

.prev-button {
    left: 5px !important;
}

.next-button {
    right: 5px !important;
}

/* Hover Effects */
.prev-button:hover, .next-button:hover {
    background: #F2A800 !important;
    border-color: #F2A800 !important;
    transform: translateY(-50%) scale(1.1) !important;
}

/* Icon size inside the button */
.prev-button img, .next-button img {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    margin: 0 auto !important;
}

.prev-button:hover img, .next-button:hover img {
    filter: brightness(0) invert(1) !important; /* Turns black icon white */
}

.woocommerce-loop-product__link>.onsale {
    -moz-transform: rotate(90deg) translate(-230px, 20px);
    -webkit-transform: rotate(90deg) translate(-230px, 20px);
    -o-transform: rotate(90deg) translate(-230px, 20px);
    -ms-transform: rotate(90deg) translate(-230px, 20px);
    transform: rotate(90deg) translate(-230px, 20px);
    color: red;
    border: 0px;
    font-size: medium;
    position: absolute;
    display: block;
}

.site-main .button:hover {
    background-color: #272D2D;
}
.fourohfour-columns-2 .product{
    width: 30% !important;
}

/*END OF PRODUCT*/

.moogold-banner-2,
.carousell {
    margin-bottom: 4em;
}

.moogold-banner-2 img {
    border-radius: 30px;
    height: 100%;
    width: 100%;
    object-fit: cover;
        box-shadow: 1px -1px 7px 2px rgb(0 0 0 / 15%) !important;
    -webkit-box-shadow: 1px -1px 7px 2px rgb(0 0 0 / 15%) !important;
    -moz-box-shadow: 1px -1px 7px 2px rgb(0 0 0 / 15%) !important;
}

.popular-category {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns */
    gap: 15px; /* Spacing between items instead of lines */
    margin: 2em 0;
    padding: 10px;
}

.categories {
    background: linear-gradient(145deg, #ffffff, #f5f5f5);
    border-radius: 15px; /* Matches modern search bar */
    padding: 25px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border: 1px solid #efefef;
    box-shadow: 5px 5px 15px #d1d1d1, -5px -5px 15px #ffffff;
}

/* Hover Effect: Lifts the card and adds brand color glow */
.categories:hover {
    background: #ffffff;
    border-color: #F2A800;
    box-shadow: 0 4px 15px rgba(242, 168, 0, 0.2);
}

.categories a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.categories img {
    height: 45px !important; /* Uniform height for all icons */
    width: auto !important;
    max-width: 80%;
    filter: grayscale(10%); /* Subtle professional look */
    transition: filter 0.3s ease;
}

.categories:hover img {
    filter: grayscale(0%); /* Full color on hover */
}

ul.products li.product img {
    border-radius: 10px;
    width: 100%;
    height: auto;
}

/*END OF BODY*/


/*FOOTER*/

.site-footer{
  /* subtle gaming gradient / glow */
  background:
    radial-gradient(900px 380px at 15% 0%, rgba(242,168,0,.10), transparent 60%),
    radial-gradient(700px 320px at 85% 10%, rgba(242,168,0,.06), transparent 55%),
    linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,0) 55%),
    #181b22;

  color:#fff;
  position:relative;
  border-top:1px solid rgba(255,255,255,.08);
  overflow:hidden;
}

.site-footer::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:2px;
  background: linear-gradient(90deg,
    rgba(242,168,0,0),
    rgba(242,168,0,.85),
    rgba(242,168,0,0)
  );
  box-shadow: 0 0 22px rgba(242,168,0,.35);
  pointer-events:none;
}

.site-footer .col-full{
  max-width:1200px;
  margin:0 auto;
  padding:28px 18px 0;
}

.site-footer a:not(.button):not(.components-button) {
    color: #F2A800;
}

.site-footer-logo{
  text-align:right;
}

.site-footer-logo p{
  margin:8px 0 14px;
  color: rgba(255,255,255,.62);
  font-size:13px;
  line-height:1.5;
}

/* Guarantee logo shows (override any theme conflicts) */
.site-footer .site-footer-logo a{
  display:inline-block !important;
  position:relative !important;
  padding:0 !important;
  margin:0 !important;
  transform:none !important;
}
.site-footer .site-footer-logo a::after{ /* prevent underline pseudo */
  content:none !important;
  display:none !important;
}
.site-footer .site-footer-logo a img{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:170px !important;      /* adjust if needed */
  max-width:170px !important;
  height:auto !important;
  margin:0 0 10px 0 !important;
  filter: drop-shadow(0 12px 24px rgba(0,0,0,.35));
}

/* subtle logo glow on hover */
.site-footer .site-footer-logo a:hover img{
  filter:
    drop-shadow(0 0 18px rgba(242,168,0,.18))
    drop-shadow(0 12px 24px rgba(0,0,0,.35));
}

/* social row */
.site-footer .social-icon{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  color: rgba(255,255,255,.72);
  font-size:13px;
}

/* social links must NOT get underline pseudo */
.site-footer .social-icon a{
  display:inline-block !important;
  position:static !important;
}
.site-footer .social-icon a::after{
  content:none !important;
  display:none !important;
}
.site-footer .social-icon img{
  width:36px;
  height:36px;
  border-radius:12px;
  opacity:.92;
  transition: transform .18s ease, filter .18s ease, opacity .18s ease;
}
.site-footer .social-icon a:hover img{
  transform: translateY(-2px);
  filter: drop-shadow(0 0 14px rgba(242,168,0,.28));
  opacity:1;
}
#page {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}

#content {
    flex: 1 0 auto !important; /* This expands the middle, NOT the footer */
}
/* Weglot holder alignment */
#weglot_here{
  margin-top:12px;
  display:flex;
  justify-content:flex-end;
}

.site-navigation{
  display:grid;
  grid-template-columns: repeat(3, minmax(160px, 1fr));
  gap:28px;
  width:100%;
  align-items:start;
}

.site-navigation ul{
  list-style:none;
  margin:0;
  padding:0;
}
.site-navigation ul li{
  margin:10px 0;
}

.site-info-mg{
  max-width:1200px;
  margin:0 auto;
  padding:14px 18px 18px;
  border-top:1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.60);
  font-size:13px;
  line-height:1.55;
}

.site-navigation a,
.site-info-mg a{
  color: rgba(255,255,255,.80);
  text-decoration:none;
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:2px 0;
  transition: color .15s ease, transform .15s ease, text-shadow .15s ease;
}

.site-navigation a::after,
.site-info-mg a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:100%;
  height:2px;
  border-radius:999px;
  background: rgba(242,168,0,.95);
  transform: scaleX(0);
  transform-origin:left;
  transition: transform .18s ease, opacity .18s ease;
  opacity:0;
}

.site-navigation a:hover,
.site-info-mg a:hover{
  color:#F2A800;
  transform: translateY(-1px);
  text-shadow: 0 0 14px rgba(242,168,0,.20);
}
.site-navigation a:hover::after,
.site-info-mg a:hover::after{
  transform: scaleX(1);
  opacity:1;
}

.footer-moogold{
  display:grid;
  grid-template-columns: 1.6fr 1fr;
  gap:36px;
  align-items:start;
  padding:18px 0 18px;
}

.footer-moogold a {
    color: #FFF !important;
}

.site-info {
    padding: 1em !important;
}

.our-company-moogold,
.categories-moogold,
.support-moogold {
    margin-bottom: 3em;
}

.fa.fa-facebook {
    padding: 0.5em;
    font-size: 1.5em;
    width: 2em;
    height: 2em;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    background-color: #4267B2;
}

.fa:hover {
    opacity: 0.7;
}

.site-navigation ul li {
    margin: 0.5em 0;
}


.payment-method-moogold{
  display:flex;
  justify-content:center;
  padding:10px 0 14px;            /* smaller */
  background:transparent;          /* don't paint a big white block */
}

/* the glass pill container */
.col-footer{
  width:fit-content;
  max-width:90vw;
  display:flex;
  align-items:center;
  gap:14px;

  height:64px;                    /* lock a clean height */
  padding:10px 10px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;

  background:rgba(255,255,255,.35);
  backdrop-filter:blur(12px) saturate(150%);
  -webkit-backdrop-filter:blur(12px) saturate(150%);

  border:1px solid rgba(255,255,255,.55);
  border-radius:999px;

  box-shadow:
    0 10px 24px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.65);

  -ms-overflow-style:none;
  scrollbar-width:none;
}
.col-footer::-webkit-scrollbar{ display:none; }

/* each logo chip (keep it small) */
.col-footer img{
  height:34px;                    /* 👈 bigger logos */
  padding:8px 14px;                   /* smaller logos */
  width:auto;
  flex:0 0 auto;

  border-radius:999px;

  background:rgba(255,255,255,.55);
  border:1px solid rgba(255,255,255,.65);

  opacity:.85;
  scroll-snap-align:center;

  transition:transform .15s ease, opacity .15s ease, box-shadow .15s ease;
}

.col-footer img:hover{
  opacity:1;
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(0,0,0,.14);
}

.site-footer .col-footer{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.18);
}
.site-footer .col-footer img{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.18);
}

.site-info{
    padding:0;
}

.footer-widgets{
    display:none;
}

.country-selector{
    margin-top:1em;
}

.country-selector,
.country-selector a{
    color:#000 !important;
}

.site-footer a:not(.button){
    color:#fff;
}

.footer-heading{
  margin:0 0 12px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.9px;
  text-transform:uppercase;
  color:#F2A800;
  text-shadow:0 0 14px rgba(242,168,0,.18);
  position:relative;
  padding-bottom:10px;
}

.footer-heading::after{
  content:"";
  position:absolute;
  left:0; bottom:0;
  width:46px;
  height:2px;
  border-radius:999px;
  background:rgba(242,168,0,.85);
  box-shadow:0 0 16px rgba(242,168,0,.18);
  transform-origin:left;
  transition: transform .18s ease, box-shadow .18s ease;
}

/* hover on column = title underline pops */
.our-company-moogold:hover .footer-heading::after,
.categories-moogold:hover .footer-heading::after,
.support-moogold:hover .footer-heading::after{
  transform: scaleX(1.12);
  box-shadow: 0 0 22px rgba(242,168,0,.26);
}
/* NOTICE STYLING*/
.woocommerce-store-notice.demo_store {
    background-color: #f8fafc; /* Clean off-white/blue tint */
    color: #1e293b;            /* Deep slate for readability */
    padding: 16px 24px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    width: auto;
    margin: 0 auto;
    max-width: 600px;
    font-size: 14px;
    line-height: 1.5;
    z-index: 9999;
}

/* Style the link/button */
.woocommerce-store-notice.demo_store a:not(.woocommerce-store-notice__dismiss-link) {
    background: #4f46e5;       /* Modern Indigo */
    color: #ffffff !important;
    padding: 6px 14px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    margin-left: 10px;
    transition: background 0.2s ease;
}

.woocommerce-store-notice.demo_store a:not(.woocommerce-store-notice__dismiss-link):hover {
    background: #4338ca;
}

/* Style the Dismiss link */
.woocommerce-store-notice__dismiss-link {
    color: #94a3b8 !important;
    text-decoration: none;
    margin-right: 0em !important;
    margin-top:10px !important;
    margin-bottom: 0em !important;
    margin-left: 15px !important;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.woocommerce-store-notice__dismiss-link:hover {
    color: #64748b !important;
}


/* Product Loop Page*/

/* Compact glass breadcrumb chips */

.products .product{
    margin-bottom: 1em !important;
}
.storefront-breadcrumb{
    margin:0;
}
.woocommerce-breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;

  margin:12px 0 8px;
  padding:0;                 /* no big pill container */
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;

  font-size:13px;
  color:rgba(0,0,0,.55);
}

.woocommerce-breadcrumb a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;

  border-radius:999px;
  text-decoration:none;
  font-weight:700;

  background:rgba(255,255,255,.55);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 10px 25px rgba(0,0,0,.06);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);

  color:rgba(0,0,0,.85);
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}

.woocommerce-breadcrumb a:hover{
  transform:translateY(-1px);
  background:rgba(242,168,0,.18);
  border-color:rgba(242,168,0,.35);
  color:#000;
}

/* separator: subtle arrow */
.woocommerce-breadcrumb a:after{
  /*content:"›";*/
  margin-left:10px;
  color:rgba(0,0,0,.35);
}
.woocommerce-breadcrumb a:last-child:after{content:none;}


body.tax-product_cat.woocommerce-page #primary .storefront-sorting:first-of-type .woocommerce-pagination
{
    display:none;
}

.woocommerce-pagination, .pagination{
    margin-top: 2em;
}
/* Glass pagination */
.woocommerce-pagination, .pagination
{
    margin:22px 0
}
.woocommerce-pagination ul.page-numbers, .pagination ul.page-numbers{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
  padding:12px 14px;
  margin:0;
  list-style:none;

  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;

  box-shadow: 0 18px 55px rgba(0,0,0,.12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* buttons */
.woocommerce-pagination ul.page-numbers .page-numbers, .pagination ul.page-numbers .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:40px;
  min-width:40px;
  padding:0 12px;

  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  font-size:13px;

  color: rgba(0,0,0,.80);
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);

  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

/* hover */
.woocommerce-pagination ul.page-numbers a.page-numbers:hover, .pagination ul.page-numbers a.page-numbers:hover{
  transform: translateY(-1px);
  background: rgba(242,168,0,.18);
  border-color: rgba(242,168,0,.35);
}

/* current page */
.woocommerce-pagination ul.page-numbers .current, .pagination ul.page-numbers .current{
  background: rgba(242,168,0,.28);
  border-color: rgba(242,168,0,.55);
  color:#000;
}

/* dots */
.woocommerce-pagination ul.page-numbers .dots, .pagination ul.page-numbers .dots{
  background: transparent;
  border-color: transparent;
  color: rgba(0,0,0,.45);
  min-width:auto;
  padding:0 6px;
}

/* next arrow */
.woocommerce-pagination ul.page-numbers .next, .pagination ul.page-numbers .next{
  padding:0 14px;
}

.woocommerce .woocommerce-products-header, .woocommerce-ordering{
    display: none;
}
.count {
    display: none;
}


/* Inside Product Page*/


/* Remove box-shadow from variation swatch buttons (all states) */
.woo-variation-swatches .variable-item.button-variable-item,
.woo-variation-swatches .variable-item.button-variable-item:hover,
.woo-variation-swatches .variable-item.button-variable-item.selected,
.woo-variation-swatches .variable-item.button-variable-item:focus,
.woo-variation-swatches .variable-item.button-variable-item:focus-visible{
  box-shadow: none !important;
}

/* Options can grow taller; keeps grid aligned */
.variations_form .variable-items-wrapper .variable-item{
  height: auto !important;
  min-height: 54px !important;
  padding: 10px 12px !important;
  align-items: flex-start !important;
}

.variations_form .variable-items-wrapper .variable-item .variable-item-contents,
.variations_form .variable-items-wrapper .variable-item span{
  display: block !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.25 !important;
}

/* =========================
   Storefront sticky add-to-cart (modern glass)
   ========================= */

.storefront-sticky-add-to-cart{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* make the inner container a floating glass card */
.storefront-sticky-add-to-cart .col-full{
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.storefront-sticky-add-to-cart__content{
  display: flex;
  align-items: center;
  gap: 12px;

  margin: 10px auto;
  padding: 10px 12px;

  border-radius: 18px;
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 5px 10px rgba(0,0,0,.18);
}

/* product thumb */
.storefront-sticky-add-to-cart__content img{
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px;
  object-fit: cover;
  border: 1px solid rgba(0,0,0,.08);
}

/* info block */
.storefront-sticky-add-to-cart__content-product-info{
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.storefront-sticky-add-to-cart__content-title{
  font-size: 13px;
  color: rgba(0,0,0,.70);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.storefront-sticky-add-to-cart__content-title strong{
  color: #111;
  font-weight: 900;
}

.storefront-sticky-add-to-cart__content-price{
  font-size: 14px;
  color: #111;
  font-weight: 900;
}

/* CTA */
.storefront-sticky-add-to-cart__content-button.button.alt{
  margin-left: auto;
  border-radius: 14px;
  padding: 12px 14px;

  font-weight: 900;
  letter-spacing: .2px;

  border: 1px solid rgba(0,0,0,.12) !important;
  background: #F2A800 !important;
  color: #fff !important;

  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}

.storefront-sticky-add-to-cart__content-button.button.alt:hover{
  transform: translateY(-1px);
  filter: brightness(1.05);
   background-color:black !important;
}

/* =========================
   Quantity
   ========================= */



/* The qty input itself */
.woocommerce div.product form.cart .quantity input.qty{
  width: 88px;
  height: 48px;
  padding: 10px 12px;

  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.10);
  background: #fff;
  color: #111;

  text-align: center;

  box-shadow: none;
  outline: none;

  transition: box-shadow .12s ease, border-color .12s ease, transform .12s ease;
}

/* Focus matches your accent */
.woocommerce div.product form.cart .quantity input.qty:focus{
  border-color: rgba(242,168,0,.75);
  box-shadow: 0 0 0 4px rgba(242,168,0,.18), 0 10px 22px rgba(0,0,0,.06);
}


.star-rating{
    display: none;
}
.woocommerce-product-gallery__wrapper img{
    border-radius: 18px;
}
.game{
    display:none;
}
.entry-summary .onsale{

    display:inline-block !important;
}

/* Hide the variable price range shown above variations */
.price{
  display:none;
}

.woocommerce-variation single_variation{
    display: block !important;
}
.woocommerce div.product .summary.entry-summary{
  background: rgba(245,245,245,.96);           /* darker than white = more contrast */
  border: 1px solid rgba(0,0,0,.14);
  border-radius: 18px;
  padding: 18px;

  position: relative;
  overflow: hidden;
}

/* Sale badge */
.woocommerce div.product .summary .onsale{
  border-radius: 12px;
  padding: 8px 12px;
  font-weight: 800;
  letter-spacing: .2px;
  color:#fff;
  border:0;
}

/* Title & price readability */
.woocommerce div.product .product_title{ color:#111; }
.woocommerce div.product .price,
.woocommerce div.product .price *{ color:#111; }
.woocommerce div.product .price del{ opacity:.55; }

/* =========================
   Variation buttons (WVS)
   ========================= */
.woocommerce .variable-item.button-variable-item{
  border-radius:12px !important;
  border:1px solid rgba(0,0,0,.10) !important;
  background:#fff !important;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.woocommerce .variable-item.button-variable-item:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(0,0,0,.06);
  border-color:rgba(242,168,0,.55) !important;
}

.woocommerce .variable-item.button-variable-item.selected{
  background: rgba(242,168,0,.12) !important;
  border-color:#F2A800 !important;
}

/* =========================
   WCPA fields
   ========================= */
.woocommerce .wcpa_wrap{
  margin-top:14px;
  padding:14px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.08);
  background:#fafafa;
}

.woocommerce .wcpa_field_label{
  color:#111;
  font-weight:800;
}
.woocommerce .wcpa_field_desc{
  color:rgba(0,0,0,.60);
  font-size:13px;
}

.woocommerce .wcpa_field,
.woocommerce .wcpa_wrap select,
.woocommerce .wcpa_wrap input[type="text"]{
  border-radius:12px;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  color:#111;
  padding:12px 12px;
  outline:none;
  transition: box-shadow .12s ease, border-color .12s ease;
}

.woocommerce .wcpa_field:focus,
.woocommerce .wcpa_wrap select:focus,
.woocommerce .wcpa_wrap input[type="text"]:focus{
  border-color: rgba(242,168,0,.75);
  box-shadow:0 0 0 4px rgba(242,168,0,.18);
}

.woocommerce .wcpa_required_ast{ color:#F2A800; }

/* =========================
   Add to cart button (CTA)
   ========================= */
.woocommerce div.product form.cart .single_add_to_cart_button.button.alt{
  font-weight: 900;
  letter-spacing: .2px;

  padding: 16px 18px;
  font-size: 15px;
  line-height: 1;
  border-radius: 16px;

  background-color: #F2A800;
  /* keep your transition feel */
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease, color .12s ease;

  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: 2em;
}

.woocommerce div.product form.cart .single_add_to_cart_button.button.alt:hover{
  background: rgba(12,12,12,.92) !important;
  color: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(255,255,255,.22) !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow:
    0 18px 48px rgba(0,0,0,.55),
    0 6px 16px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.16);
}


.woocommerce div.product form.cart .single_add_to_cart_button.button.alt:hover{
  filter:brightness(1.03);
  transform:translateY(-1px);
}

.woocommerce div.product form.cart .single_add_to_cart_button.button.alt:active{
  transform: translateY(0) scale(.99);
}

/* Disabled state */
.woocommerce div.product form.cart .single_add_to_cart_button.disabled,
.woocommerce div.product form.cart .single_add_to_cart_button:disabled{
  opacity:.55;
  box-shadow:none;
  filter:none;
}

/* Reset variations link */
.woocommerce a.reset_variations{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  float:right;
  text-decoration:none !important;
  margin-bottom:1em;
  font-size: 12px;
  padding: 7px 10px;
  border-radius: 12px;
  opacity: .9;
}
.woocommerce a.reset_variations:hover{
  border-color: rgba(242,168,0,.55);
}

/* =========================
   Trust pill (Instant Delivery)
   ========================= */
.woocommerce div.product .woocommerce-product-details__short-description{
  margin: 10px 0 14px;
}
.woocommerce div.product .woocommerce-product-details__short-description p {
    display: inline-block;
    max-width: 100%;
    padding: 14px 18px;
    border-radius: 999px;
    background: rgba(242, 168, 0, .10);
    border: 1px solid rgba(242, 168, 0, .30);
    color: #6b3f00;
    font-weight: 600;
    line-height: 1.6;
    white-space: normal;
    box-sizing: border-box;
    margin: 0 0 12px;
}
.woocommerce div.product .woocommerce-product-details__short-description p i,
.woocommerce div.product .woocommerce-product-details__short-description p svg{
  color:#F2A800;
}

.woocommerce div.product .woocommerce-variation-price .price {
    display: flex;
    align-items: baseline;
    justify-content:center;
    gap: 10px;
    padding: 10px 12px 10px 14px;
    border-radius: 14px;
    background: white;
    border: 1px solid rgba(0, 0, 0, .08);
    border-left: 4px solid #F2A800;
    color: #111;
    width: 100%;
}
.woocommerce div.product .woocommerce-product-details__short-description p:empty {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
.woocommerce-variation-price {
    display: inline-block !important;
     padding: 0;
    font-size: 1.5em;
    background-color: #FFF;
    border-radius: 10px;
    width: 100%;
}

.woocommerce div.product .woocommerce-variation-price .price{
    margin:0;
}
/* Allow shadows to render outside wrappers */
.woocommerce div.product,
.woocommerce div.product .summary,
.woocommerce div.product .summary.entry-summary,
.woocommerce div.product form.cart,
.woocommerce div.product .single_variation_wrap,
.woocommerce div.product .woocommerce-variation-add-to-cart{
  overflow: visible;
}

.variations .label{
    display:none !important;
}
.woo-variation-swatches .variable-items-wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 99%;
}

.entry-summary .product_title {
    margin-bottom: 0px;
    background: white;
    padding: 0.5em;
    text-align: center;
    border-radius: 10px;
}

.entry-summary .onsale {
    border: 0;
    font-size: 25px;
    text-align: center;
    background: #f34418;
    width: 100%;
    margin-bottom: -1em;
    color: white;
}

.woocommerce-product-details__short-description>p {
    margin-top:1em;
    display: inline-block;
    margin-bottom:0;
}

/* Hide product page "Back to Card" button */
body.single-product .site-main > p:has(> a.button.card) {
    display: none !important;
}

/* Remove the product-page “Back to category” button */
body.single-product .site-main > p:has(
    > a.button[href*="/product-category/"]
) {
    display: none !important;
}

/* END SINGLE PRODUCT PAGE */

/* WC TABS */

/* =========================
   Product tabs: full width + clean card panel
   ========================= */

/* Tabs area full width */

/* Wrapper spacing */
.woocommerce div.product .woocommerce-tabs{
  margin-top: 18px;
}

/* Panel = card surface */
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;

  background: rgba(245,245,245,.96);
  border: 1px solid rgba(0,0,0,.14);
  border-radius: 18px;
  padding: 18px;

  overflow: visible; /* prevents border/edge clipping on mobile */
}

/* Panel headings */
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel h2:first-child{
  margin-top: 0;
}

/* Images nicer */
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel img{
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.08);
  max-width: 100%;
  height: auto;
}

/* Hide the tab bar completely (keeps panel visible) */
.woocommerce div.product .woocommerce-tabs .wc-tabs{
  display: none !important;
}

/* Hide related products */
.related{
  display: none !important;
}


/* =========================
   Mobile: cleaner Description tab
   ========================= */
@media (max-width: 768px){

  /* Tabs: allow wrapping + nicer spacing */
  .woocommerce div.product .woocommerce-tabs ul.tabs{
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li a{
    padding: 9px 12px;
    font-size: 13px;
  }

  /* Panel: less padding, better readability */
  .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel{
    padding: 14px;
    border-radius: 16px;
    line-height: 1.75;
    margin: 12px;
    width: auto !important;

  }

  /* Typography: prevent “wall of text” */
  .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel p{
    font-size: 14px;
    margin: 0 0 12px;
    color: rgba(0,0,0,.78);
  }

  /* Headings: not too big, consistent spacing */
  .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel h2{
    font-size: 16px;
    margin: 16px 0 8px;
    line-height: 1.25;
  }
  .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel h3{
    font-size: 15px;
    margin: 14px 0 8px;
    line-height: 1.25;
  }

  /* Lists: tighter + cleaner */
  .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel ul,
  .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel ol{
    margin: 10px 0 14px 18px;
    padding: 0;
  }
  .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel li{
    margin: 6px 0;
    font-size: 14px;
  }

  /* Images: reduce “giant image” feeling */
  .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel img{
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 12px 0;
    border-radius: 12px;
  }

  /* If WP adds aligncenter with big margins */
  .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel .aligncenter{
    margin: 12px auto !important;
  }

  /* Links: easier to tap */
  .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel a{
    word-break: break-word;
  }

  .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel{
    padding: 14px;
  }
  .woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel > *{
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }

  .woocommerce div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs .wc-tabs-wrapper{
    width:auto !important;
  }

}

.why-razer-gold{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;  }

.why-razer-gold img{
    margin: auto auto;
}

/* END OF WC TABS */
/*//account page*/

.woocommerce-account .entry-content {
    background-color: #FFF;
    padding: 1em;
    border-radius: 10px;
}

/* ============================================================
   MOOGOLD LOGIN/REGISTER
   ============================================================ */

.woocommerce-account .entry-content{
    background-color:transparent !important;
}
/* 1. CONTAINER LAYOUT */
#customer_login {
    display: flex !important;
    gap: 60px;
    margin-top: 40px !important;
    background: transparent !important;
}

/* 2. GLASS CARD EFFECT FOR LOGIN & REGISTER */
.u-column1.col-1, .u-column2.col-2 {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(15px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(180%);
    border-radius: 24px !important;
    padding: 40px !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05) !important;
    flex: 1;
}

/* 3. TYPOGRAPHY */
#customer_login h2 {
    font-size: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 30px !important;
    color: #1d1d1f !important;
    border-left: 5px solid #F2A800; /* Gold branding */
    padding-left: 15px;
}

/* 4. FORM INPUTS - APPLE STYLE */
.woocommerce-form-login input.input-text,
.woocommerce-form-register input.input-text {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    padding: 12px 15px !important;
    transition: all 0.3s ease !important;
    font-size: 16px !important;
}

.woocommerce-form-login input.input-text:focus,
.woocommerce-form-register input.input-text:focus {
    background: #fff !important;
    border-color: #F2A800 !important;
    box-shadow: 0 0 0 4px rgba(242, 168, 0, 0.1) !important;
    outline: none !important;
}

/* 5. BUTTONS */
button.woocommerce-form-login__submit,
button.woocommerce-form-register__submit {

    background-color: #F2A800 !important;
    color: #fff !important;
    border-radius: 12px !important;
    padding: 15px 30px !important;
    font-weight: 600 !important;
    width: 100% !important;
    text-transform: none !important;
    transition: transform 0.2s ease, background 0.2s ease !important;
}

button.woocommerce-form-login__submit:hover,
button.woocommerce-form-register__submit:hover {
    background-color: #1d1d1f !important;
    transform: scale(1.02);
}

/* 6. SOCIAL LOGIN BUTTONS */
.button-social-login {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 12px !important;
    padding: 12px !important;
    font-weight: 500 !important;
    margin-top: 10px !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    color: #1d1d1f !important;
}

.button-social-login-facebook { border-color: #1877F2 !important; color: #1877F2 !important; }
.button-social-login-google { border-color: #DB4437 !important; color: #DB4437 !important; }


/* ===== Center divider line between Login / Register ===== */
#customer_login{
  position: relative !important;
}

/* vertical line */
#customer_login::before{
  content: "";
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 50%;
  width: 1px;
  transform: translateX(-50%);
  background: rgba(0,0,0,.10);
  pointer-events: none;
}

#customer_login::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  background: #F2A800;
  box-shadow: 0 0 0 6px rgba(242,168,0,.12);
  pointer-events: none;
}


/* 7. MOBILE OPTIMIZATION */
@media (max-width: 767px) {

}



/*order page*/

.entry-content .woocommerce {
    display: flex;
    flex-direction: column;
}

.hentry .entry-content .woocommerce-MyAccount-navigation ul {
    display: flex;
    justify-content: space-evenly;
    align-items: stretch;
    width: 100%;
    margin-bottom: 0;
    border: 0;
}

.hentry .entry-content .woocommerce-MyAccount-navigation ul li {
    border: 0;
}

.woocommerce-account .button {
    text-align: center;
    display: inline-block;
}

.woocommerce-orders-table__cell-order-actions {
    text-align: center;
}

.woocommerce-orders-table a.button {
    background-color: #F2A800;
    border-radius: 5px;
}

nav.woocommerce-MyAccount-navigation {
    background-color: white;
    border-radius: 10px;
}

.woocommerce-MyAccount-content {
    width: 100%;
    margin-top: 2em;
    border-radius: 10px;
    padding: 0 !important;
}

/* =========================
   My Account – top-down glass (full-width content)
   ========================= */

/* Force top-down layout (override floats) */
.woocommerce-account .woocommerce{
  display:block !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
  float: none !important;
  width: 100% !important;
}

/* NAV bar = glass card */
.woocommerce-account .woocommerce-MyAccount-navigation{
  position: relative;
  background: rgba(255,255,255,.62) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 18px;
  padding: 10px;
  margin: 0 0 14px;

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  box-shadow: 0 18px 50px rgba(0,0,0,.14);
  overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-navigation::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: 18px;
  pointer-events:none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}

/* NAV items as horizontal pills (wrap on desktop) */
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  position: relative;
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}


/* Default: keep normal size */
.woocommerce-MyAccount-navigation ul {
    gap: 10px;
}

/* Auto smaller only when there are 7 or more tabs */
.woocommerce-MyAccount-navigation ul:has(li:nth-child(7)) li a {
    padding: 10px 13px;
    font-size: 13px;
}

/* Extra small if 8 or more tabs */
.woocommerce-MyAccount-navigation ul:has(li:nth-child(8)) li a {
    padding: 9px 11px;
    font-size: 12.5px;
}

/* Pills */
.woocommerce-account .woocommerce-MyAccount-navigation li{ margin:0; }

.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding: 10px 14px !important;
  border-radius: 18px;

  background: rgba(255,255,255,.55);
  border: 1px solid rgba(0,0,0,.06);

  color: rgba(0,0,0,.78);
  text-decoration:none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
  border-color: rgba(0,0,0,.10);
  color:#111;
}

/* Active pill */
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background: rgba(242,168,0,.10);
  border-color: rgba(242,168,0,.35);
  box-shadow: 0 14px 30px rgba(242,168,0,.10);
  color:#111;
}

/* CONTENT = glass card */
.woocommerce-account .woocommerce-MyAccount-content{
  position: relative;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 18px;
  padding: 22px !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 18px 50px rgba(0,0,0,.14);
  overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-content::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: 18px;
  pointer-events:none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}

/* Text + links */
.woocommerce-account .woocommerce-MyAccount-content p{
  position: relative;
  color: rgba(0,0,0,.75);
  line-height: 1.7;
}
.woocommerce-account .woocommerce-MyAccount-content a{
  text-decoration: none;
  border-bottom: 2px solid rgba(242,168,0,.0);
  color: rgba(0,0,0,.75);
}

/* Mobile: make nav scrollable instead of wrapping */
@media (max-width: 768px){
  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width:none;
    padding-bottom: 2px;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{ display:none; }
  .woocommerce-account .woocommerce-MyAccount-content{
    padding: 18px;
  }
}

/* =========================
   My Account Orders – search bar + table (match glass theme)
   ========================= */

/* Search bar */
/* Orders table wrapper */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;

  margin-top: 10px;
  overflow: hidden;

  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;

  background: rgba(255,255,255,.45);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}


/* Header */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table thead th{
  background: rgba(255,255,255,.55);
  border-bottom: 1px solid rgba(0,0,0,.08);

  padding: 12px 12px;
  font-weight: 900;
  color: rgba(0,0,0,.75);
}

/* Cells */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tbody td{
  padding: 12px 12px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  color: rgba(0,0,0,.72);
  vertical-align: middle;
}

/* Zebra subtle */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr:nth-child(even){
  background: rgba(255,255,255,.26);
}

/* Order number link */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table a{
  text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table a:hover{
  text-decoration: underline;
}

/* Orders table: make VIEW button nicer (primary glass) */
.woocommerce-account .woocommerce-orders-table .woocommerce-button.button.view{
  border-radius: 999px !important;              /* pill */
  min-width: 92px;
  height: 38px;

  border: 1px solid rgba(242,168,0,.35) !important;
  background: rgba(242,168,0,.10) !important;   /* subtle gold tint */
  color: #111 !important;

  box-shadow:
    0 12px 26px rgba(242,168,0,.10),
    inset 0 1px 0 rgba(255,255,255,.60) !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Hover: black glass like your theme */
.woocommerce-account .woocommerce-orders-table .woocommerce-button.button.view:hover{
  background: rgba(12,12,12,.92) !important;
  color: rgba(255,255,255,.96) !important;
  border-color: rgba(255,255,255,.22) !important;

  box-shadow:
    0 18px 44px rgba(0,0,0,.40),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
}

/* Center the Actions column content */
.woocommerce-account .woocommerce-orders-table th.woocommerce-orders-table__header-order-actions,
.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions{
  text-align: center !important;
}

.woocommerce-orders-table .cancel{
  display:none;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button.button:hover{
  background: rgba(12,12,12,.92);
  color: rgba(255,255,255,.96);
}

/* Pagination button */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination .button{
  border-radius: 14px;
  float:right;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination .button:hover{
    color:white;
}

/* =========================================
   Wallet: ONLY Search/Expand UI + Padding
   Scoped to .woo-wallet-my-wallet-container
   ========================================= */

/* Expand button (light gold, compact) */
.woo-wallet-my-wallet-container #btn-toggle{
  appearance: none;
  background: rgba(242,168,0,.14);
  border: 1px solid rgba(242,168,0,.28);
  color: rgba(0,0,0,.88) !important;

  border-radius: 999px;
  padding: 6px 12px ;
  box-shadow: none;
  cursor: pointer;
}

.woo-wallet-my-wallet-container form{
    display: block !important;
}
.woo-wallet-my-wallet-container #btn-toggle:hover{
  background: rgba(242,168,0,.20) !important;
}

/* Inputs / select */
.woo-wallet-my-wallet-container .search-container input[type="date"],
.woo-wallet-my-wallet-container .search-container input[type="text"],
.woo-wallet-my-wallet-container .search-container select{
  width: 100%;
  height: 38px;
  padding: 8px 10px;

  border-radius: 12px !important;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  color: #111;
  outline: none;
}

/* Focus ring (subtle gold) */
.woo-wallet-my-wallet-container .search-container input[type="date"]:focus,
.woo-wallet-my-wallet-container .search-container input[type="text"]:focus,
.woo-wallet-my-wallet-container .search-container select:focus{
  border-color: rgba(242,168,0,.55);
  box-shadow: 0 0 0 4px rgba(242,168,0,.14);
}

/* Search button (light gold, matches expand) */
.woo-wallet-my-wallet-container #search-btn{
  appearance: none;
  height: 38px;
  padding: 0 14px;

  background: rgba(242,168,0,.14) !important;
  border: 1px solid rgba(242,168,0,.28);
  color: rgba(0,0,0,.88);
  border-radius: 12px;
  box-shadow: none;
  cursor: pointer;
}
.woo-wallet-my-wallet-container #search-btn:hover{
  background: rgba(12,12,12,.92) !important;
  color: rgba(255,255,255,.96);
  border-color: rgba(255,255,255,.18);
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(0,0,0,.22);
}


/* =========================================
   Wallet: Pagination ONLY
   Scoped to .woo-wallet-my-wallet-container
   ========================================= */

.woo-wallet-my-wallet-container .pagination{
  margin-top: 12px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  justify-content: center !important;
}

.woo-wallet-my-wallet-container .pagination a{
  height: 34px !important;
  min-width: 34px !important;
  padding: 0 10px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(0,0,0,.03) !important;
  color: rgba(0,0,0,.85) !important;

  font-size: 12.5px !important;
  text-decoration: none !important;

  transition: background .12s ease, border-color .12s ease, transform .12s ease !important;
}

/* =========================================
   Wallet Redeem Form – Modern UI
   Targets: input[name="woo_wallet_redeem_code"] + .woo-add-to-wallet
   ========================================= */

/* Label text ("Gift Card Code") */
.woo-wallet-my-wallet-container form{
  font-size: 13px;
  font-weight: 850;
  color: rgba(0,0,0,.78);
}

/* Layout: input + button inline */
.woo-wallet-my-wallet-container form input[name="woo_wallet_redeem_code"]{
  height: 44px !important;
  padding: 10px 12px !important;

  border-radius: 12px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  background: #fff !important;
  color: #111 !important;

  outline: none !important;
  margin-top: 8px !important;

  /* remove the inline width styling feel */
  box-sizing: border-box !important;
}

/* Focus ring */
.woo-wallet-my-wallet-container form input[name="woo_wallet_redeem_code"]:focus{
  border-color: rgba(242,168,0,.55) !important;
  box-shadow: 0 0 0 4px rgba(242,168,0,.14) !important;
}

/* Submit button */
.woo-wallet-my-wallet-container form input.woo-add-to-wallet{
  height: 44px !important;
  padding: 0 14px !important;

  border-radius: 12px !important;
  border: 1px solid rgba(242,168,0,.28) !important;
  background: rgba(242,168,0,.14) !important;
  color: rgba(0,0,0,.88) !important;

  font-weight: 950 !important;
  cursor: pointer !important;
  margin-top: 10px !important;
}
.woo-wallet-my-wallet-container form input.woo-add-to-wallet:hover{
  background: rgba(12,12,12,.92) !important;
  color: white !important;
}

.woo-wallet-my-wallet-container .pagination a:hover{
  background: rgba(242,168,0,.12) !important;
  border-color: rgba(242,168,0,.28) !important;
  transform: translateY(-1px) !important;
}

/* If your current page uses class="current" */
.woo-wallet-my-wallet-container .pagination a.current{
  background: rgba(242,168,0,.16) !important;
  border-color: rgba(242,168,0,.35) !important;
}

/* If your current page uses attribute active="" (like your HTML sample) */
.woo-wallet-my-wallet-container .pagination a[active]{
  background: rgba(242,168,0,.16) !important;
  border-color: rgba(242,168,0,.35) !important;
}

/* Optional: keep the whole row on 1 line (Show... + Search button) */
.woo-wallet-my-wallet-container .entry-search-row{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.woo-wallet-my-wallet-container .search-container br{ display:none; }


.woo-wallet-sidebar {
    background-color: #F2A800 !important;
}

.woo-wallet-sidebar .card{
    border-radius: 10px !important;
}

.woo-wallet-content {
    background-color: white;
}

.woocommerce-MyAccount-content>p {
    width: 76.4705882353%;
}

.woocommerce-Button--next {
    background-color: #F2A800;
}

.woocommerce-orders-table a.button:hover {
    color: #FFF;
    border-radius: 5px;
}

.woocommerce-orders-table__header {
    background-color: #F2A800 !important;
}

table.my_account_orders,
.shop_table {
    font-size: .875em;
    border-radius: 1em;
    overflow: hidden;
}

.my_account_orders td {
    text-align: center !important;
}

.my_account_orders td:last-child {
    text-align: left !important;
}

.product-name th,
.product-total th {
    background-color: #F1A800 !important;
}

.woocommerce-customer-details {
    display: none;
}

.woocommerce-order-details table thead th {
    padding: 1.41575em;
    vertical-align: middle;
    background-color: #F1A800;
}

.woo-wallet-sidebar .hentry .entry-content a {
    text-decoration: none;
}


.woocommerce-MyAccount-content {
    width: 100%;
    margin-top: 2em;
    border-radius: 10px;
    padding: 2em;
    background-color: white;
}

fieldset,
fieldset legend {
    background-color: #F3A800;
    border-radius: 10px;
    margin-left: 0;
}

/* =========================================
   WooWallet – Glass Top-up UI (theme: #F2A800)
   Targets: .woo-wallet-content
   ========================================= */

.woo-wallet-my-wallet-container {
 /* border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  */
    border-radius: 18px;
}
.woocommerce-account .woocommerce-MyAccount-content .woo-wallet-content{
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.58);
  padding: 16px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 18px 50px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.65);
}

/* Heading row */
.woocommerce-account .woocommerce-MyAccount-content .woo-wallet-content-heading{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.woocommerce-account .woocommerce-MyAccount-content .woo-wallet-content-h3{
  margin: 0;
  font-size: 18px;
  font-weight: 900;
  color: #111;
  letter-spacing: .2px;
}

/* Balance pill */
.woocommerce-account .woocommerce-MyAccount-content .woo-wallet-price{
  margin: 0;
  display: inline-flex;
  align-items: center;

  padding: 8px 12px;
  border-radius: 999px;

  border: 1px solid rgba(242,168,0,.35);
  background: rgba(242,168,0,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}

.woocommerce-account .woocommerce-MyAccount-content .woo-wallet-price .amount{
  font-weight: 900;
  color: #111;
}

/* Divider */
.woocommerce-account .woocommerce-MyAccount-content .woo-wallet-content hr{
  border: 0;
  height: 1px;
  background: rgba(0,0,0,.08);
  margin: 12px 0 14px;
}

/* Form blocks */
.woocommerce-account .woocommerce-MyAccount-content .woo-wallet-add-amount{
  margin: 0 0 14px;
}

.woocommerce-account .woocommerce-MyAccount-content .woo-wallet-add-amount label{
  display: block;
  margin-bottom: 6px;
  font-weight: 800;
  color: rgba(0,0,0,.70);
}

/* Inputs + select */
.woocommerce-account .woocommerce-MyAccount-content
.woo-wallet-add-amount select,
.woocommerce-account .woocommerce-MyAccount-content
.woo-wallet-add-amount input[type="number"]{
  width: 100%;
  height: 44px;

  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.70);
  color: #111;

  padding: 10px 12px;
  outline: none;

  box-shadow: inset 0 1px 0 rgba(255,255,255,.70);
}

.woocommerce-account .woocommerce-MyAccount-content
.woo-wallet-add-amount select:focus,
.woocommerce-account .woocommerce-MyAccount-content
.woo-wallet-add-amount input[type="number"]:focus{
  border-color: rgba(242,168,0,.65);
  box-shadow: 0 0 0 4px rgba(242,168,0,.18), inset 0 1px 0 rgba(255,255,255,.70);
}

/* Submit button */
.woocommerce-account .woocommerce-MyAccount-content
.woo-wallet-add-amount .woo-add-to-wallet{
  width: 100%;
  height: 44px;
  margin-top: 10px;

  border: 1px solid rgba(242,168,0,.50);
  border-radius: 999px;

  background: rgba(242,168,0,.18);
  color: #111;

  font-weight: 900;
  cursor: pointer;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 12px 26px rgba(0,0,0,.12);
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease;
}

.woocommerce-account .woocommerce-MyAccount-content
.woo-wallet-add-amount .woo-add-to-wallet:hover{
  background: rgba(12,12,12,.92);
  color: rgba(255,255,255,.96);
  border-color: rgba(255,255,255,.18);
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(0,0,0,.22);
}

/* Mobile */
@media (max-width: 768px){
  .woocommerce-account .woocommerce-MyAccount-content .woo-wallet-content{
    padding: 14px;
    border-radius: 16px;
  }

  .woocommerce-account .woocommerce-MyAccount-content .woo-wallet-content-heading{
    flex-direction: column;
    align-items: flex-start;
  }

  .woocommerce-account .woocommerce-MyAccount-content .woo-wallet-price{
    width: 100%;
    justify-content: center;
  }
}

/* =========================
   My Account – Edit Account form (glass + gold)
   ========================= */

/* Form wrapper (anchors ::after divider) */
.woocommerce-account .woocommerce-EditAccountForm{
  position: relative !important;
  padding-bottom: 26px !important;   /* room for divider */
  margin-bottom: 22px !important;
  border-bottom: 2px solid rgba(0,0,0,.14); /* thicker base line */
}

/* Gold accent divider (doesn't affect layout) */
.woocommerce-account .woocommerce-EditAccountForm::after{
  content:"";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;                      /* align with border-bottom */
  height: 4px;                       /* thicker gold accent */
  background: rgba(242,168,0,.65);
  border-radius: 999px;
  box-shadow: 0 1px 0 rgba(255,255,255,.55);
}

/* 2-column for first/last name on desktop */
@media (min-width: 769px){
  .woocommerce-account .woocommerce-EditAccountForm .form-row-first,
  .woocommerce-account .woocommerce-EditAccountForm .form-row-last{
    width: calc(50% - 7px);
    margin: 0;
  }
  .woocommerce-account .woocommerce-EditAccountForm .form-row-first{ float:left; }
  .woocommerce-account .woocommerce-EditAccountForm .form-row-last{ float:right; }
}

/* Labels */
.woocommerce-account .woocommerce-EditAccountForm label{
  display:block;
  margin-bottom: 6px;
  font-weight: 900;
  color: rgba(0,0,0,.78);
}

/* Inputs */
.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Input{
  width: 100%;
  height: 44px;
  padding: 10px 12px;
  border-radius: 14px;

  background: rgba(255,255,255,.60);
  border: 1px solid rgba(0,0,0,.10);

  color:#111;
  outline: none;

  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
  transition: border-color .12s ease, box-shadow .12s ease;
}
.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Input:focus{
  border-color: rgba(242,168,0,.55);
  box-shadow: 0 0 0 4px rgba(242,168,0,.16), inset 0 1px 0 rgba(255,255,255,.55);
}

/* Help text under display name */
.woocommerce-account #account_display_name_description{
  display:block;
  margin-top: 8px;
  color: rgba(0,0,0,.60);
  font-size: 13px;
}

/* Save row layout + spacing */
.woocommerce-account .woocommerce-EditAccountForm > p:last-of-type{
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px !important;
  margin-bottom: 18px !important;    /* space before divider */
}
.woocommerce-account .woocommerce-EditAccountForm > p:last-of-type .woocommerce-Button{
  position: relative;
  z-index: 2;                        /* above divider */
  margin-top: 0 !important;
}

/* Save button */
.woocommerce-account .woocommerce-EditAccountForm button[name="save_account_details"]{
  background: #F2A800 !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  color:#111 !important;

  height: 44px;
  padding: 0 18px;
  border-radius: 14px;

  font-weight: 900;
  letter-spacing: .2px;

  box-shadow:
    0 14px 32px rgba(242,168,0,.22),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -1px 0 rgba(0,0,0,.08);
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease;
}
.woocommerce-account .woocommerce-EditAccountForm button[name="save_account_details"]:hover{
  background: rgba(12,12,12,.92) !important;
  color: rgba(255,255,255,.96) !important;
  border-color: rgba(255,255,255,.22) !important;
  transform: translateY(-1px);
  box-shadow:
    0 18px 44px rgba(0,0,0,.40),
    inset 0 1px 0 rgba(255,255,255,.16);
}

/* =========================
   Password change – clearly optional block
   ========================= */
.woocommerce-account .woocommerce-EditAccountForm fieldset{
  margin: 6px 0 0;
  padding: 14px;
  border-radius: 16px;

  background: rgba(242,168,0,.10) !important;
  border: 1px solid rgba(242,168,0,.32) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 10px 22px rgba(242,168,0,.10) !important;
}

.woocommerce-account .woocommerce-EditAccountForm fieldset legend{
  background: #F2A800 !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  color:#111 !important;

  font-weight: 900;
  border-radius: 999px;
  padding: 8px 12px;

  box-shadow:
    0 14px 32px rgba(242,168,0,.18),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -1px 0 rgba(0,0,0,.08) !important;
}

.woocommerce-account .woocommerce-EditAccountForm fieldset legend::after{
  content:"Optional";
  display:inline-block;
  margin-left: 10px;
  padding: 4px 8px;
  border-radius: 999px;

  background: rgba(255,255,255,.55);
  border: 1px solid rgba(0,0,0,.10);
  color: rgba(0,0,0,.70);
  font-size: 12px;
  font-weight: 900;
  vertical-align: middle;
}

.woocommerce-account .woocommerce-EditAccountForm fieldset label{
  color: rgba(0,0,0,.62);
  font-weight: 800;
}

/* Password inputs */
.woocommerce-account .woocommerce-EditAccountForm fieldset .woocommerce-Input{
  background: rgba(255,255,255,.68) !important;
  border-color: rgba(242,168,0,.22) !important;
}
.woocommerce-account .woocommerce-EditAccountForm fieldset .woocommerce-Input:focus{
  border-color: rgba(242,168,0,.65) !important;
  box-shadow: 0 0 0 4px rgba(242,168,0,.18), inset 0 1px 0 rgba(255,255,255,.55) !important;
}

/* =========================
   Social Login box – match theme
   ========================= */
.woocommerce-account .wc-social-login-profile{
  margin-top: 18px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.50);
}

.woocommerce-account .wc-social-login-profile h2{
  margin: 0 0 10px;
  font-size: 16px;
}

.woocommerce-account .wc-social-login-profile .js-show-available-providers{
  color:#111;
  font-weight: 900;
  border-bottom: 2px solid rgba(242,168,0,.35);
  text-decoration:none;
}

.woocommerce-account .wc-social-login a.button-social-login{
  border-radius: 14px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(255,255,255,.60) !important;
  color:#111 !important;
}
.woocommerce-account .wc-social-login a.button-social-login:hover{
  background: rgba(12,12,12,.92) !important;
  color: rgba(255,255,255,.96) !important;
  border-color: rgba(255,255,255,.22) !important;
}


/* =========================
   Verified phone block (glass + gold)
   Targets: .veryfied_number markup you posted
   ========================= */

.woocommerce-account .veryfied_number{
  background: rgba(255,255,255,.58);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
  position: relative;
  overflow: hidden;
}

.woocommerce-account .veryfied_number::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: 18px;
  pointer-events:none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}

/* Label */
.woocommerce-account .veryfied_number > label{
  display:block;
  margin: 0 0 10px;
  font-weight: 900;
  color: rgba(0,0,0,.78);
  position: relative;
}

/* Input row container */
.woocommerce-account .veryfied_number .phone-number-container{
  display: flex;
  gap: 10px;
  align-items: center;
  position: relative;
}

/* Country code */
.woocommerce-account .veryfied_number .conty_code{
  width: 88px;
  height: 44px;
  padding: 10px 12px;
  border-radius: 14px;

  background: rgba(242,168,0,.12);
  border: 1px solid rgba(242,168,0,.32);
  color:#111;

  font-weight: 900;
  text-align: center;

  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}

/* Phone number */
.woocommerce-account .veryfied_number .phone_numbertshdgf{
  flex: 1;
  min-width: 0;
  height: 44px;
  padding: 10px 12px;
  border-radius: 14px;

  background: rgba(255,255,255,.62);
  border: 1px solid rgba(0,0,0,.10);
  color:#111;

  font-weight: 900;
  letter-spacing: .2px;

  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}

/* Make readonly look intentional (not greyed out) */
.woocommerce-account .veryfied_number input[readonly]{
  opacity: 1;
  -webkit-text-fill-color: #111;
  cursor: default;
}

/* Verified text = “badge line” */
.woocommerce-account .veryfied_number .is_verified{
  margin: 12px 0 0;
  padding: 10px 12px;
  border-radius: 14px;

  background: rgba(242,168,0,.10);
  border: 1px solid rgba(242,168,0,.28);
  color: rgba(0,0,0,.78);

  font-weight: 900;
  position: relative;

  display:flex;
  align-items:center;
  gap: 10px;
}

/* Add a check icon without changing HTML */
.woocommerce-account .veryfied_number .is_verified::before{
  content:"✓";
  width: 22px;
  height: 22px;
  border-radius: 999px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  background: #F2A800;
  border: 1px solid rgba(0,0,0,.12);
  color:#111;

  box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
}

.woocommerce-account .woocommerce-MyAccount-content .license_key_template_table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  padding: 0;
  border-radius: 16px;
  overflow: hidden;

  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.55);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  box-shadow: 0 18px 50px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.60);
}

/* TH (your header is first row in tbody) */
.woocommerce-account .woocommerce-MyAccount-content
.license_key_template_table tbody > tr:first-child > th{
  background: #F2A800 !important;     /* theme color */
  color: #111;
  text-align: center;

  padding: 14px 12px;
  font-weight: 700;
  letter-spacing: .2px;

  border: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45); /* glossy, no gradient */
}

/* TD */
.woocommerce-account .woocommerce-MyAccount-content
.license_key_template_table tbody > tr:not(:first-child) > td{
  padding: 12px 12px;
  text-align: center;
  color: rgba(0,0,0,.72);
  border-top: 1px solid rgba(0,0,0,.06);
}

/* zebra + hover */
.woocommerce-account .woocommerce-MyAccount-content
.license_key_template_table tbody > tr:not(:first-child):nth-child(even) > td{
  background: rgba(255,255,255,.20);
}

/* Order ID emphasis */
.woocommerce-account .woocommerce-MyAccount-content
.license_key_template_table tbody > tr:not(:first-child) > td:first-child{
  font-weight: 700;
  color: rgba(0,0,0,.82);
}


/* View button (glass + theme) */
.woocommerce-account .woocommerce-MyAccount-content
.license_key_template_table button[type="submit"][name="order_id_license_key"]{
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 9px 14px;
  border-radius: 999px;

  border: 1px solid rgba(242,168,0,.45);
  background: rgba(242,168,0,.18);
  color: #111;

  font-weight: 800;
  cursor: pointer;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 10px 22px rgba(0,0,0,.10);
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease;
}


.woocommerce-account .woocommerce-MyAccount-content
.license_key_template_table button[type="submit"][name="order_id_license_key"]:hover{
  background: rgba(12,12,12,.92);
  color: rgba(255,255,255,.96);
  border-color: rgba(255,255,255,.22);
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(0,0,0,.25);
}

.woocommerce-account .woocommerce-MyAccount-content
.license_key_template_table td.red-font{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 900;
  color:red !important;
}


/* Serial Key cell: button + New label nicely aligned */
.woocommerce-account .woocommerce-MyAccount-content
.license_key_template_table td.lk-serial{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

/* *New* = small text (no box) */
.woocommerce-account .woocommerce-MyAccount-content
.license_key_template_table .lk-new{
  font-size: 11px;
  font-weight: 900;
  color: #e11d48;      /* red */
  letter-spacing: .2px;
  white-space: nowrap;
  line-height: 1;
  /* margin-left: 3em; */
}
/* Serial Key cell */
.license_key_template_table td.lk-serial{
  position: relative;
  text-align: center;
}

/* Keep button perfectly centered */
.license_key_template_table td.lk-serial button{
  position: relative;
  z-index: 1;
}

/* NEW label – visually attached to button */
.license_key_template_table .lk-new{
  position: absolute;
  right: calc(50% - 150px); /* pulls NEW next to button */
  top: 50%;
  transform: translateY(-50%);
  margin-left: 6px;
  font-size: 11px;
  font-weight: 900;
  color: #e11d48; /* red */
  letter-spacing: .2px;
  white-space: nowrap;
}

/* =========================================
   MooVault / License Key View (Glass Card)
   Compact spacing = shows more keys
   ========================================= */

.woocommerce-account .woocommerce-MyAccount-content .key-container{
  max-width: 760px;
  margin: 0 auto;

  border-radius: 18px;
  padding: 16px 16px 14px;

  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.60);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  box-shadow: 0 18px 50px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.70);
}

/* Header line: MooVault + icon */
.woocommerce-account .woocommerce-MyAccount-content .mookey{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 12px 14px;
  border-radius: 14px;

  width:100% !important;
  background: rgba(242,168,0,.16);
  border: 1px solid rgba(242,168,0,.28);
  letter-spacing: .2px;
  color: #111;
}

.woocommerce-account .woocommerce-MyAccount-content .mookey i{
  font-size: 18px;
  opacity: .9;
}

/* Sub header */
.woocommerce-account .woocommerce-MyAccount-content .product-code{
  margin: 14px 6px 10px;
  text-align: center;
  color: rgba(0,0,0,.65);
  letter-spacing: .2px;
}

/* Wrapper */
.woocommerce-account .woocommerce-MyAccount-content .serial-key-wrapper{
  margin-top: 8px;
}
/* View button (if you ever show it again) */
.woocommerce-account .woocommerce-MyAccount-content #view-key{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  width: 30%;
  padding: 10px 14px;
  margin: 6px 0 12px;

  border-radius: 999px;
  border: 1px solid rgba(242,168,0,.45);
  background: rgba(242,168,0,.18);
  color: #111;

  font-weight: 900;
  cursor: pointer;

  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 10px 22px rgba(0,0,0,.10);
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease;
}

.woocommerce-account .woocommerce-MyAccount-content #view-key:hover{
  background: rgba(12,12,12,.92);
  color: rgba(255,255,255,.96);
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(0,0,0,.25);
}
/* Key list: scrollable card (more visible rows) */
.woocommerce-account .woocommerce-MyAccount-content .serial-key{
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.45);

  padding: 8px;
  max-height: 520px;
  overflow: auto;

  box-shadow: inset 0 1px 0 rgba(255,255,255,.70);
}

/* Each line (compact) */
.woocommerce-account .woocommerce-MyAccount-content .serial-key p{
  margin: 0;
  padding: 6px 10px;

  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.55);

  color: rgba(0,0,0,.80);
  font-size: 14px;

  display: flex;
  flex-wrap: wrap;
  gap: 6px;

  line-height: 1.25;
}

/* spacing between rows (compact) */
.woocommerce-account .woocommerce-MyAccount-content .serial-key p + p{
  margin-top: 6px;
}

/* Footer */
.woocommerce-account .woocommerce-MyAccount-content .copyright-text{
  margin-top: 12px;
  text-align: center;
  font-size: 12px;
  color: rgba(0,0,0,.45);
}

/* =========================================================
   Empty Cart – Modern card (WooCommerce / Storefront)
   Targets only the empty cart state
   ========================================================= */

.woocommerce .wc-empty-cart-message{
  margin: 0 !important;
}

.woocommerce-cart .woocommerce .cart-empty.woocommerce-info{
  position: relative;
  margin: 18px auto 14px !important;
  max-width: 720px;

  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  padding: 22px 18px 18px 56px !important;

  box-shadow: 0 14px 34px rgba(0,0,0,.10);
  color: rgba(0,0,0,.82);
  font-weight: 800;

  /* remove default Woo notice styling if any */
  background-image: none !important;
}

/* icon bubble */
.woocommerce-cart .woocommerce .cart-empty.woocommerce-info::before{
  content: "🛒";
  position: absolute;
  left: 18px;
  top: 18px;

  width: 30px;
  height: 30px;
  line-height: 30px;

  border-radius: 999px;
  text-align: center;

  background: rgba(242,168,0,.16);
  border: 1px solid rgba(242,168,0,.28);
}

/* “Return to shop” section */
.woocommerce-cart .woocommerce .return-to-shop{
  margin: 0 auto !important;
  max-width: 720px;
  text-align: left !important;
}

/* button */
.woocommerce-cart .woocommerce .return-to-shop .button.wc-backward{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  border-radius: 14px !important;
  padding: 12px 16px !important;

  background: rgba(242,168,0,.16) !important;
  border: 1px solid rgba(242,168,0,.28) !important;
  color: rgba(0,0,0,.86) !important;

  font-weight: 950 !important;
  text-decoration: none !important;

  box-shadow: none !important;
}

.woocommerce-cart .woocommerce .return-to-shop .button.wc-backward:hover{
  background: rgba(242,168,0,.22) !important;
}



/* =========================================================
   MooGold Cart

   Scope: .woocommerce-cart
   ========================================================= */

/* ---------- Table wrapper ---------- */
.woocommerce-cart table.shop_table {
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0 10px; /* space between row “cards” */
}

/* ---------- Table Header ---------- */
.woocommerce-cart table.shop_table thead tr {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .05) !important;
}

table.cart{
    margin-bottom:0;
}
.woocommerce-cart table.shop_table thead th {
    background: #fff;
    color: rgba(0, 0, 0, .56);
    font-weight: 800;
    padding: 14px 12px;
}

.woocommerce-cart table.shop_table thead th:first-child {
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}

.woocommerce-cart table.shop_table thead th:last-child {
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
}

/* ---------- Row card ---------- */
.woocommerce-cart table.shop_table tbody tr.cart_item td {
    border-top: 1px solid rgba(0, 0, 0, .08);
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    padding: 14px 12px;
    vertical-align: middle;
    color: rgba(0, 0, 0, .88);
}

.woocommerce-cart table.shop_table tbody tr.cart_item td:first-child {
    border-left: 1px solid rgba(0, 0, 0, .08);
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.woocommerce-cart table.shop_table tbody tr.cart_item td:last-child {
    border-right: 1px solid rgba(0, 0, 0, .08) ;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

/* ---------- Remove button ---------- */
.woocommerce-cart td.product-remove a.remove {
    line-height: 34px;
    text-align: center;
    color: rgba(0, 0, 0, .65);
    font-size: 20px !important;
    transition: all .15s ease;
}

.woocommerce-cart td.product-remove a.remove:hover {

    /* Combines the upward nudge with a rotation */
    transform: translateY(-1px) rotate(90deg);

    }

/* Ensure the transition is smooth for the rotation */
.woocommerce-cart td.product-remove a.remove {
    transition: transform .3s ease, color .15s ease, background .15s ease;
}

/* ---------- Thumbnail ---------- */
.woocommerce-cart td.product-thumbnail img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 14px;
    border: 1px solid rgba(0, 0, 0, .06);
}

/* ---------- Product title + variation ---------- */
.woocommerce-cart td.product-name > a {
    color: rgba(0, 0, 0, .86);
    text-decoration: none;
}

.woocommerce-cart td.product-name dl.variation {
    margin: 8px 0 0;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(0, 0, 0, .03);
    border: 1px solid rgba(0, 0, 0, .06);
}

.woocommerce-cart td.product-name dl.variation dd:last-child { margin-bottom: 0; }

/* ---------- Price/Subtotal ---------- */
.woocommerce-cart td.product-quantity input.qty {
    width: 78px;
    height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, .12);
    background: #fff;
    box-shadow: none;
}

.woocommerce-cart td.product-quantity input.qty:focus {
    border-color: rgba(242, 168, 0, .55);
    box-shadow: 0 0 0 4px rgba(242, 168, 0, .14);
    outline: none;
}

/* ---------- Coupon + Actions row ---------- */
.woocommerce-cart table.shop_table td.actions {
    background: transparent;
    border: 0;
}

.woocommerce-cart .coupon {
    display: flex !important;
    gap: 10px;
    flex-wrap: wrap;
    padding: 14px !important;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 10px 26px rgba(0, 0, 0, .05);
}

.woocommerce-cart .coupon input#coupon_code {
    flex: 1 1 220px;
    height: 44px;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, .12);
    background: #fff;
}

.woocommerce-cart .coupon input#coupon_code:focus {
    border-color: rgba(242, 168, 0, .55);
    box-shadow: 0 0 0 4px rgba(242, 168, 0, .14);
    outline: none;

}


.woocommerce-cart .coupon button[name="apply_coupon"] {
    height: 44px;
    border-radius: 999px;
    padding: 0 20px;
    border: 1px solid rgba(242, 168, 0, .35);
    background: rgba(242, 168, 0, .14);
    color: rgba(0, 0, 0, .85);
    font-weight: 900;
    width:100%;
}


.woocommerce-cart .coupon button[name="apply_coupon"]:hover {
    transform: translateY(-1px);
    background: #272D2D;
    color: #FFF;
}

/* ---------- Update Cart Button ---------- */
.woocommerce-cart button[name="update_cart"] {
    height: 46px;
    border-radius: 999px;
    padding: 0 20px;
    font-weight: 900;
    background: #F2A800;
    color: white;
    border: none;
    box-shadow: 0 6px 16px rgba(242, 168, 0, .25);
    transition: all .2s ease;
}

.woocommerce-cart button[name="update_cart"]:not([disabled]):hover {
    transform: translateY(-1px);
    background: #272D2D;
    color:#FFF;

}

/* ---------- Cart Totals Card ---------- */
.woocommerce-cart .cart_totals {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .06);
    margin-top: -6em;
}

.woocommerce-cart .cart_totals h2 {
    font-weight: 950;
}

.woocommerce-cart .cart_totals table {
    margin:0;
}


.woocommerce-cart .cart_totals th,
.woocommerce-cart .cart_totals td {
    padding: 10px 0;
    background: transparent !important;
}
.woocommerce-cart .cart_totals tr.order-total td strong {
    font-size: 18px;
    font-weight: 950;
}

/* ---------- Checkout Button ---------- */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    border-radius: 999px;
    font-weight: 950;
    padding: 14px 18px;
    color: #fff; /* Changed to white for better contrast */
    display: block;
    text-align: center;
    margin:0;
}
.wc-proceed-to-checkout{
    margin-bottom:0px;
}

/* Cart totals title with left accent line */
.woocommerce-cart .cart_totals h2{
  position: relative;
  padding-left: 14px;
}

.woocommerce-cart .cart_totals h2::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 18px;
  border-radius: 2px;
  background: #F2A800; /* brand gold */
  height: 22px;
}


/* Use more screen width for cart page (reduce side gutters) */
@media (max-width: 768px) {



}


/* =========================================================
   WooCommerce Add-to-Cart Notice (Modern MooGold style)
   ========================================================= */

.woocommerce .woocommerce-message{
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 16px 0 !important;
  padding: 14px 16px 14px 46px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.08) !important;
  color: rgba(0,0,0,.86) !important;
  font-weight: 800;


  /* remove default Woo styles */
  background-image: none !important;
}

.woocommerce .woocommerce-message::before{
   display:none;
}

/* Text spacing */
.woocommerce .woocommerce-message a:not(.button){
  font-weight: 900;
  text-decoration: underline;
}

/* “View cart” button */
.woocommerce .woocommerce-message .button.wc-forward{
  flex-shrink: 0;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: rgba(242,168,0,.16) !important;
  border: 1px solid rgba(242,168,0,.30) !important;
  color: rgba(0,0,0,.86) !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  /* float: right !important; */
}

.woocommerce .woocommerce-message .button.wc-forward:hover{
  background: rgba(242,168,0,.24) !important;
}

/* make container distribute space */
.woocommerce .woocommerce-message{
  display: flex !important;
  align-items: center;
}

/* push button to the far right */
.woocommerce .woocommerce-message .button.wc-forward{
  margin-left: auto !important;
}

.woocommerce .woocommerce-message::before {
  background: linear-gradient(135deg, #F2A800, #FFD76A);
  color: #fff;
  box-shadow: 0 1px 10px rgba(242,168,0,0.4);
}


.woocommerce-cart table:not( .has-background) th {
    background-color: #F2A800;
}

.woocommerce-cart .button {
    background-color: #F2A800;
    margin-top: 1em;
}

.woocommerce-cart .button:hover {
    color: white;
}


.cart-subtotal th,
.order-total th {
    width: 35%;
}

.cart_totals td {
    text-align: center !important;
}

table.cart .product-thumbnail img {
    width: 5em;
    height: 5em;
    max-width: 100%;
}
a.button.wc-backward.wp-element-button{
    color:white;
    border-radius:5px;
    float:right;
}


/* Checkout page */

.woocommerce-checkout-review-order-table .product-total,
.woocommerce-checkout-review-order-table tfoot td {
    width:35% !important;
}


#billing_address_1_field,
#billing_address_2_field,
#billing_city_field
 {
    display: none !important;
}

/*Delete pay again in failed checkout option*/
.woocommerce-thankyou-order-failed-actions{
    display:none;
}
/* =========================================================
   MooGold Checkout – Modern tidy upgrade (CSS-only)
   Scope: body.woocommerce-checkout
   Accent: #F2A800
   ========================================================= */

#order_review_heading{
    background: #fff;
    margin-bottom: -2px !important;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding-top: 10px;
    padding-left: 10px;
}

#order_review{
    border: 0 !important;

    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.post-7 p.form-row.form-row-first{
  margin-bottom:0;
}
body.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon:hover{
  border-bottom-color: rgba(242,168,0,.85);
}

/* Coupon form card */
body.woocommerce-checkout form.checkout_coupon{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 14px 16px;
  box-shadow: 0 12px 30px rgba(0,0,0,.06);
  margin-top: 10px;
}
body.woocommerce-checkout form.checkout_coupon input#coupon_code{
  height: 46px;
}
body.woocommerce-checkout form.checkout_coupon button[name="apply_coupon"]{
  height: 46px;
  border-radius: 999px;
  padding: 0 18px;
  font-weight: 900;
  background: rgba(242,168,0,.16);
  border: 1px solid rgba(242,168,0,.40);
  color: rgba(0,0,0,.88);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
body.woocommerce-checkout form.checkout_coupon button[name="apply_coupon"]:hover{
  transform: translateY(-1px);
  background: rgba(242,168,0,.22);
  box-shadow: 0 10px 22px rgba(242,168,0,.18);
}

/* ---------- Two columns layout: make them “cards” ---------- */
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2,
body.woocommerce-checkout #order_review{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

/* Titles */
body.woocommerce-checkout #customer_details h3,
body.woocommerce-checkout #order_review_heading{
  margin: 0 0 12px;
  font-weight: 900;
  color: rgba(0,0,0,.85);
}

/* Inputs */

body.woocommerce-checkout .input-text,
body.woocommerce-checkout textarea{
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  padding: 12px 12px;
  box-shadow: none;
}

body.woocommerce-checkout .input-text:focus,
body.woocommerce-checkout textarea:focus{
  border-color: rgba(242,168,0,.55);
  box-shadow: 0 0 0 4px rgba(242,168,0,.14);
  outline: none;
}

/* Select2 (Country/State) */
body.woocommerce-checkout .select2-container .select2-selection--single{
  height: 46px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
}

body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 44px;
  padding-left: 12px;
  font-weight: 800;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 44px;
}

body.woocommerce-checkout #payment ul.payment_methods li{
  background: #fff;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 12px;
  padding: 12px 12px;
  margin: 10px 0;
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
}

/* Payment detail box (dropdown etc) */
body.woocommerce-checkout #payment .payment_box{
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 12px;
  margin-top: 10px;
  padding: 12px;
}

body.woocommerce-checkout .woocommerce-form__label-for-checkbox{
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 12px;
  padding: 12px;
}

/* ---------- Place order button (main CTA) ---------- */

body.woocommerce-checkout #place_order {
    width: 100%;
    border-radius: 100px;
    background: #F2A800;
    color: #000000;
    font-weight: 900;
    text-transform: uppercase;

    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

body.woocommerce-checkout #place_order:hover {
    background: #000000;
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

body.woocommerce-checkout #place_order:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.woocommerce-checkout .form-row-last{
    margin-bottom:0;
}

/* =========================================================
   Checkout - Your order table
   Scope: body.woocommerce-checkout #order_review
   ========================================================= */

  /* Force the table to respect widths */
  body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table{
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0 10px;  /* space between “row cards” */
    border: 0;
    background: transparent;
  }

  /* Header */
  body.woocommerce-checkout #order_review thead th{
    background: #fff;
    border: 0;
    padding: 14px 16px;
    font-weight: 900;
    color: rgba(0,0,0,.65);
  }
  body.woocommerce-checkout #order_review thead th:first-child{
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
    padding: 0px;
  }
  body.woocommerce-checkout #order_review thead th:last-child{
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    text-align: center;
    padding: 0px;
  }

  /* Column split: Product 80% / Subtotal 20% */
  body.woocommerce-checkout #order_review th.product-name,
  body.woocommerce-checkout #order_review td.product-name
    {
        width: 80%;
    }

  body.woocommerce-checkout #order_review th.product-total,
  body.woocommerce-checkout #order_review td.product-total{
    width: 20%;
    text-align: right;
    white-space: nowrap;
    font-weight: 900;
  }

  /* Variation (User ID / Server) - compact + uses width better */
  body.woocommerce-checkout #order_review td.product-name dl.variation{
    margin: 10px 0 0;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(0,0,0,.03);
    border: 1px solid rgba(0,0,0,.06);

    display: grid;
    grid-template-columns: 120px 1fr; /* label / value */
    column-gap: 12px;
    row-gap: 6px;
    width: 100%;
    max-width: 520px; /* prevents it looking “too wide” */
  }

  body.woocommerce-checkout #order_review td.product-name dl.variation dd{
    margin: 0;
  }

  /* Footer totals area (inside this table) */
  body.woocommerce-checkout #order_review tfoot th,
  body.woocommerce-checkout #order_review tfoot td{
    background: #fff !important;
  }
  body.woocommerce-checkout #order_review tfoot tr.order-total td strong{
    font-size: 18px;
  }
  body.woocommerce-checkout #order_review tfoot td{
    text-align: right;
    white-space: nowrap;
  }

/* Checkout - remove the “row card box” for items (wcpa cart rows) */
  body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table{
    border-spacing: 0;
  }

  body.woocommerce-checkout #order_review tbody tr.cart_item.wcpa_cart_has_fields td{
    background: transparent !important;
  }

  /* Optional: keep a simple divider between items */
  body.woocommerce-checkout #order_review tbody tr.cart_item.wcpa_cart_has_fields + tr.cart_item.wcpa_cart_has_fields td{
    border-top: 1px solid rgba(0,0,0,.08);
  }


.woocommerce-billing-fields>h3,
.woocommerce-additional-fields>h3 {
    position: relative;
    padding-left: 18px;
}



.woocommerce-billing-fields>h3::before,
.woocommerce-additional-fields>h3::before,
#order_review_heading::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 28px;
    background: #f5a400 !important;
    border-radius: 999px;
}

.woocommerce-billing-fields>h3,
.woocommerce-additional-fields>h3 {
    border: none !important;
}

#order_review_heading {
    position: relative;
    padding-left: 25px;
}

#order_review_heading::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 28px;
    background: #f5a400;
    border-radius: 999px;
    margin-left: 10px;
    margin-right: 10px;
    border-left:3px;

}

.woocommerce-checkout #customer_details .col-2 {
    display:none;
}

/* When the payment method is selected */
body.woocommerce-checkout #payment ul.payment_methods li:has(input:checked) {
    border-color: #F2A800;
    background: rgba(242,168,0, 0.02);
}

#payment .payment_methods li input[type=radio]:first-child:checked+label:before{
  color: #F2A800;
}


/* ---------- Modern Coupon Bar (Clean & Right-Aligned) ---------- */

body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    color: var(--muted);
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

body.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon:hover {
    transform: translateX(-3px);
}

body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 100px;
    padding: 8px 8px 8px 20px;
    display: flex;
    flex-direction: row;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    margin-bottom: 20px;
}

body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before {
    display: none;
    content: none;
}

/* 3. The Button */
body.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon {
    background: #F2A800;
    padding: 10px 24px;
    border-radius: 100px;
    font-weight: 800;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;

    flex-shrink: 0;
    margin-left: auto;

    display: inline-block;
    text-decoration: none;
    line-height: 1;
    transition: all 0.2s ease;
}

body.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon:hover {
    background: #000000;
    color: #ffffff;
}

@media (max-width: 480px){

  /* Make the table behave better on small screens */
  .woocommerce-checkout-review-order-table{
    table-layout: fixed;   /* columns respect widths */
    width: 100%;
  }

  /* Product column can shrink/wrap */
  .woocommerce-checkout-review-order-table th.product-name,
  .woocommerce-checkout-review-order-table td.product-name{
    width: auto;
    min-width: 0;
  }

  /* Subtotal column always has space */
  .woocommerce-checkout-review-order-table th.product-total,
  .woocommerce-checkout-review-order-table td.product-total{
    width: 92px !important;      /* adjust: 80-110 */
    min-width: 92px !important;
    white-space: nowrap !important;
  }

  /* Ensure amount itself never wraps/clips */
  .woocommerce-checkout-review-order-table td.product-total .amount,
  .woocommerce-checkout-review-order-table td.product-total bdi{
    white-space: nowrap !important;
    display: inline-block !important;
  }

  body.woocommerce-checkout #order_review thead th:last-child{
    text-align:   center !important ;
  }
}

/*Affiliate*/

.affiliate-moogold-logo{
    width: 18em;
}
.entry-content-affiliate h2,.entry-content-affiliate  h3,.entry-content-affiliate  h4, .entry-content-affiliate  h5{
        text-align:center;

}
.how-much-ref {
    margin-top: 2em;
    margin-bottom: 2em;
    background-color: white;
    padding: 1em;
    border-radius: 10px;
}

.ref-rate {
    font-size: 72px;
}

.how-much-ref>p {
    text-align: center;
}

.ref-program-heading {
    margin: 0;
    background-color: white;
    padding-bottom: 1em;
    padding-top: 1em;
}

.ref-header {
    background-color: white;
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    border-radius: 10px;
}

.ref-header button {
    background-color: #F2A800;
    color: white;
    margin-top: 1em;
}

.ref-header button:hover {
    background-color: #272d2d;
}

.ref-steps {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 2em;
    margin-bottom: 2em;
    justify-content: space-evenly;
}

.ref-steps>div:last-child {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.ref-steps>div:first-child {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.ref-steps>div {
    background-color: white !important;
    text-align: center;
    padding: 1em;
}

.ref-steps img {
    width: 8em;
    height: 8em;
    margin: 0 auto;
}

.why-ref {
    display: grid;
    grid-template-columns: 1fr;
}

.why-ref-1,
.why-ref-3 {
    display: flex;
    margin-bottom: 2em;
    justify-content: space-around;
    background-color: white;
    padding: 1em;
    padding-top: 3em;
    padding-bottom: 3em;
}

.why-ref-1 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.why-ref-3 {
    border-radius: 10px
}

.why-ref-2 {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 2em;
    justify-content: space-around;
    background-color: white;
    padding: 1em;
    border-radius: 10px;
    padding-top: 3em;
    padding-bottom: 3em;
}

.why-ref img {
    width: 15em;
    margin: 0 auto;
}

.why-ref-1-explanation,
.why-ref-2-explanation,
.why-ref-3-explanation {
    grid-column: 1;
    align-items: center;
    padding: 1em;
    max-width: 25em;
}

#affwp-affiliate-dashboard {
    background-color: white;
    padding: 1%;
    border-radius: 10px;
}

#affwp-affiliate-dashboard .button {
    background-color: #f2a800;
    color: white;
    width: 100%;
}

#affwp-affiliate-dashboard .button:hover {
    background-color: #272d2d;
}

#affwp-affiliate-dashboard-tabs {
    display: flex;
    justify-content: space-evenly;
}

#affwp-affiliate-dashboard input {
    border-radius: 5px;
}

.affwp-graphs-date-options {
    height: 3em;
    border-radius: 5px;
}

#affwp-graphs-filter .button {
    width: auto;
}

.affwp-form fieldset {
    background-color: white;
    border-radius: 10px;
}

.affwp-form legend {
    color: white;
}

.affwp-form .button {
    width: 100%;
    background-color: #f2a800;
    color: white;
}

.affwp-form .button:hover {
    width: 100%;
    background-color: #272d2d;
    color: white;
}


/*About US*/

.post-2 .entry-header {
    display: none;
}

/* ============================================================
   MOOGOLD ABOUT US - MODERN GRID REFINEMENT
   ============================================================ */

/* 1. RESET & ICON VISIBILITY FIX */
/* This forces all icons (including Safe & Secure) to be visible and reset old grid logic */
.about-us img,
.fast-delivery-about-us img,
.customer-support-about-us img,
.reliable-about-us img,
.secure-about-us img,
.about-us-contact-us img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: 80px !important; /* Standard size */
    height: auto !important;
    min-height: 50px;
    margin: 0 !important;
}

/* 2. THE TOP "ABOUT US" CARD - Icon Left, Text Right */
.about-us {
    display: grid !important;
    grid-template-columns: 120px 1fr !important; /* Column 1 for Icon, Column 2 for Text */
    grid-template-areas:
        "icon title"
        "icon text" !important;
    gap: 10px 40px !important;
    align-items: center !important;
    background: #ffffff !important;
    padding: 50px !important;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    margin-bottom: 50px !important;
}

.about-us img { grid-area: icon; width: 120px !important; }
.about-us h3 { grid-area: title; margin: 0 !important; color: #F2A800 !important; font-weight: 800; font-size: 24px; }
.about-us div { grid-area: text; }

h1.why-us {
    border-left: 5px solid #F2A800 !important;
    padding-left: 20px !important;
    margin: 40px 0 30px 0 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 28px !important;
}
    .moogold-legacy-about-layout .entry-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 25px;
    }
    /* Make headers and full-width sections span both columns */
    .about-us, h1.why-us, .about-us-contact-us {
        grid-column: span 2 !important;
    }

/* 4. BENEFIT CARDS (The Small Boxes) */
.fast-delivery-about-us,
.customer-support-about-us,
.reliable-about-us,
.secure-about-us {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    background: #fff !important;
    padding: 35px !important;
    border-radius: 20px;
    border: 1px solid #eee !important;
    transition: all 0.3s ease;
}

.fast-delivery-about-us:hover,
.customer-support-about-us:hover,
.reliable-about-us:hover,
.secure-about-us:hover {
    transform: translateY(-5px);
    border-color: #F2A800 !important;
    box-shadow: 0 15px 30px rgba(242, 168, 0, 0.1);
}

.fast-delivery-about-us img,
.customer-support-about-us img,
.reliable-about-us img,
.secure-about-us img {
    margin: 0 auto 20px !important; /* Centered for these cards */
    height: 60px !important;
}

/* 5. CONTACT US SECTION - Icon Left, Text Right */
.about-us-contact-us {
    display: grid !important;
    grid-template-columns: 80px 1fr !important;
    grid-template-areas:
        "icon title"
        "icon info" !important;
    gap: 10px 40px !important;
    background: #181b22 !important;
    color: #fff !important;
    padding: 50px !important;
    border-radius: 20px;
    margin-top: 50px !important;
}

.about-us-contact-us img { grid-area: icon; width: 80px !important; }
.about-us-contact-us h3 { grid-area: title; color: #F2A800 !important; margin: 0 !important; }
.about-us-contact-us div { grid-area: info; color: #ccc !important; }
.about-us-contact-us a { color: #F2A800 !important; font-weight: bold; }

/* ============================================================
   MOOGOLD PRIVACY POLICY - CLEAN FIX
   ============================================================ */

/* 1. SECTION HEADERS - GOLD BORDER DESIGN */
/* This matches your 'Why Us' style for consistency */
.post-5718 h2 {
    border-left: 4px solid #F2A800 !important;
    padding-left: 15px !important;
    margin: 40px 0 20px 0 !important;
    font-size: 22px !important;
    color: #181b22 !important;
    display: block !important;
}

/* 2. TABLE FIX (Prevents horizontal scrolling/squashing) */
.post-5718 table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 20px 0 !important;
    background: #fff !important;
}

.post-5718 th {
    background: #181b22 !important;
    color: #fff !important;
    padding: 12px !important;
    text-align: left !important;
}

.post-5718 td {
    padding: 12px !important;
    border: 1px solid #eee !important;
    vertical-align: top !important;
}

/* 3. MOBILE OPTIMIZATION */
@media (max-width: 767px) {
    /* Increase spacing for better readability on phones */
    .post-5718 .entry-content p,
    .post-5718 .entry-content li {
        line-height: 1.8 !important;
        font-size: 16px !important;
        margin-bottom: 20px !important;
    }

    /* Force the table to be scrollable if it's too wide */
    .post-5718 table {
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap;
    }

    .post-5718 h1.entry-title {
        font-size: 24px !important;
        text-align: center;
    }
}

/* 4. CLEAN UP THE TEXT WALL */
.post-5718 .entry-content p {
    color: #444 !important;
}

.post-5718 ul {
    margin-bottom: 30px !important;
}

.post-5718 ul li {
    margin-bottom: 10px !important;
}
/* ============================================================
   MOOGOLD PRIVACY POLICY
   ============================================================ */

/* 1. THE MAIN CONTENT AREA - GLASS EFFECT */
/* Targeted specifically at the Privacy Policy page */
.post-5718.page , .post-5721.page, .post-6398.page{
    background: rgba(255, 255, 255, 0.7) !important; /* Semi-transparent white */
    backdrop-filter: blur(12px) saturate(180%) !important; /* The 'Glass' blur */
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 30px !important;
    padding: 0px 40px !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04) !important;
    margin-top: 40px !important;
}

/* 2. SECTION HEADERS - CLEAN & PREMIUM */
.post-5718 h2, .post-5721 h2, .post-6398 h2 {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #1d1d1f !important; /* Apple Black */
    margin: 50px 0 20px 0 !important;
    padding-left: 15px !important;
    border-left: 4px solid #F2A800 !important; /* Your signature Gold */
    letter-spacing: -0.022em !important;
}

/* 3. APPLE-STYLE TABLES (Glass Table) */
.post-5718 table, .post-5721 table, .post-6398 table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-radius: 15px !important;
    overflow: hidden;
    margin: 30px 0 !important;
}

.post-5718 th, .post-5721 th, .post-6398 th {
    background: rgba(0, 0, 0, 0.03) !important;
    color: #1d1d1f !important;
    font-weight: 600 !important;
    padding: 18px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.post-5718 td, .post-5721 td, .post-6398 td {
    padding: 18px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important;
    color: #424245 !important;
    line-height: 1.6;
}

/* 4. TYPOGRAPHY - CLEAN & SPACED */
.post-5718 .entry-content p, .post-5721 .entry-content p, .post-6398 .entry-content p {
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #424245 !important;
    margin-bottom: 25px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

/* 5. MOBILE RESPONSIVENESS */
@media (max-width: 767px) {
    .post-5718.page, .post-5721.page, .post-5721.page {
        padding: 30px 20px !important;
        margin: 20px 10px !important;
        border-radius: 20px !important;
    }

    .post-5718 h1.entry-title, .post-5721 h1.entry-title, .post-6398 h1.entry-title {
        font-size: 28px !important;
        text-align: left;
        margin-bottom: 30px;
    }

    .post-5718 table, .post-5721 table, .post-6398 table {
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

/* 6. REMOVE THE EDIT LINK BOX FOR CLEANER LOOK */
.edit-link {
    display: none !important;
}



/* Plugins */
.woa-top-bar-wrap, .woa-top-bar .block .widget_nav_menu ul li .sub-menu{
    display:none !important;
}

/* FORGOT PASSWORD */
/* Lost password page wrapper */
.woocommerce-lost-password .entry-content,
body.woocommerce-lost-password-page .entry-content,
.woocommerce-account.lost-password .entry-content,
.postid-2858 .entry-content {
    max-width: 760px;
    margin: 40px auto;
}

/* Card */
.woocommerce form.lost_reset_password {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 28px;
    padding: 40px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}

/* Page title */
.woocommerce-lost-password .entry-title,
.postid-2858 .entry-title {
    font-size: 42px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 24px;
    color: #1f1f1f;
    text-align: center;
}

/* Description text */
.woocommerce form.lost_reset_password > p:first-child {
    font-size: 18px;
    line-height: 1.7;
    color: #666;
    margin-bottom: 28px;
    text-align: center;
}

/* Label */
.woocommerce form.lost_reset_password label {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #1f1f1f;
    margin-bottom: 10px;
}

/* Input row */
.woocommerce form.lost_reset_password .form-row {
    width: 100%;
    margin-bottom: 22px;
}

/* Input */
.woocommerce form.lost_reset_password input.input-text,
.woocommerce form.lost_reset_password .woocommerce-Input {
    width: 100%;
    height: 64px;
    border: 1px solid #dedede;
    border-radius: 18px;
    background: #fff;
    padding: 0 20px;
    font-size: 18px;
    color: #222;
    box-shadow: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.woocommerce form.lost_reset_password input.input-text:focus,
.woocommerce form.lost_reset_password .woocommerce-Input:focus {
    outline: none;
    border-color: #f5a400;
    box-shadow: 0 0 0 4px rgba(245, 164, 0, 0.12);
}

/* Button row */
.woocommerce form.lost_reset_password .woocommerce-form-row.form-row:last-of-type {
    margin-top: 12px;
    margin-bottom: 0;
}

/* Button */
.woocommerce form.lost_reset_password .woocommerce-Button.button {
    width: 100%;
    min-height: 64px;
    border: 0;
    border-radius: 18px;
    background: #F2A800;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    padding: 18px 24px;
    transition: transform .08s ease, filter .15s ease, box-shadow .15s ease;
    box-shadow: none;
}

.woocommerce form.lost_reset_password .woocommerce-Button.button:hover {
    filter: brightness(0.97);
    background: rgba(12,12,12,.92);
}

.woocommerce form.lost_reset_password .woocommerce-Button.button:active {
    transform: translateY(1px);
}

/* Notices */
.woocommerce-notices-wrapper {
    max-width: 760px;
    margin: 0 auto 20px;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    border: 1px solid #ececec;
    border-radius: 18px;
    background: #fff;
    padding: 16px 20px;
    color: #333;
}

/* Checkout Error Container */
.woocommerce-error {
    background: #fff5f5;
    border: 1px solid #f5c2c7;
    border-left: 5px solid #dc3545;
    color: #842029;
    padding: 16px 20px;
    margin: 20px 0;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.6;
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.08);
    list-style: none;
}

.woocommerce-error a {
    color: #a02020 !important;
    font-weight: 600;
}


/* Remove default bullets */
.woocommerce-error li {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

/* Optional icon */
.woocommerce-error::before {
    content: "";
    font-weight: 600;
    margin-right: 6px;
}

/* Remove weird float behavior from WooCommerce old layout */
.woocommerce form.lost_reset_password .form-row-first,
.woocommerce form.lost_reset_password .form-row-last,
.woocommerce form.lost_reset_password .form-row-wide {
    float: none;
    width: 100%;
}

/* Mobile */
@media (max-width: 767px) {
    .woocommerce-lost-password .entry-title,
    .postid-2858 .entry-title {
        font-size: 32px;
    }

    .woocommerce form.lost_reset_password {
        padding: 24px;
        border-radius: 22px;
    }

    .woocommerce form.lost_reset_password input.input-text,
    .woocommerce form.lost_reset_password .woocommerce-Input,
    .woocommerce form.lost_reset_password .woocommerce-Button.button {
        height: 56px;
        font-size: 16px;
        border-radius: 16px;
    }

    .woocommerce form.lost_reset_password > p:first-child {
        font-size: 16px;
    }
}


/* Mobile homepage */

@media only screen and (max-width: 768px) {
    .site-header {
        padding: 0;
    }
    .site-search {
            padding: 10px 20px;
        }
    #masthead .site-search {
        display:none;
        }
    .widget_search form,
    .widget_product_search form {
        width: 100% !important;
        max-width: 100%;
    }

    .woocommerce-message{
        margin:10px !important;
    }
   .woocommerce .woocommerce-message{
    flex-direction: column;
    align-items: flex-start;
    padding: 14px !important;
  }

  .woocommerce .woocommerce-message .button.wc-forward{
    width: 100%;
    text-align: center;
    margin-top: 8px;
  }

/* =========================================================
   Mobile Menu (handheld-navigation) – Cleaner, less “boxed”
   Paste at the VERY END
   ========================================================= */

/* Panel */
.handheld-navigation{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 16px 40px rgba(0,0,0,.18);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;

  padding: 8px !important;
  border-radius: 16px;
}

/* Remove the “card gaps” and make list tight */
.handheld-navigation ul.menu{
  padding: 0;
  margin: 0;
}
.handheld-navigation ul.menu > li{
  margin: 0;
  padding: 0;
}

/* Flat list items with separators */
.handheld-navigation ul.menu > li{
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.handheld-navigation ul.menu > li:last-child{
  border-bottom: 0;
}

/* Top-level links: remove pill look */
.handheld-navigation ul.menu > li > a{
  margin: 0;
  border: 0;
  box-shadow: none;
  background: transparent;

  border-radius: 12px;
  padding: 14px 14px;

  font-weight: 600;
  letter-spacing: .02em;
  text-transform: none;
}

/* Nice hover (subtle) */
.handheld-navigation ul.menu > li > a:hover{
  transform: none !important;
  background: rgba(242,168,0,.10);
}

/* Give children item some indent, less “cards inside cards” */
.handheld-navigation li.menu-item-has-children > ul.sub-menu{
  margin: 6px 0 10px;
  padding: 6px;

  border-radius: 12px;
  background: rgba(0,0,0,.02);
  border: 1px solid rgba(0,0,0,.06);
}

.handheld-navigation ul.sub-menu li a{
  margin: 0;
  border: 0;
  box-shadow: none;
  background: transparent;

  padding: 12px 12px;
  border-radius: 10px;
  font-weight: 800;
}

.handheld-navigation ul.sub-menu li a:hover{
  transform: none !important;
  background: rgba(242,168,0,.10);
}

/* Dropdown toggle: simpler button (no glass) */
.handheld-navigation li.menu-item-has-children > .dropdown-toggle{
  background: rgba(0,0,0,.04);
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: none !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* Currency select: make it look like a normal field, not a card */
.handheld-navigation .widget_wc_aelia_currencyswitcher_widget{
  padding: 10px 0 0;
}
.handheld-navigation .aelia_cs_currencies{
  width: 100%;
  margin: 0;

  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  box-shadow: none;
}

.woocommerce-store-notice.demo_store
{
    margin-bottom: 5em;
}

.demo_store a.woocommerce-store-notice__dismiss-link {
    float: right;
}

  /* 1) Darken/soften the page BEHIND the open menu (scrim) */
body::before{
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.28);      /* increase to .35 if needed */
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility 0s linear .2s;
    z-index: 998;
  }

  /* Storefront adds .toggled when menu opens */
  .main-navigation.toggled ~ body::before,
  body.storefront-primary-navigation-toggled::before{ /* if your theme adds this */
    opacity: 1;
    visibility: visible;
    transition: opacity .2s ease, visibility 0s;
  }

  /* If the selector above doesn't work in your theme, use this robust one: */
  .main-navigation.toggled body::before{ opacity: 1; visibility: visible; }

  /* 2) Make the menu panel basically “frosted card” (not transparent glass) */
  .handheld-navigation{
    background: rgba(255,255,255,.96);   /* almost solid */
    border: 1px solid rgba(0,0,0,.06);
    -webkit-backdrop-filter: blur(10px) saturate(120%);
    backdrop-filter: blur(10px) saturate(120%);
    box-shadow: 0 20px 60px rgba(0,0,0,.24);
  }


  /* 4) Submenu container and links solid too */
  .handheld-navigation li.menu-item-has-children > ul.sub-menu{
    background: rgba(245,245,245,.98);
    border: 1px solid rgba(0,0,0,.06);
  }
  .handheld-navigation ul.sub-menu li a{
    background: #fff;
    border: 1px solid rgba(0,0,0,.05);
  }

 /* default: hidden */
  #site-navigation .handheld-navigation{
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transform: translateY(-6px);
    pointer-events: none;
    transition: max-height .22s ease, opacity .18s ease, transform .18s ease, visibility 0s linear .22s;
  }

  /* when menu is open (Storefront adds .toggled on .main-navigation) */
  #site-navigation.toggled .handheld-navigation{
    max-height: 80vh;          /* allow full menu height */
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
    transition: max-height .28s ease, opacity .20s ease, transform .20s ease, visibility 0s;
  }

  /* If any pseudo-elements create leftover bars, kill them */
  #site-navigation .handheld-navigation::before,
  #site-navigation .handheld-navigation::after{
    content: none;
    display: none;
  }
  /* sub-menu links spacing */
  .handheld-navigation ul.sub-menu li a{
    padding: 12px 16px;
    line-height: 1.2 ;
  }

  .handheld-navigation ul.menu > li > ul.sub-menu{
    display: none !important;
  }
  .main-navigation .handheld-navigation ul.menu{
    display: block !important;
  }
    button.dropdown-toggle {
        display: none !important;
    }

    li.menu-item.menu-item-type-gs_sim.menu-item-object-gs_sim.menu-item-614876 {
        display: none !important;
    }

    /* Glass hamburger */
    button.menu-toggle{
      border-radius: 999px !important;

      /* glass fill */
      background: linear-gradient(
        180deg,
        rgba(255,255,255,.70),
        rgba(255,255,255,.38)
      ) !important;

      -webkit-backdrop-filter: blur(16px) saturate(160%);
      backdrop-filter: blur(16px) saturate(160%);

      /* glass edge + highlight */
      border: 1px solid rgba(255,255,255,.55) !important;
      box-shadow:
        0 14px 34px rgba(0,0,0,.18),     /* outer drop shadow */
        inset 0 1px 0 rgba(255,255,255,.65), /* top inner highlight */
        inset 0 -1px 0 rgba(0,0,0,.06) !important; /* subtle inner depth */

      /* interaction */
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    }

    /* hover */
    button.menu-toggle:hover{
      transform: translateY(-1px);
      box-shadow:
        0 18px 46px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.70),
        inset 0 -1px 0 rgba(0,0,0,.06) !important;
    }

    /* pressed */
    button.menu-toggle:active{
      transform: translateY(0);
      box-shadow:
        0 10px 24px rgba(0,0,0,.18),
        inset 0 2px 10px rgba(0,0,0,.10),
        inset 0 1px 0 rgba(255,255,255,.55) !important;
    }

    /* keyboard focus */
    button.menu-toggle:focus-visible{
      outline: none;
      box-shadow:
        0 14px 34px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.65),
        0 0 0 3px rgba(242,168,0,.25) !important;
    }


    .how-to-buy {
        flex-direction: column;
        margin-top: 50px;
        height: auto;
    }
    .how-to-buy-child {
        border-right: none;
    }
    .popular-category {
        grid-template-columns: repeat(2, 1fr); /* 2 columns on mobile */
        gap: 10px;
        padding: 5px;
    }
    .carousell li.product {
        flex: 0 0 calc(50% - 20px) !important;
        min-width: calc(50% - 20px) !important;
        max-width: calc(50% - 20px) !important;
    }
    /* Ensure the image doesn't stretch the card width */
    .carousell li.product img {
        width: 100% !important;
        height: auto !important;
        max-width: 150px !important; /* Adjust this to make the image smaller/skinnier */
        border-radius: 12px !important;
    }

    /* Make the title fit the skinny width */
    .carousell li.product .woocommerce-loop-product__title {
        font-size: 13px !important;
        line-height: 1.3 !important;
        margin: 10px 0 !important;
        min-height: 34px !important;
    }
    .carousell .woocommerce {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    .prev-button, .next-button { display: none !important; }

    .columns-5 {
        transition-duration: 0.5s;
        overflow: visible;
    }
  .footer-moogold{
    grid-template-columns:1fr;
    gap:18px;
  }
  .site-footer-logo{ text-align:left; }
  .site-footer .social-icon{ justify-content:flex-start; }
  #weglot_here{ justify-content:flex-start; }

  .site-navigation{
    grid-template-columns: repeat(2, minmax(160px, 1fr));
  }
    .footer-moogold,
    .site-navigation {
        flex-direction: column;
    }
    .social-icon{
        width:100%;
    }
    .site-footer-logo {
        display: flex;
        flex-direction: column;
        width: 15em;
        align-items: flex-start;
    }

    /*Mobile my account order page*/
    .my_account_orders td:last-child {
        text-align: center !important;
    }
    /*Mobile Products Page*/
    .single-product div.product .woocommerce-product-gallery img {
        margin: 0 auto;
    }
    .woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item.button-variable-item {
        width: auto !important;
        flex: auto !important;
    }

    ul.products::before{
        content: none;
    }

  .products{
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.5em;
    width: 98%;
  }

    .col-full{
            margin: 0;
            padding: 1%;
            margin-bottom: 1em;
    }


    .variations_form button {
        display: inline-block;
    }

    .related{
        display: none;
    }
    /*Mobile Accounts Page */
    .woocommerce-MyAccount-navigation ul {
        flex-direction: column;
    }
    .woocommerce-MyAccount-content>p {
        width: 100%;
    }
    .woocommerce-account .veryfied_number{
        padding: 12px;
        border-radius: 16px;
    }
    .woocommerce-account .veryfied_number .phone-number-container{
            gap: 8px;
    }
    .woocommerce-account .veryfied_number .conty_code{
        width: 78px;
    }

    /* Reduce button size on mobile to save space */
    .lk-serial button {
        padding: 5px 10px !important;
        font-size: 12px !important;
        min-width: 70px !important; /* Prevents it from getting too small */
    }

    /* Ensure the table cell doesn't hide the badge */
    .license_key_template_table td {
        overflow: visible !important;
        padding: 8px 4px !important;
    }

    /* Adjust the serial container for tight mobile screens */
    .lk-serial {
        gap: 5px;
    }
  .woo-wallet-my-wallet-container .entry-search-row{
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .woo-wallet-my-wallet-container #search-btn{
    width: 100% !important;
  }
    .woo-wallet-my-wallet-container .pagination a{
    height: 32px !important;
    min-width: 32px !important;
    padding: 0 9px !important;
    font-size: 12px !important;
    }
    /* MooKeys Page*/
      .woocommerce-account .woocommerce-MyAccount-content .key-container{
        padding: 14px 12px 12px;
        border-radius: 16px;
      }

      .woocommerce-account .woocommerce-MyAccount-content .serial-key{
        max-height: 420px;
      }

      .woocommerce-account .woocommerce-MyAccount-content .serial-key p{
        padding: 6px 9px;
        font-size: 13px;
        line-height: 1.2;
      }

      .woocommerce-account .woocommerce-MyAccount-content .serial-key p + p{
        margin-top: 5px;
      }
/*Login page*/
    #customer_login {
        flex-direction: column !important;
        padding: 15px !important;
    }

    .u-column1.col-1, .u-column2.col-2 {
        padding: 30px 20px !important;
    }

    #customer_login::before,
    #customer_login::after{
    display: none !important;
  }

    /*Mobile Cart Page*/
    .coupon{
        padding:1em;
    }
    .woocommerce-cart .shop_table {
        border-radius: 0px;
        overflow: visible;
    }
    .fast-delivery-about-us p,
    .customer-support-about-us p,
    .reliable-about-us p,
    .about-us p {
        width: 100%;
    }
    .fast-delivery-about-us,
    .customer-support-about-us,
    .reliable-about-us {
        height: 100%;
        flex-direction: column;
    }
    .about-us {
        flex-direction: column;
    }
    /* Add space between the cards */
        .about-us,
        .fast-delivery-about-us,
        .customer-support-about-us,
        .reliable-about-us,
        .secure-about-us,
        .about-us-contact-us {
            margin:10px;
            margin-bottom: 30px !important;
            padding: 30px 20px !important; /* Internal space */
        }
    .about-us, .about-us-contact-us {
        display: flex !important;
        flex-direction: column !important;
        text-align: center !important;
    }
    .about-us img, .about-us-contact-us img {
        margin: 0 auto 20px !important;
    }
    .moogold-legacy-about-layout .entry-content {
        display: flex !important;
        flex-direction: column;
    }
        /* Make text more readable with better line height */
        .entry-content div, .entry-content p {
            line-height: 1.6 !important;
            font-size: 15px !important;
        }
    .about-us-contact-us {
            text-align: center !important;
    }

    /* Add space between the address lines */
    .about-us-contact-us div {
        line-height: 1.8 !important;
    }

    /* Make the Facebook link stand out so it's a clear "button" area */
    .about-us-contact-us a {
        display: inline-block;
        margin-top: 10px;
        padding: 5px 10px;
        background: rgba(242, 168, 0, 0.1);
        border-radius: 5px;
    }
    .about-us-contact-us {
        flex-direction: column;
    }
    .secure-about-us {
        padding: 1em;
    }
    /*Mobile Affiliate Form*/
    .ref-steps{
        grid-template-columns: 1fr;
    }
    .ref-steps > div{
        margin-bottom:  1em;
        margin-top:     1em;
    }
    .why-ref-1, .why-ref-2, .why-ref-3{
        flex-direction:     column;
    }
    .affwp-form {
        padding: 0;
    }
    #affwp-affiliate-dashboard {
        padding-left: 1em;
        padding-right: 1em;
    }
    #affwp-affiliate-dashboard-tabs {
        flex-direction: column;
        align-items: center;
    }
    .affwp-graphs-date-options {
        margin-bottom: 1em;
        width: 100%;
        text-align: center;
        text-align-last: center;
    }

    /* Shopping Cart Page */

    body.woocommerce-cart .col-full {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Common themes use container wrappers */
    body.woocommerce-cart .container,
    body.woocommerce-cart .site-main,
    body.woocommerce-cart .entry-content {
        max-width: 100%;
        padding-left: 2px;
        padding-right: 2px;
    }

    /* Put Update cart below coupon, full width */
    body.woocommerce-cart button[name="update_cart"] {
        width: 100%;
    }

    /* Actions area must behave like a normal block section */
    body.woocommerce-cart table.shop_table td.actions {
        padding: 12px 0 16px;
        margin: 0 0 14px;
    }

    /* Force Update cart to be a full-width block below coupon */
    body.woocommerce-cart table.shop_table td.actions button[name="update_cart"] {
        margin-bottom: 2.5em;
    }

    /* Add spacing before totals so nothing can overlap visually */
    body.woocommerce-cart .cart-collaterals {
        clear: both ;
        margin-top: 14px;
    }

    .woocommerce-cart table.shop_table tbody tr.cart_item td:first-child {
        border-left: 1px solid rgba(0, 0, 0, .08);
        border-top-left-radius: 16px;
        border-bottom-left-radius: 0px;
    }

    .woocommerce-cart table.shop_table tbody tr.cart_item td:last-child {
        border-right: 1px solid rgba(0, 0, 0, .08);
        border-top-right-radius: 0px;
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px;
    }
    /*Mobile about us page*/
    .about-us img,
    .about-us h3,
    .about-us div,
    .fast-delivery-about-us img,
    .fast-delivery-about-us h3,
    .fast-delivery-about-us div,
    .customer-support-about-us img,
    .customer-support-about-us h3,
    .customer-support-about-us div,
    .about-us-contact-us img,
    .reliable-about-us h3,
    .reliable-about-us div,
    .reliable-about-us img,
    .about-us-contact-us h3,
    .about-us-contact-us div {
        grid-column: 1;
    }
    .about-us h3,
    .fast-delivery-about-us h3,
    .customer-support-about-us h3,
    .reliable-about-us h3,
    .about-us-contact-us h3 {
        grid-row: 1;
    }
    .about-us img,
    .fast-delivery-about-us img,
    .customer-support-about-us img,
    .reliable-about-us img,
    .about-us-contact-us img {
        grid-row: 2;
    }
    .about-us div,
    .fast-delivery-about-us div,
    .customer-support-about-us div,
    .reliable-about-us div,
    .about-us-contact-us div {
        grid-row: 3;
        width: 100%;
    }
    /*Checkout page mobile*/
    #payment .place-order .button {
        display: inline-block !important;
    }

    /*Mobile Plugin */
        .woa-top-bar-wrap{
    display:inline-block !important;
            width:100%;
    background-color:#FFF !important;
}

    .woa-top-bar-wrap * {
    color: black !important;
}

/* Mobile Checkout Page*/
    .post-7 .entry-header{
        padding:0 !important;
    }
    body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
        padding: 12px 15px;
        border-radius: 16px;
    }
    body.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon {
        padding: 8px 16px;
        font-size: 10px;
    }

    body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
        flex-direction: column;
        text-align: center;
    }

    body.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon
    {
        width:100%;
    }
    body.woocommerce-checkout form.checkout_coupon button[name="apply_coupon"]{
        width:100%;
        margin-top:10px;
        padding: 8px 16px;
        font-size: 10px;
    }
    .woocommerce-checkout .col-2, .woocommerce-checkout #order_review_heading{
      margin-top:30px !important;

  }

  .woocommerce-checkout-review-order-table .cart_item .product-name dl.variation{
    display: grid;
    grid-template-columns: max-content max-content; /* only as wide as content */
    width: fit-content !important;   /* card hugs content */
    max-width: 100%;
  }

  .woocommerce-checkout-review-order-table .cart_item .product-name dl.variation dd{
    justify-self: end;
    white-space: nowrap;
  }

  .woocommerce-checkout-review-order-table .cart_item .product-name dl.variation dt,
  .woocommerce-checkout-review-order-table .cart_item .product-name dl.variation dd,
  .woocommerce-checkout-review-order-table .cart_item .product-name dl.variation dd *,
  .woocommerce-checkout-review-order-table .cart_item .product-name dl.variation dt *{
    font-size: 11px !important;
    line-height: 1.15 !important;
  }

  #payment .payment_methods>.wc_payment_method>label{
        padding:0.5em;
}


}

@media (max-width: 560px){
  .site-navigation{ grid-template-columns:1fr; }
}

@media (max-width: 480px) {
    .woocommerce-store-notice.demo_store {
        padding: 12px 16px;
        font-size: 13px;
        line-height: 1.4;
    }

    .woocommerce-store-notice.demo_store a:not(.woocommerce-store-notice__dismiss-link) {
        display: block;
        margin: 10px 0 0 0; /* Stack link below text on mobile */
        text-align: center;
    }

    .woocommerce-store-notice__dismiss-link {
        display: block;
        text-align: center;
        margin: 10px auto 0 auto;
    }
}