/* stylelint-disable at-rule-no-unknown */
/**
 * Custom CSS pour le thème Zdesigner
 * Ajoute des styles personnalisés pour les liens du menu WordPress
 */

/* Style pour les liens du menu principal */
header nav a {
    color: #171717;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: normal;
    transition: color 0.2s ease;
}

header nav a:hover {
    color: #ecb613;
}

.dark header nav a {
    color: #f5f5f5;
}

/* Style pour les liens du footer */
footer nav a,
footer .flex.flex-col.gap-4 a {
    color: #a3a3a3;
    transition: color 0.2s ease;
}

footer nav a:hover,
footer .flex.flex-col.gap-4 a:hover {
    color: #ffffff;
}

/* Animation fade-in pour le hero */
@keyframes fade-in-up {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fade-in-up 0.6s ease-out;
}

/* Styles pour WooCommerce */
.woocommerce-page .woocommerce {
    color: #171717;
}

.dark .woocommerce-page .woocommerce {
    color: #ffffff;
}

.woocommerce .button,
.woocommerce button.button {
    background-color: #ecb613;
    color: #171717;
    font-weight: 700;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    transition: background-color 0.2s ease;
}

.woocommerce .button:hover,
.woocommerce button.button:hover {
    background-color: #d9a60f;
}

.woocommerce .button.alt {
    background-color: #171717;
    color: #ffffff;
}

.woocommerce .button.alt:hover {
    background-color: #262626;
}

/* Prix des produits */
.woocommerce .price,
.woocommerce .amount {
    color: #ecb613;
    font-weight: 600;
}

/* WooCommerce Custom Styles for Shop Page */

/* Hide default WooCommerce result count */
.woocommerce-result-count {
    display: none !important;
}

/* Style the ordering dropdown */
.woocommerce-ordering {
    margin: 0;
}

.woocommerce-ordering select.orderby {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    min-width: 180px !important;
    height: 44px !important;
    padding: 0 40px 0 16px !important;
    border-radius: 8px !important;
    background-color: white !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%2364748b' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 20px !important;
    transition: all 0.2s ease !important;
}

.woocommerce-ordering select.orderby:hover {
    border-color: #cbd5e1 !important;
}

.woocommerce-ordering select.orderby:focus {
    outline: none !important;
    border-color: #ecb613 !important;
    box-shadow: 0 0 0 1px #ecb613 !important;
}

/* Remove WooCommerce default hooks output */
.woocommerce-breadcrumb {
    display: none;
}

/* Product image fix */
.woocommerce ul.products li.product img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-placeholder {
    object-fit: cover;
}

/* Messages WooCommerce */
.woocommerce-message,
.woocommerce-info {
    background-color: rgba(236, 182, 19, 0.1);
    border-left: 4px solid #ecb613;
    padding: 1rem;
    margin-bottom: 1rem;
}

.woocommerce-error {
    background-color: #fee2e2;
    border-left: 4px solid #ef4444;
    padding: 1rem;
    margin-bottom: 1rem;
}