/* --- General UI Fixes --- */
.grecaptcha-badge { 
    visibility: hidden; 
}

.mb-0, 
.woocommerce-checkout input[type="text"], 
.wc-block-checkout input[type="text"], 
.col-inner {
    border-radius: 10px;
}

.nav-column > li > a, 
.nav-dropdown > li > a, 
.nav-vertical-fly-out > li > a, 
.nav > li > a {
    color: #a58676;
}

body, #main, .content-area, #content {
    background-image: none !important;
}

/* --- WooCommerce Checkout & Coupons --- */
.woocommerce-page .checkout_coupon {
    display: block !important; 
}

.woocommerce-page .checkout_coupon .coupon {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.woocommerce-page .checkout_coupon .input-text {
    width: 500px;
    padding: 10px;
}

.woocommerce-page .checkout_coupon .button {
    background-color: #9C6E49; /* Fixed: system-ui is not a color */
    color: white;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    white-space: nowrap;
}

.woocommerce-page .checkout_coupon .button:hover {
    background-color: #7e7a63;
}

.wt_coupon_wrapper, 
.woocommerce-price-suffix {
    display: none;
}

.woosb-alert {
    color: #ba1010;
}

/* --- Contact Form 7 (Premium Styling) --- */
.wpcf7-form {
    max-width: 550px;
    margin: 0 auto;
}

.wpcf7-form label {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
    color: #555;
    margin-bottom: 10px;
    display: block;
}

.wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-checkbox) {
    border: 1px solid #e0e0e0 !important;
    background: #fdfdfd !important;
    padding: 12px 15px !important;
    font-size: 15px;
    transition: all 0.3s ease-in-out;
}

.wpcf7-form-control:not(.wpcf7-submit):focus {
    border-color: #c5b3a3 !important;
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    outline: none;
}

.wpcf7-list-item {
    margin-left: 0 !important;
    color: black !important;
}

.wpcf7-checkbox label {
    display: flex !important;
    align-items: center;
    text-transform: none !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    color: #666 !important;
    background: transparent !important;
    padding: 0 !important;
}

.wpcf7-checkbox input {
    margin-right: 10px !important;
}

.wpcf7-checkbox .wpcf7-list-item-label {
    color: #2c2c2c !important; 
}

/* Combined Submit Button Rules */
.wpcf7-submit {
    width: 100%;
    background-color: #9C6E49 !important; 
    color: #ffffff !important;
    border: none !important;
    padding: 18px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 4px !important;
    transition: all 0.4s ease !important;
    margin-top: 10px;
}

.wpcf7-submit:hover {
    background-color: #EFC9B7 !important; 
    letter-spacing: 4px !important;
}

/* --- Header & Navigation Elements --- */
.cart-img-icon {
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    vertical-align: middle;
    filter: invert(89%) sepia(8%) saturate(358%) hue-rotate(334deg) brightness(60%) contrast(89%) !important;
    transition: opacity 0.3s ease;
}

.cart-img-icon:hover {
    opacity: 0.7 !important;
}

.header-cart-title .cart-price .woocommerce-Price-amount,
.header-cart-title .cart-price .woocommerce-Price-amount bdi,
.header-cart-title .cart-price .woocommerce-Price-currencySymbol {
    color: #9C6E49 !important;
    font-family: system-ui, -apple-system, sans-serif !important;
    font-weight: 700 !important;
}

/* --- Multi-Currency Switcher Logic --- */
.product-summary .wmc-price-switcher,
.product-summary .woocommerce-multi-currency,
.product-summary .wmc-currency-wrapper {
    display: none !important;
}

header .woocommerce-multi-currency, 
header .wmc-currency-wrapper {
    display: inline-block !important;
}

/* --- Mobile Sidebar Ordering --- */
ul.nav-sidebar {
    display: flex !important;
    flex-direction: column !important;
}

li.weglot-parent-menu-item { order: 100 !important; border-top: 1px solid rgba(0,0,0,0.05); }
li.currency-item { order: 99 !important; }
li.account-item { order: 98 !important; }
li.menu-item { order: 1; }

/* --- Special Effects (Circles & Social) --- */
.circle-image img {
    border-radius: 50% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    display: block;
    margin: auto;
}

.custom-social-bar {
    display: flex;
    margin-top: -20px;
    gap: 10px;
    justify-content: center;
    padding: 10px;
}

.social-link {
    width: 32px;
    height: 32px;
    display: inline-block;
    background-color: #9C6E49; 
    transition: background-color 0.3s ease, transform 0.2s ease;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.social-link.insta {
    -webkit-mask-image: url('https://mwasmfragrances.com/wp-content/uploads/2026/04/instagramicon.svg');
    mask-image: url('https://mwasmfragrances.com/wp-content/uploads/2026/04/instagramicon.svg');
}

.social-link.email {
    -webkit-mask-image: url('https://mwasmfragrances.com/wp-content/uploads/2026/04/emailicon.svg');
    mask-image: url('https://mwasmfragrances.com/wp-content/uploads/2026/04/emailicon.svg');
}

.social-link:hover {
    background-color: #EFC9B7; 
    transform: translateY(-3px);
}
/* Ensure the phone field container is full width */
.iti { 
    width: 100% !important; 
    display: block !important; 
}

/* Adjust padding so text starts after the flag/code */
.woocommerce-checkout #billing_phone {
    padding-left: 100px !important; /* Slightly wider to fit various codes */
    height: 45px !important;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* Fix for flag dropdown depth */
.iti__country-list {
    z-index: 9999 !important;
    background-color: #ffffff !important;
    border: 1px solid #ccc !important;
}

/* Color of the dial code text */
.iti__selected-dial-code {
    font-size: 14px;
    color: #876258;
    font-weight: 500;
}