/*
Theme Name: Storefront Bergmans
Template: storefront
Theme URI: https://www.bergmansoutlet.com
Author: Bergmansoutlet
Description: Custom Storefront child theme voor Bergmansoutlet met Tailwind CSS, Alpine.js en moderne design
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: storefront-bergmans
Tags: e-commerce, woocommerce, child-theme
*/

/* Hide browser's default search input clear button */
input[type="search"]::-webkit-search-cancel-button {
    display: none;
    -webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration {
    display: none;
    -webkit-appearance: none;
}

/* Category button hover fix - force white text on hover */
.category-button:hover {
    color: white !important;
}

/* FAQ contact button - force white text and tertiary background */
a[href*="contact"].bg-tertiary {
    background-color: #1B202D !important;
    color: white !important;
}

a[href*="contact"].bg-tertiary:hover {
    background-color: #1B202D !important;
    color: white !important;
    opacity: 0.9;
}

/* Contact page buttons - force primary background and white text */
.bg-primary {
    background-color: #157DB0 !important;
    color: white !important;
}

.bg-primary:hover {
    background-color: #157DB0 !important;
    color: white !important;
    opacity: 0.9;
}

/* Contact page submit button - force tertiary background */
button.bg-tertiary,
.bg-tertiary {
    background-color: #1B202D !important;
    color: white !important;
}

button.bg-tertiary:hover,
.bg-tertiary:hover {
    background-color: #1B202D !important;
    color: white !important;
    opacity: 0.9;
}

/* ==========================================================================
   WooCommerce Notices - Remove Font Awesome blocks and add proper styling
   ========================================================================== */

/* Remove the ::before pseudo-elements that show as blocks */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before,
.woocommerce-noreviews::before,
p.no-comments::before {
    display: none !important;
    content: none !important;
}

/* Base notice styling */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner {
    position: relative;
    padding: 1rem 1.25rem !important;
    margin-bottom: 1.5rem !important;
    border-radius: 0.375rem !important;
    font-size: 0.875rem;
    line-height: 1.6;
    border-left-width: 4px !important;
    border-left-style: solid !important;
    background-image: none !important;
}

/* Success messages (green) */
.woocommerce-message {
    background-color: #f0fdf4 !important;
    border-left-color: #16a34a !important;
    color: #166534 !important;
}

.woocommerce-message a {
    color: #166534 !important;
    font-weight: 600;
    text-decoration: underline;
}

/* Info messages (blue) */
.woocommerce-info {
    background-color: #eff6ff !important;
    border-left-color: #2563eb !important;
    color: #1e40af !important;
}

.woocommerce-info a {
    color: #1e40af !important;
    font-weight: 600;
    text-decoration: underline;
}

/* Error messages (red) */
.woocommerce-error {
    background-color: #fef2f2 !important;
    border-left-color: #dc2626 !important;
    color: #991b1b !important;
    list-style: none !important;
    padding-left: 1.25rem !important;
}

.woocommerce-error li {
    list-style: none !important;
    margin-bottom: 0.5rem;
}

.woocommerce-error li:last-child {
    margin-bottom: 0;
}

.woocommerce-error a {
    color: #991b1b !important;
    font-weight: 600;
    text-decoration: underline;
}

/* Notice containers */
.woocommerce-notices-wrapper {
    margin-bottom: 1.5rem;
}

/* My Account notices */
.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-error {
    margin-top: 0;
}

/* ==========================================================================
   Product Page - Accordion buttons (override Storefront defaults)
   ========================================================================== */

/* Remove gray background from product description/specs accordion buttons */
.single-product button.bg-transparent {
    background-color: transparent !important;
    border-color: transparent !important;
}