/*
Theme Name: CaseNab - قاب و لوازم جانبی موبایل
Theme URI: https://casenab.ir
Author: CaseNab Team
Author URI: https://casenab.ir
Description: قالب وردپرس فروشگاه آنلاین قاب و لوازم جانبی موبایل - طراحی مدرن با پشتیبانی RTL کامل و یکپارچگی با ووکامرس
Version: 1.0.23
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: casenab
Tags: e-commerce, rtl-language-support, woocommerce, custom-colors, custom-logo, custom-menu, featured-images, theme-options
*/

/*
 * Tailwind CSS and Custom Styles
 * This theme uses Tailwind CSS via CDN for development
 * For production, compile Tailwind CSS
 */

/* Base Styles */
:root {
    --brand-bg: #F9FAFB;
    --brand-card: #FFFFFF;
    --brand-text: #333333;
    --brand-secondary: #4e4d58;
    --brand-light: #999999;
    --brand-olive: #3C402B;
    --brand-lime: #C4E456;
    --brand-lime-hover: #d4f066;
    --brand-beige: #EEEAE3;
    --brand-border: #E5E5E5;
    --brand-copper: #B87333;
    --brand-copper-dark: #9A5E2A;
    --brand-emerald: #4CAF50;
}

/* Selection */
::selection {
    background-color: var(--brand-lime);
    color: var(--brand-olive);
}

/* RTL Support */
html {
    direction: rtl;
}

body {
    font-family: 'Vazirmatn', sans-serif;
    background-color: var(--brand-bg);
    color: var(--brand-text);
}

/* Scrollbar Hide */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Mesh Gradient */
.mesh-gradient {
    background-color: var(--brand-bg);
    background-image:
        radial-gradient(at 20% 20%, rgba(184, 115, 51, 0.06) 0px, transparent 50%),
        radial-gradient(at 80% 80%, rgba(76, 175, 80, 0.05) 0px, transparent 50%),
        radial-gradient(at 50% 50%, rgba(184, 115, 51, 0.03) 0px, transparent 70%);
}

/* Glass Effect */
.glass {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.5);
}

