/*
Theme Name: JuliaScalper
Theme URI: http://example.com/juliascalper
Author: Antigravity
Author URI: http://example.com
Description: A Dark Luxury custom theme inspired by Julia Scalper.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: juliascalper
*/

/* Custom CSS to supplement Tailwind */
body {
    background-color: #0d0d0d;
    color: #f3f4f6;
    font-family: 'Inter', sans-serif;
}

.grid-background {
    background-image: 
        linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    background-size: 60px 60px;
}

.text-gold {
    color: #dfb75e;
}

.bg-gold {
    background-color: #dfb75e;
}

.border-gold {
    border-color: #dfb75e;
}

/* EDD Checkout & Receipt Dark Theme Adjustments */
#edd_purchase_receipt, .edd_purchase_receipt_files {
    width: 100%;
    max-w-3xl;
    border-collapse: collapse;
    margin: 2rem auto;
    background: #0f1115;
    border: 1px solid #1f2937;
    border-radius: 12px;
    overflow: hidden;
}
#edd_purchase_receipt th, .edd_purchase_receipt_files th {
    background: #111827;
    color: #dfb75e;
    text-align: left;
    padding: 1rem;
    font-weight: 600;
    border-bottom: 1px solid #1f2937;
}
#edd_purchase_receipt td, .edd_purchase_receipt_files td {
    padding: 1rem;
    border-bottom: 1px solid #1f2937;
    color: #d1d5db;
}
#edd_purchase_receipt h3 {
    color: #fff;
    margin-top: 2rem;
    font-size: 1.5rem;
}
#edd_purchase_receipt a {
    color: #dfb75e;
    text-decoration: underline;
}

/* EDD Variable Pricing Styling */
.edd_price_options {
    margin-bottom: 1.5rem;
}
.edd_price_options ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
.edd_price_options li {
    display: block;
}
.edd_price_options label {
    display: flex;
    align-items: center;
    padding: 1rem 1.25rem;
    background: #111827;
    border: 1px solid #1f2937;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #f3f4f6;
    font-weight: 500;
}
.edd_price_options label:hover {
    border-color: #dfb75e;
    background: #1f2937;
}
.edd_price_options input[type="radio"],
.edd_price_options input[type="checkbox"] {
    margin-right: 1rem;
    width: 1.25rem;
    height: 1.25rem;
    accent-color: #dfb75e;
}
.edd_price_option_price {
    margin-left: auto;
    color: #dfb75e;
    font-weight: bold;
}

/* Fix visibility of cart remove button in EDD 3.0 blocks */
.edd-blocks-form__cart .edd-blocks-cart__action-remove,
.edd-blocks-form__cart .edd_discount_remove {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%221em%22%20height%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22%23ef4444%22%20class%3D%22w-6%20h-6%22%3E%0A%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M14.74%209l-.346%209m-4.788%200L9.26%209m9.968-3.21c.342.052.682.107%201.022.166m-1.022-.165L18.16%2019.673a2.25%202.25%200%2001-2.244%202.077H8.084a2.25%202.25%200%2001-2.244-2.077L4.772%205.79m14.456%200a48.108%2048.108%200%2000-3.478-.397m-12%20.562c.34-.059.68-.114%201.022-.165m0%200a48.11%2048.11%200%20013.478-.397m7.5%200v-.916c0-1.18-.91-2.164-2.09-2.201a51.964%2051.964%200%2000-3.32%200c-1.18.037-2.09%201.022-2.09%202.201v.916m7.5%200a48.667%2048.667%200%2000-7.5%200%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
    opacity: 0.8 !important;
}
.edd-blocks-form__cart .edd-blocks-cart__action-remove:hover,
.edd-blocks-form__cart .edd_discount_remove:hover {
    opacity: 1 !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%221em%22%20height%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22%23dc2626%22%20class%3D%22w-6%20h-6%22%3E%0A%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M14.74%209l-.346%209m-4.788%200L9.26%209m9.968-3.21c.342.052.682.107%201.022.166m-1.022-.165L18.16%2019.673a2.25%202.25%200%2001-2.244%202.077H8.084a2.25%202.25%200%2001-2.244-2.077L4.772%205.79m14.456%200a48.108%2048.108%200%2000-3.478-.397m-12%20.562c.34-.059.68-.114%201.022-.165m0%200a48.11%2048.11%200%20013.478-.397m7.5%200v-.916c0-1.18-.91-2.164-2.09-2.201a51.964%2051.964%200%2000-3.32%200c-1.18.037-2.09%201.022-2.09%202.201v.916m7.5%200a48.667%2048.667%200%2000-7.5%200%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
}

