/* ========== Coffee Theme Colors ==========
Theme Color      : Coffee (#6F4E37)
Text Color       : Black (#000000)
Accent/Link      : Light Coffee (#A67B5B)
Link Hover       : Green (#008000)
Extra 1 (Button) : Orange (#FFA500)
Extra 2 (Hover)  : Yellow (#FFFF00)
=========================================== */

/* Global text and background */
body {
    background-color: #FFFFFF; /* Coffee */
    color: #000000; /* Black */
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: #000000;
}

/* Links */
a {
    color: #A67B5B; /* Light Coffee */
    text-decoration: none;
}
a:hover, a:focus {
    color: #008000; /* Green */
}

/* Header & Navigation */
.site-header {
    background-color: transparent; /* Coffee */
}
.site-header a {
    color: #000000;
}
.site-header a:hover {
    color: #008000; /* Green */
}

/* Primary buttons */
.button,
.wp-element-button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background-color: #FFA500; /* Orange */
    color: #000000; /* Black text */
    border: none;
}
.button:hover,
.wp-element-button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background-color: #FFFF00; /* Yellow */
    color: #000000;
}

/* WooCommerce sale badge */
.woocommerce span.onsale {
    background-color: #FFA500; /* Orange */
    color: #000000;
}

/* Price colors */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
    color: #000000;
}

/* Cart totals & checkout buttons */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout #payment input[type="submit"] {
    background-color: #FFA500; /* Orange */
    color: #000000;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout #payment input[type="submit"]:hover {
    background-color: #FFFF00; /* Yellow */
}

/* Footer */
.site-footer {
    background-color: #6F4E37; /* Coffee */
    color: #000000;
}
.site-footer a {
    color: #A67B5B; /* Light Coffee */
}
.site-footer a:hover {
    color: #008000; /* Green */
}

.support-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    margin: 10px 0;
}

.support-card {
    background-color: #fff;
    border: 2px solid #A67B5B; /* Light Coffee */
    border-radius: 12px;
    text-align: center;
    padding: 20px;
    transition: all 0.3s ease;
}

.support-card i {
    font-size: 40px;
    color: #FFA500; /* Orange icon */
    margin-bottom: 10px;
}

.support-card h3 {
    color: #000000;
    font-size: 18px;
    margin-bottom: 8px;
}

.support-card p {
    color: #555;
    font-size: 14px;
}

.support-card:hover {
    background-color: #6F4E37; /* Coffee hover */
    color: #fff;
}

.support-card:hover i {
    color: #FFFF00; /* Yellow on hover */
}