/* CSS dynamique généré depuis la base de données */
/* Thème: vintage */

/* Variables CSS pour les couleurs */
:root {
    --color-primary: #ffb000;
    --color-primary-hover: #ffc107;
    --color-success: #ffb000;
    --color-warning: #ffd54f;
    --color-muted: #b0ada5;
    --color-light-text: #f5f5f5;
    --color-bg-dark: #212934;
    --color-bg-light: #e9eef5;
    --color-bg-black: #1d242d;
    --color-bg-hero: #efefef;
    --color-footer-text: #dcdde1;
    --color-footer-hover: #68bb7d;
    --color-footer-border: #2d343f;
    --color-form-border: #e8e8e8;
    --color-accordion-hover: #333d4a;
    --color-product-red: #E94E33;
    --color-product-blue: #90B4CE;
    --color-product-black: #000000;
    --color-product-light: #F2F0E6;
    --color-product-green: #90D5C0;
}

/* Application des variables CSS aux classes Bootstrap et personnalisées */
.text-warning {
    color: var(--color-warning) !important;
}
.text-muted {
    color: var(--color-muted) !important;
}
.text-success {
    color: var(--color-success) !important;
}
.text-light {
    color: var(--color-light-text) !important;
}
.bg-dark {
    background-color: var(--color-bg-dark) !important;
}
.bg-light {
    background-color: var(--color-bg-light) !important;
}
.bg-black {
    background-color: var(--color-bg-black) !important;
}
.bg-success {
    background-color: var(--color-success) !important;
}
.btn-success {
    background-color: var(--color-success) !important;
    border-color: var(--color-primary) !important;
}
.pagination .page-link:hover,
.pagination .page-link.active {
    background-color: var(--color-primary-hover);
    color: #fff;
}
#templatemo_main_nav a:hover {
    color: var(--color-primary-hover);
}
#template-mo-zay-hero-carousel {
    background: var(--color-bg-hero) !important;
}
.templatemo-accordion a:hover {
    color: var(--color-accordion-hover);
}
.shop-top-menu a:hover {
    color: var(--color-primary-hover) !important;
}
.product-wap .product-color-dot.color-dot-red {
    background: var(--color-product-red);
}
.product-wap .product-color-dot.color-dot-blue {
    background: var(--color-product-blue);
}
.product-wap .product-color-dot.color-dot-black {
    background: var(--color-product-black);
}
.product-wap .product-color-dot.color-dot-light {
    background: var(--color-product-light);
}
.product-wap .product-color-dot.color-dot-green {
    background: var(--color-product-green);
}
#template-mo-zay-hero-carousel .carousel-indicators li {
    background-color: var(--color-success);
}
#template-mo-zay-hero-carousel .carousel-control-prev i,
#template-mo-zay-hero-carousel .carousel-control-next i {
    color: var(--color-success) !important;
}
.services-icon-wap:hover {
    background: var(--color-primary-hover);
}
.services-icon-wap:hover i {
    color: #fff;
}
.form-control {
    border: 1px solid var(--color-form-border);
}
#tempaltemo_footer a {
    color: var(--color-footer-text);
}
#tempaltemo_footer a:hover {
    color: var(--color-footer-hover);
}
#tempaltemo_footer ul.footer-icons li:hover {
    background-color: var(--color-light-text);
}
#tempaltemo_footer ul.footer-icons li:hover i {
    color: var(--color-bg-dark);
}
#tempaltemo_footer .border-light {
    border-color: var(--color-footer-border) !important;
}