/* Fallback for legacy cart */
a.edd_cart_remove_item_btn, 
.edd-remove-from-cart {
    color: #ef4444 !important;
    text-decoration: none;
    opacity: 0.8;
}
a.edd_cart_remove_item_btn:hover, 
.edd-remove-from-cart:hover {
    opacity: 1;
    color: #dc2626 !important;
}

/* Hover Image Zoom */
.group:hover .group-hover\:scale-105 {
    transform: scale(1.05);
}

/* Header Navigation Styles */
.header-nav a {
    color: #9ca3af; /* Tailwind text-gray-400 */
    transition: all 0.3s ease;
    position: relative;
    padding-bottom: 4px;
}
.header-nav a:hover {
    color: #dfb75e; /* Gold */
}
.header-nav .current-menu-item > a,
.header-nav a.active {
    color: #dfb75e;
}
.header-nav .current-menu-item > a::after,
.header-nav a.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #dfb75e;
    border-radius: 2px;
}

/* Global Form Inputs for Dark Theme */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="tel"],
input[type="number"],
select,
textarea {
    background-color: #1a1d24 !important;
    color: #f3f4f6 !important;
    border: 1px solid #374151 !important;
    border-radius: 0.375rem !important;
    padding: 0.5rem 0.75rem !important;
}

/* Fix browser autofill colors */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #1a1d24 inset !important;
    -webkit-text-fill-color: #dfb75e !important;
    transition: background-color 5000s ease-in-out 0s;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #dfb75e !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #dfb75e !important;
}

/* Hide default EDD gateway selector because we use custom modal */
#edd_payment_mode_select,
.edd-payment-mode-select,
.edd-blocks-checkout__payment-methods,
#edd-payment-mode-wrap {
    display: none !important;
}

/* EDD Checkout Cart Table Styling for Dark Mode */
#edd_checkout_cart,
.edd_checkout_cart {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin-bottom: 2rem !important;
    text-align: left !important;
    background-color: transparent !important;
}
#edd_checkout_cart th,
.edd_checkout_cart th {
    background-color: #1a1d24 !important;
    color: #dfb75e !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 0.875rem !important;
    padding: 1rem !important;
    border-bottom: 1px solid #374151 !important;
}
#edd_checkout_cart tr,
.edd_checkout_cart tr {
    background-color: transparent !important;
}
#edd_checkout_cart td,
.edd_checkout_cart td {
    padding: 1.2rem 1rem !important;
    border-bottom: 1px solid #1f2937 !important;
    color: #f3f4f6 !important;
    vertical-align: middle !important;
    background-color: #0f1115 !important;
}
#edd_checkout_cart tr.edd_cart_footer_row td,
.edd_checkout_cart tr.edd_cart_footer_row td {
    font-weight: bold !important;
    color: #fff !important;
    border-top: 2px solid #374151 !important;
    background-color: #1a1d24 !important;
    font-size: 1.1rem !important;
}
#edd_checkout_cart a,
.edd_checkout_cart a {
    color: #dfb75e !important;
    text-decoration: none !important;
}
#edd_checkout_cart a:hover,
.edd_checkout_cart a:hover {
    color: #fcf6ba !important;
}
/* Style for the 'Remove' link */
.edd_cart_remove_item_btn {
    color: #ef4444 !important;
    font-weight: bold !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}
.edd_cart_remove_item_btn:hover {
    color: #f87171 !important;
}

/* Address browser autofill which forces white/blue background */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #111827 inset !important;
    -webkit-text-fill-color: #ffffff !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Custom GTranslate Widget Styles */
.gtranslate_wrapper select,
.gtranslate_wrapper .gt_switcher {
    background-color: transparent !important;
    color: #d1d5db !important;
    border: 1px solid #374151 !important;
    border-radius: 0.375rem !important;
    padding: 0px 4px !important;
    box-shadow: none !important;
}
.gtranslate_wrapper select option {
    background-color: #1f2937 !important;
    color: #ffffff !important;
}
.gtranslate_wrapper .gt_switcher .gt_option {
    background-color: #1a1a1a !important;
    color: #d1d5db !important;
}
.gtranslate_wrapper .gt_switcher .gt_option.gt_current {
    background-color: transparent !important;
}
.gtranslate_wrapper .gt_switcher:hover {
    color: #ffffff !important;
}
/* Ensure the white wrapper itself is transparent */
.gtranslate_wrapper .gt_switcher-popup {
    background: transparent !important;
}
.gt_switcher .gt_selected {
    background: transparent !important;
    color: #fff !important;
}
.gt_switcher .gt_selected a {
    color: #fff !important;
}
.gt_switcher-popup .gt_option {
    background: #1a1a1a !important;
}