/* Text Gradient */
.text-gradient {
    background: linear-gradient(135deg, #B87333 0%, #9A5E2A 50%, #B87333 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Toast Animations */
.toast-enter {
    animation: toastIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.toast-exit {
    animation: toastOut 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes toastIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes toastOut {
    from { opacity: 1; transform: translateY(0); }
    to { opacity: 0; transform: translateY(20px); }
}

/* Mobile Menu Animations */
.mobile-menu-enter {
    animation: menuIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.mobile-menu-exit {
    animation: menuOut 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes menuIn {
    from { opacity: 0; transform: translateX(-100%); }
    to { opacity: 1; transform: translateX(0); }
}
@keyframes menuOut {
    from { opacity: 1; transform: translateX(0); }
    to { opacity: 0; transform: translateX(-100%); }
}

/* Scroll Reveal */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal.revealed {
    opacity: 1;
    transform: translateY(0);
}
.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }
.reveal-delay-4 { transition-delay: 0.4s; }

/* Hero Animations */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes slideRight {
    from { opacity: 0; transform: translateX(-30px); }
    to { opacity: 1; transform: translateX(0); }
}
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}
.float-anim { animation: float 4s ease-in-out infinite; }
.float-anim-delay { animation: float 4s ease-in-out 1s infinite; }
.fade-in-up { animation: fadeInUp 0.8s ease forwards; }
.fade-in { animation: fadeIn 1s ease forwards; }
.slide-right { animation: slideRight 0.8s ease forwards; }
.pulse-soft { animation: pulse 3s ease-in-out infinite; }

/* Marquee */
@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
.marquee-track {
    animation: marquee 25s linear infinite;
}
.marquee-track:hover {
    animation-play-state: paused;
}

/* Stars */
.stars {
    color: #F59E0B;
    letter-spacing: 2px;
}

/* Nav Scrolled */
.nav-scrolled {
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}

/* Product Card */
.product-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}
.product-card .product-overlay {
    opacity: 0;
    transition: opacity 0.25s ease;
}
.product-card:hover .product-overlay {
    opacity: 1;
}

/* Category Card */
.cat-card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.cat-card:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* Scroll Row with RTL fade edge */
.scroll-row-wrap {
position: relative;
}
.scroll-row-wrap::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 50px;
z-index: 10;
pointer-events: none;
background: linear-gradient(to right, #F9FAFB 0%, transparent 100%);
opacity: 0.7;
transition: opacity 0.3s ease;
}
.scroll-row-wrap.at-end::after {
opacity: 0;
}

.scroll-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 20;
width: 32px;
height: 32px;
border-radius: 50%;
background: white;
border: 1px solid #E5E5E5;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
color: #333;
}
.scroll-arrow:hover {
background: #3C402B;
color: #C4E456;
border-color: #3C402B;
}
.scroll-arrow.arrow-right {
right: -16px;
}
.scroll-arrow.arrow-left {
left: -16px;
}
.scroll-row-wrap.at-start .arrow-right {
opacity: 0;
pointer-events: none;
}
.scroll-row-wrap.at-end .arrow-left {
opacity: 0;
pointer-events: none;
}

.scroll-row {
overflow-x: auto;
scroll-behavior: smooth;
}

/* Dot Pattern */
.dot-pattern {
background-image: radial-gradient(rgba(60, 64, 43, 0.15) 1px, transparent 0);
background-size: 20px 20px;
}

/* Gradient Text */
.gradient-text {
background: linear-gradient(135deg, #3C402B 0%, #C4E456 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

/* Hero Glass Card */
.hero-glass-card {
background: rgba(255, 255, 255, 0.75);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.6);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

/* Hero Floating Card */
.hero-floating-card {
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.7);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

/* Float Animations */
@keyframes floatSlow {
0%, 100% { transform: translateY(0px) rotate(0deg); }
50% { transform: translateY(-16px) rotate(1deg); }
}
@keyframes floatMed {
0%, 100% { transform: translateY(0px) rotate(0deg); }
50% { transform: translateY(-10px) rotate(-1deg); }
}
.float-slow { animation: floatSlow 6s ease-in-out infinite; }
.float-med { animation: floatMed 5s ease-in-out 1s infinite; }

/* WooCommerce Overrides */
.woocommerce-breadcrumb {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    color: var(--brand-light);
}

.woocommerce-products-header {
    margin-bottom: 2rem;
}

.woocommerce-result-count {
    font-size: 0.875rem;
    color: var(--brand-secondary);
}

.woocommerce-ordering {
    margin-bottom: 1rem;
}

.woocommerce-ordering select {
    padding: 0.5rem 2rem 0.5rem 1rem;
    border: 1px solid var(--brand-border);
    border-radius: 8px;
    background-color: white;
    font-family: inherit;
    font-size: 0.875rem;
}

.woocommerce-pagination {
    margin-top: 2rem;
}

.woocommerce-pagination .page-numbers {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}

.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.75rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

.woocommerce-pagination .page-numbers li a {
    background-color: white;
    border: 1px solid var(--brand-border);
    color: var(--brand-text);
}

.woocommerce-pagination .page-numbers li a:hover {
    background-color: var(--brand-olive);
    border-color: var(--brand-olive);
    color: var(--brand-lime);
}

.woocommerce-pagination .page-numbers li span.current {
    background-color: var(--brand-olive);
    border-color: var(--brand-olive);
    color: var(--brand-lime);
}

/* Product Single */
.woocommerce div.product .product_title {
    font-size: 1.75rem;
    font-weight: 800;
    margin-bottom: 1rem;
}

.woocommerce div.product .price {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--brand-olive);
}

.woocommerce div.product .price del {
    color: var(--brand-light);
    font-size: 1rem;
}

.woocommerce div.product form.cart {
    margin-top: 1.5rem;
}

.woocommerce div.product form.cart .button {
    background-color: var(--brand-olive);
    color: var(--brand-lime);
    padding: 1rem 2rem;
    border-radius: 8px;
    font-weight: 700;
    transition: all 0.2s ease;
}

.woocommerce div.product form.cart .button:hover {
    background-color: var(--brand-text);
}

.woocommerce div.product .quantity .qty {
    padding: 0.75rem;
    border: 1px solid var(--brand-border);
    border-radius: 8px;
    font-family: inherit;
    width: 4rem;
}

/* Cart */
.woocommerce-cart-form__contents {
    border-radius: 12px;
    overflow: hidden;
}

.woocommerce-cart-form__contents th,
.woocommerce-cart-form__contents td {
    padding: 1rem;
    text-align: right;
}

.woocommerce-cart-form__contents thead th {
    background-color: var(--brand-olive);
    color: var(--brand-lime);
    font-weight: 700;
}

.woocommerce-cart-form__contents tbody tr:nth-child(even) {
    background-color: var(--brand-bg);
}

.woocommerce-cart-form__contents .product-remove a {
    color: #f44336 !important;
}

.woocommerce-cart-form__contents .product-thumbnail img {
    max-width: 80px;
    border-radius: 8px;
}

.cart-collaterals .cart_totals {
    background-color: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.cart-collaterals .checkout-button {
    background-color: var(--brand-olive);
    color: var(--brand-lime);
    padding: 1rem 2rem;
    border-radius: 8px;
    font-weight: 700;
    width: 100%;
    transition: all 0.2s ease;
}

.cart-collaterals .checkout-button:hover {
    background-color: var(--brand-text);
}

/* Checkout */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
    display: grid;
    gap: 1rem;
}

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

.woocommerce-checkout label {
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block;
}

.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout textarea,
.woocommerce-checkout select {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--brand-border);
    border-radius: 8px;
    font-family: inherit;
    font-size: 0.875rem;
    transition: border-color 0.2s ease;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus {
    outline: none;
    border-color: var(--brand-olive);
}

.woocommerce-checkout .woocommerce-checkout-review-order {
    background-color: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.woocommerce-checkout .place-order .button {
    background-color: var(--brand-olive);
    color: var(--brand-lime);
    padding: 1rem 2rem;
    border-radius: 8px;
    font-weight: 700;
    width: 100%;
    transition: all 0.2s ease;
}

.woocommerce-checkout .place-order .button:hover {
    background-color: var(--brand-text);
}

/* Messages */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    padding: 1rem 1.5rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.woocommerce-message {
    background-color: #e8f5e9;
    border-right: 4px solid var(--brand-emerald);
    color: #2e7d32;
}

.woocommerce-info {
    background-color: #e3f2fd;
    border-right: 4px solid #1976d2;
    color: #1565c0;
}

.woocommerce-error {
    background-color: #ffebee;
    border-right: 4px solid #f44336;
    color: #c62828;
}

/* Buttons */
.button,
.button.alt {
    background-color: var(--brand-olive);
    color: var(--brand-lime);
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-weight: 700;
    transition: all 0.2s ease;
}

.button:hover,
.button.alt:hover {
    background-color: var(--brand-text);
    color: var(--brand-lime);
}

/* Related Products */
.woocommerce .related.products {
    margin-top: 3rem;
}

.woocommerce .related.products > h2 {
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 1.5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .woocommerce-cart-form__contents thead {
        display: none;
    }
    
    .woocommerce-cart-form__contents tbody tr {
        display: flex;
        flex-wrap: wrap;
        padding: 1rem;
        margin-bottom: 1rem;
        background-color: white;
        border-radius: 12px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }
    
    .woocommerce-cart-form__contents tbody td {
        padding: 0.5rem;
        border: none !important;
    }
    
    .woocommerce-cart-form__contents tbody td::before {
        content: attr(data-title);
        font-weight: 700;
        display: block;
        font-size: 0.75rem;
        color: var(--brand-secondary);
    }
    
    .woocommerce-cart-form__contents .product-remove {
        order: 1;
        width: 100%;
        text-align: left;
    }
    
    .woocommerce-cart-form__contents .product-thumbnail {
        order: 2;
        width: 30%;
    }
    
    .woocommerce-cart-form__contents .product-name {
        order: 3;
        width: 70%;
    }

.woocommerce-cart-form__contents .product-price {
order: 4;
width: 50%;
}

.woocommerce-cart-form__contents .product-quantity {
order: 5;
width: 50%;
}

.woocommerce-cart-form__contents .product-subtotal {
order: 6;
width: 100%;
}
}

/* Page Links */
.page-links {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
align-items: center;
}

.page-links > span {
font-weight: 600;
color: var(--brand-secondary);
}

.page-links a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.5rem;
height: 2.5rem;
padding: 0 0.75rem;
border-radius: 8px;
font-weight: 600;
font-size: 0.875rem;
background-color: white;
border: 1px solid var(--brand-border);
color: var(--brand-text);
transition: all 0.2s ease;
}

.page-links a:hover {
background-color: var(--brand-olive);
border-color: var(--brand-olive);
color: var(--brand-lime);
}

.page-links > span > span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.5rem;
height: 2.5rem;
padding: 0 0.75rem;
border-radius: 8px;
font-weight: 600;
font-size: 0.875rem;
background-color: var(--brand-olive);
color: var(--brand-lime);
}

/* WooCommerce Cart Page */
.woocommerce-cart .woocommerce-cart-form__contents {
width: 100%;
border-collapse: collapse;
}

.woocommerce-cart .woocommerce-cart-form__contents th {
text-align: right;
}

.woocommerce-cart .woocommerce-cart-form__contents td {
text-align: right;
vertical-align: middle;
}

.woocommerce-cart .woocommerce-cart-form__contents .product-price,
.woocommerce-cart .woocommerce-cart-form__contents .product-quantity,
.woocommerce-cart .woocommerce-cart-form__contents .product-subtotal {
text-align: center;
}

/* Cart Quantity Input - Modern Style */
.woocommerce-cart .quantity {
display: flex;
align-items: center;
border: 1px solid var(--brand-border);
border-radius: 8px;
overflow: hidden;
}

.woocommerce-cart .quantity input {
width: 50px;
height: 36px;
text-align: center;
border: none;
border-left: 1px solid var(--brand-border);
border-right: 1px solid var(--brand-border);
font-size: 14px;
font-weight: 600;
color: var(--brand-text);
background: white;
padding: 0;
-moz-appearance: textfield;
}

.woocommerce-cart .quantity input::-webkit-outer-spin-button,
.woocommerce-cart .quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

.woocommerce-cart .quantity input:focus {
outline: none;
border-color: var(--brand-olive);
}

.woocommerce-cart .quantity .qty-btn {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
background: white;
color: var(--brand-secondary);
cursor: pointer;
transition: all 0.2s ease;
}

.woocommerce-cart .quantity .qty-btn:hover {
background: var(--brand-bg);
color: var(--brand-olive);
}

.woocommerce-cart .quantity .qty-btn:active {
background: var(--brand-olive);
color: var(--brand-lime);
}

.woocommerce-cart .woocommerce-cart-form__contents .amount {
color: var(--brand-olive);
font-weight: 700;
}

.woocommerce-cart .woocommerce-cart-form__contents del .amount {
color: var(--brand-light);
font-weight: 400;
text-decoration: line-through;
}

.woocommerce-cart .woocommerce-cart-form__contents ins .amount {
color: var(--brand-olive);
font-weight: 700;
text-decoration: none;
}

/* Cart Quantity Input */
.quantity {
display: inline-flex;
align-items: center;
gap: 0.5rem;
}

.quantity input[type="number"]::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button {
opacity: 1;
height: 30px;
}

/* Cart Item Variations */
.product-name .variation {
margin-top: 0.5rem;
font-size: 0.75rem;
color: var(--brand-secondary);
}

.product-name .variation dt {
display: inline;
margin-left: 0.25rem;
}

.product-name .variation dd {
display: inline;
margin: 0;
}

/* Cart Actions */
.woocommerce-cart .coupon {
display: flex;
gap: 0.75rem;
align-items: center;
}

.woocommerce-cart .coupon .input-text {
width: 200px;
border: 1px solid var(--brand-border);
border-radius: 8px;
padding: 0.625rem 1rem;
font-size: 0.875rem;
}

.woocommerce-cart .coupon .input-text:focus {
outline: none;
border-color: var(--brand-olive);
}

/* Cart Totals */
.cart_totals-wrapper {
position: sticky;
top: 100px;
}

.cart_totals h2 {
margin-bottom: 1.5rem;
}

.cart_totals table {
border-collapse: collapse;
width: 100%;
}

.cart_totals th {
text-align: right;
padding: 0.75rem 0;
font-weight: 500;
}

.cart_totals td {
text-align: left;
padding: 0.75rem 0;
}

.cart_totals .order-total th,
.cart_totals .order-total td {
padding: 1rem;
}

/* Shipping Calculator */
.woocommerce-shipping-calculator {
margin-top: 1rem;
}

.woocommerce-shipping-calculator .shipping-calculator-button {
color: var(--brand-olive);
font-size: 0.875rem;
font-weight: 600;
text-decoration: underline;
}

.woocommerce-shipping-calculator .shipping-calculator-form {
margin-top: 1rem;
}

.woocommerce-shipping-calculator .shipping-calculator-form select,
.woocommerce-shipping-calculator .shipping-calculator-form input[type="text"],
.woocommerce-shipping-calculator .shipping-calculator-form input[type="number"] {
width: 100%;
padding: 0.625rem 1rem;
border: 1px solid var(--brand-border);
border-radius: 8px;
font-size: 0.875rem;
margin-bottom: 0.75rem;
}

.woocommerce-shipping-calculator .shipping-calculator-form button[type="submit"] {
width: 100%;
}

/* Cross Sells */
.cross-sells {
margin-top: 3rem;
}

.cross-sells > h2 {
font-size: 1.5rem;
font-weight: 800;
margin-bottom: 1.5rem;
}

/* Cart Empty State */
.woocommerce-cart .return-to-shop {
text-align: center;
margin-top: 2rem;
}

/* Responsive Cart */
@media (max-width: 1023px) {
.cart_totals-wrapper {
position: static;
margin-top: 2rem;
}
}

@media (max-width: 767px) {
.woocommerce-cart .coupon {
flex-direction: column;
align-items: stretch;
}

.woocommerce-cart .coupon .input-text {
width: 100%;
}
}


.order-summary {
  h2 {
    margin-top: 0;
  }
}

/* My Account Page */
.woocommerce-MyAccount-content {
  width: 100%;
}

.woocommerce-MyAccount-content form.edit-account {
  width: 100%;
}

.woocommerce-MyAccount-content fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

.woocommerce-MyAccount-content fieldset legend {
  padding: 0;
  margin-bottom: 1rem;
}

.woocommerce-form-row {
  margin-bottom: 1rem;
}

.woocommerce-form-row .required {
  color: #f44336;
}

.woocommerce-Input {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--brand-border);
  border-radius: 8px;
  font-family: inherit;
  font-size: 0.875rem;
  transition: border-color 0.2s ease;
}

.woocommerce-Input:focus {
  outline: none;
  border-color: var(--brand-olive);
}

.woocommerce-Button {
  background-color: var(--brand-olive);
  color: var(--brand-lime);
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 700;
  transition: all 0.2s ease;
  border: none;
  cursor: pointer;
}

.woocommerce-Button:hover {
  background-color: var(--brand-text);
  color: var(--brand-lime);
}

/* WooCommerce Form Fields Styling */
.form-row {
  margin-bottom: 1rem;
}

.form-row label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--brand-text);
  font-size: 0.875rem;
}

.form-row input[type="text"],
.form-row input[type="email"],
.form-row input[type="password"],
.form-row input[type="tel"],
.form-row select,
.form-row textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--brand-border);
  border-radius: 8px;
  font-family: inherit;
  font-size: 0.875rem;
  transition: border-color 0.2s ease;
  background-color: white;
}

.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus {
  outline: none;
  border-color: var(--brand-olive);
}

.form-row .input-text {
  width: 100%;
}

/* Country Select Styling */
.form-row .country_to_state {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--brand-border);
  border-radius: 8px;
  font-family: inherit;
  font-size: 0.875rem;
  background-color: white;
}

.form-row .country_to_state:focus {
  outline: none;
  border-color: var(--brand-olive);
}

/* State Input Styling */
.form-row #billing_state,
.form-row #shipping_state {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--brand-border);
  border-radius: 8px;
  font-family: inherit;
  font-size: 0.875rem;
}

/* My Account Responsive */
@media (max-width: 768px) {
  .woocommerce-MyAccount-content {
    padding: 1rem;
  }
}