/***** Custom CSS *****/

:root { --primary-color: #1e40af; --secondary-color: #f5f5f5; --accent-color: #ef4444; --text-color: #333333; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: var(--text-color); background-color: #ffffff; } .hero-section { background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://cdn.dkmexperts.fr/uploads/images/nuisibles/Punaises%20de%20lit/shutterstock_208578874.jpg'); background-size: cover; background-position: center; min-height: 80vh; } .btn-primary { background-color: var(--primary-color); color: white; padding: 12px 24px; border-radius: 5px; font-weight: bold; transition: all 0.3s ease; } .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .btn-urgent { background-color: var(--accent-color); color: white; padding: 14px 28px; border-radius: 5px; font-weight: bold; animation: pulse 2s infinite; transition: all 0.3s ease; } .btn-urgent:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } .section-title { position: relative; margin-bottom: 2rem; padding-bottom: 1rem; } .section-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: var(--primary-color); } .navbar { background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .service-card { border-radius: 10px; overflow: hidden; transition: all 0.3s ease; border: 1px solid #e5e7eb; } .service-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); } .price-card { border-radius: 10px; overflow: hidden; transition: all 0.3s ease; border: 1px solid #e5e7eb; } .price-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .testimonial-card { border-radius: 10px; overflow: hidden; background-color: #f9fafb; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; } .testimonial-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .faq-card { border-radius: 5px; overflow: hidden; transition: all 0.3s ease; border: 1px solid #e5e7eb; } .faq-card:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } .contact-info-card { border-radius: 10px; overflow: hidden; transition: all 0.3s ease; background-color: white; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .contact-form { border-radius: 10px; overflow: hidden; background-color: white; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } .gallery-image { border-radius: 10px; overflow: hidden; transition: all 0.3s ease; } .gallery-image:hover { transform: scale(1.03); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .stat-card { border-radius: 10px; background-color: var(--primary-color); color: white; padding: 2rem; } .timeline-item { display: flex; margin-bottom: 2rem; } .timeline-dot { min-width: 20px; height: 20px; background-color: var(--primary-color); border-radius: 50%; margin-right: 1rem; position: relative; } .timeline-dot::before { content: ''; position: absolute; width: 2px; height: calc(100% + 2rem); background-color: #e5e7eb; left: 50%; transform: translateX(-50%); } .timeline-item:last-child .timeline-dot::before { display: none; }


@media (min-width: 1200px) {
    .container {
        width: 1600px;
        max-width: 100%;
    }
}

.py-3 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important;
}
.p-1 {
    padding: .25rem !important;
}
.px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
}
.pl-2, .px-2 {
    padding-right: .5rem !important;
}
.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}
.mr-2 {
    margin-right: .5rem !important;
}
.mt-1 {
    margin-top: .25rem !important;
}

.bg-orange-600 { background: orange; }

#header {
    color: #333;
}

body {
    overflow-x: hidden;
}

#wrapper {
    background: #fff;
}
#index #wrapper {
    padding-top: 0;
}
#accueil .container {
    width: 100%;
    padding: 0;
}
#accueil.hero-section {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.page-content.page-cms ul, p {
    color: #000;
}

#header a:hover {
    color: #2563eb;
}

#header .header-nav {
    border-bottom: none;
}
#header .header-top {
    padding: 0;
}
.user-info > a > span,
.blockcart .header > span { display: none; }

.header-top-right {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.block-category.card-block {
    padding: 0;
}
.block-category {
    min-height: 0;
}

.product-miniature .product-title a {
    font-size: 1rem;
    line-height: 1.4;
    color: #000;
}
.product-miniature .product-price-and-shipping {
    font-size: 1.2rem;
    margin: 20px 0 0;
}
.product-miniature .product-description {
    text-align: center;
}
.product-miniature .add-to-cart {
    margin: 20px 0 0;
}
.product-miniature .thumbnail-container:focus .product-description::after, .product-miniature .thumbnail-container:hover .product-description::after,
.pagination { display: none; }