/* GTranslate Float Widget Fix */
.gt_float_switcher {
    background: transparent !important;
    box-shadow: none !important;
    border: 1px solid #374151 !important;
}
.gt_float_switcher .gt-selected {
    background-color: transparent !important;
}
.gt_float_switcher .gt-selected .gt-current-lang {
    color: #d1d5db !important;
}
.gt_float_switcher .gt-selected:hover .gt-current-lang {
    color: #ffffff !important;
}
.gt_float_switcher .gt_options {
    background: #1f2937 !important; /* bg-dark-800 */
    border: 1px solid #374151 !important;
}
.gt_float_switcher .gt_options a {
    color: #d1d5db !important;
}
.gt_float_switcher .gt_options a:hover {
    background: #374151 !important;
    color: #ffffff !important;
}
.gt_float_switcher-arrow {
    filter: brightness(0) invert(1) !important; /* Đổi màu mũi tên thành trắng */
    opacity: 0.7;
}
.gt_float_switcher:hover .gt_float_switcher-arrow {
    opacity: 1;
}

/* =============================================
   RESPONSIVE: Mobile & Tablet Optimizations
   ============================================= */

/* Mobile Navigation Drawer */
.mobile-nav-links {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mobile-nav-links li {
    display: block;
}
.mobile-nav-links li a {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    font-weight: 500;
    color: #d1d5db;
    transition: all 0.2s ease;
}
.mobile-nav-links li a:hover {
    background: rgba(255,255,255,0.05);
    color: #fff;
}
.mobile-nav-links li.current-menu-item > a {
    background: rgba(223,183,94,0.1);
    color: #dfb75e;
}

/* Header nav — bump breakpoint from md to lg */
.header-nav a {
    color: #9ca3af;
    transition: all 0.3s ease;
    position: relative;
    padding-bottom: 4px;
}

/* EDD Tables responsive on mobile */
@media (max-width: 639px) {
    #edd_checkout_cart th,
    .edd_checkout_cart th {
        font-size: 0.7rem !important;
        padding: 0.6rem 0.5rem !important;
    }
    #edd_checkout_cart td,
    .edd_checkout_cart td {
        padding: 0.8rem 0.5rem !important;
        font-size: 0.8rem !important;
    }

    /* EDD receipt on mobile */
    #edd_purchase_receipt th,
    .edd_purchase_receipt_files th {
        padding: 0.6rem !important;
        font-size: 0.75rem !important;
    }
    #edd_purchase_receipt td,
    .edd_purchase_receipt_files td {
        padding: 0.6rem !important;
        font-size: 0.8rem !important;
    }

    /* Form inputs smaller on mobile */
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="tel"],
    input[type="number"],
    select,
    textarea {
        font-size: 16px !important; /* Prevents iOS zoom on focus */
        padding: 0.5rem 0.6rem !important;
    }

    /* Prose/content area on product page */
    .prose {
        font-size: 0.9rem;
    }
    .prose h2 {
        font-size: 1.25rem;
    }

    /* GTranslate widget smaller */
    .gt_float_switcher {
        transform: scale(0.85);
        transform-origin: bottom right;
    }
}

/* Tablet adjustments */
@media (min-width: 640px) and (max-width: 1023px) {
    /* Account page EDD table */
    .edd-custom-dashboard table {
        font-size: 0.8rem;
    }
    .edd-custom-dashboard th {
        font-size: 0.7rem;
        padding: 10px 12px;
    }
    .edd-custom-dashboard td {
        padding: 12px;
    }
}

/* Smooth scroll for all anchors */
html {
    scroll-behavior: smooth;
}

/* Ensure fixed header doesn't cut off anchor targets */
[id] {
    scroll-margin-top: 6rem;
}

/* Prevent body scroll when mobile menu is open */
body.mobile-menu-open {
    overflow: hidden;
}