/* =========================================
1. BRAND COLORS (#a17f38 & #ffffff)
========================================= */

a { color: #a17f38; }

a:hover { color: #8c6d2e; }

/* Price Color */
.price, .amount {
    color: #a17f38 !important;
    font-weight: 700;
}

.site-header-cart .cart-contents::after {
    color: #a17f38;
}

/* Header Styling */
.site-header {
    background-color: #ffffff;
    border-bottom: 1px solid #f0f0f0;
}

/* Navigation */
.main-navigation ul li a {
    color: #333333;
    font-weight: 500;
}
.main-navigation ul li a:hover {
    color: #a17f38;
}

/* =========================================
2. THE BUTTONS (Skew Shape)
========================================= */

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart {
    background-color: #a17f38 !important;
    color: #ffffff !important;
    /* border-radius: 30px; */
    transform: skewX(-2deg);
    font-weight: 600;
    /* border: 2px solid #a17f38; */
    border: none;
    transition: all 0.3s ease;
    padding: 10px 25px;
}

/* Hover Effect (Inverted) */
button:hover, input[type="button"]:hover, input[type="submit"]:hover, .button:hover, .added_to_cart:hover {
    background-color: #ffffff !important;
    color: #a17f38 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(161, 127, 56, 0.3);
}

/* =========================================
3. FORMS & INPUTS
========================================= */
input[type="text"], input[type="email"], textarea {
    background-color: #fafafa;
    /* border: 1px solid #e0e0e0; */
    /* border-radius: 8px; */
    /* transform: skewX(-7deg); */
    padding: 12px;
}

input:focus, textarea:focus {
    border-color: #a17f38;
    background-color: #ffffff;
    outline: none;
}

.site-footer {
    background-image: url('/assets/img/map.png');
    background-position: right center;
    background-size: contain;
    background-repeat: no-repeat;
    /* background-color: #f0f0f0; */
}

@media (max-width: 520px) {
    .site-footer {
        /* On small screens, remove the image */
        background-image: none;
        /* The background color remains the same */
        /* background-color: #f0f0f0; */
    }
}

.current-menu-item a,
.current-menu-item a:visited,
.current-menu-item a:active {
    color: #8c6d2e;
    font-weight: 700;
}


/* 🎯 Out of Stock Badge - Product Archive (Shop, Categories) */
ul.products li.product .out-of-stock {
    position: absolute;
    top: 15px;
    right: -5px; /* Slight overlap effect */
    clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);
    background-color: #a17f38;
    color: #ffffff;
    padding: 8px 25px;
    font-weight: 600;
    font-size: 0.85em;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 10;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* 🎯 Out of Stock Badge - Single Product Page */
.single-product .entry-summary .out-of-stock {
    display: inline-block;
    clip-path: polygon(15px 0%, 100% 0%, calc(100% - 15px) 100%, 0% 100%);
    background-color: #a17f38;
    color: #ffffff;
    padding: 12px 35px;
    font-weight: 700;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

/* 📱 Mobile Adjustments */
@media (max-width: 768px) {
    ul.products li.product .out-of-stock {
        clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
        padding: 6px 15px;
        font-size: 0.75em;
    }
}