/* ===== LICENCIA ACTIVACIÓN – CSS PERSONALIZADO 2026 ===== */

/* Police identique au site FR */
body, .navbar, #top-megamenu-nav, #top-megamenu-nav .navbar-nav > li > a,
.top-bar, .dropdown-menu, input, select, textarea, button {
    font-family: 'Open Sans', sans-serif !important;
}

/* Couleurs thème identiques au site FR */
#top-megamenu-nav {
    background-color: #0077c7 !important;
}
#top-megamenu-nav .nav > li > a {
    color: #fff !important;
}
#top-megamenu-nav .nav > li > a:hover,
#top-megamenu-nav .nav > li.open > a,
#top-megamenu-nav .nav > li.dropdown:hover > a {
    background-color: #2b94d9 !important;
    color: #fff !important;
}
.top-bar {
    background-color: #f9f9f9 !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

/* Correctif thème */
p strong { color: inherit !important; font-size: inherit !important; }

/* --- DELIVERY BADGE HEADER --- */
.la-delivery-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #0077c7, #0d47a1);
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    margin-top: 14px;
    box-shadow: 0 2px 8px rgba(0,119,199,0.35);
}
.la-delivery-badge i { font-size: 15px; color: #FFD700; }

/* --- TOP BAR --- */
.language-switcher > li > a { font-size: 12px; }
.language-switcher .dropdown-menu { min-width: 160px; }
.language-switcher .dropdown-menu li a {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 16px; font-size: 13px;
}

/* --- MEGAMENU --- */
#top-megamenu-nav .navbar-nav > li > a {
    transition: background 0.2s;
}
#top-megamenu-nav .dropdown-menu { padding: 20px; min-width: 500px; }
#top-megamenu-nav .dropdown-menu h2 {
    font-size: 13px;
    font-weight: 700;
    color: #0077c7 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid rgba(0,119,199,0.3);
    padding-bottom: 4px;
    margin: 14px 0 8px;
}
#top-megamenu-nav .dropdown-menu h2:first-child { margin-top: 0; }
#top-megamenu-nav .dropdown-menu ul { list-style: none; padding: 0; margin: 0 0 8px; }
#top-megamenu-nav .dropdown-menu ul li a {
    font-size: 13px; color: #444; padding: 3px 0; display: block;
    transition: color 0.2s;
}
#top-megamenu-nav .dropdown-menu ul li a:hover { color: #0077c7; text-decoration: none; padding-left: 6px; }

/* --- SIDE MENU (homepage) --- */
.side-menu .yamm .menu-title {
    font-size:14px; font-weight:700; color:#0077c7 !important;
    margin:14px 0 8px; padding-bottom:4px;
    border-bottom:2px solid rgba(0,119,199,0.35);
    display:block;
}

/* --- TRUST ICONS SECTION --- */
.la-trust-strip {
    background: #f8f9fa;
    border-top: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
    padding: 24px 0;
    margin: 24px 0;
}
.la-trust-item {
    text-align: center;
    padding: 12px 20px;
}
.la-trust-item i {
    font-size: 36px;
    color: #0077c7;
    display: block;
    margin-bottom: 10px;
}
.la-trust-item h4 {
    font-size: 14px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 4px;
}
.la-trust-item p {
    font-size: 12px;
    color: #666;
    margin: 0;
}

/* --- WHY US TABLE --- */
.la-why-table {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 16px rgba(0,0,0,0.08);
    margin: 30px 0;
}
.la-why-table table { width: 100%; border-collapse: collapse; }
.la-why-table thead th {
    background: #0077c7;
    color: #fff;
    padding: 14px 18px;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}
.la-why-table tbody td {
    padding: 12px 18px;
    font-size: 13px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}
.la-why-table tbody tr:last-child td { border-bottom: none; }
.la-why-table tbody tr:nth-child(even) td { background: #f8f9fa; }
.la-why-table .check-icon { color: #22c55e; font-size: 16px; margin-right: 6px; }

/* --- FAQ SECTION --- */
.la-faq-section {
    background: #f8f9fa;
    padding: 40px 0;
    margin: 40px 0;
}
.la-faq-section h2 {
    font-size: 24px;
    font-weight: 800;
    color: #1a1a1a;
    margin-bottom: 24px;
    text-align: center;
}
.la-faq-item {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 12px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    overflow: hidden;
}
.la-faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    color: #1a1a1a;
    border-bottom: 1px solid transparent;
    transition: background 0.2s;
}
.la-faq-question:hover { background: #f0f7ff; }
.la-faq-question.active {
    background: #0077c7;
    color: #fff;
    border-bottom-color: rgba(255,255,255,0.2);
}
.la-faq-question i { transition: transform 0.3s; font-size: 12px; }
.la-faq-question.active i { transform: rotate(180deg); }
.la-faq-answer {
    padding: 16px 20px;
    font-size: 13px;
    color: #444;
    line-height: 1.7;
    display: none;
}
.la-faq-item.open .la-faq-answer { display: block; }

/* --- SECTION TITLE --- */
.la-section-title {
    font-size: 22px;
    font-weight: 800;
    color: #1a1a1a;
    margin: 32px 0 20px;
    padding-bottom: 10px;
    border-bottom: 3px solid #0077c7;
    display: flex;
    align-items: center;
    gap: 10px;
}
.la-section-title i { color: #0077c7; font-size: 22px; }

/* --- CONTENT SECTIONS --- */
.la-content-section {
    padding: 36px 0;
}
.la-content-section p {
    font-size: 14px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 16px;
}

/* --- PRODUCT FEATURES BADGES --- */
.features-box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}
.features-box span {
    display: flex;
    align-items: center;
    gap: 5px;
    background: #f0f7ff;
    padding: 5px 11px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #0077c7;
    border: 1px solid #d0e8ff;
}
.features-box i { font-size: 13px; }

/* --- RESPONSIVE FIXES --- */
@media (max-width: 767px) {
    .product-item-holder .row { display: block; }
    .product-item-holder .image-holder,
    .product-item-holder .body-holder,
    .product-item-holder .price-area { float:none!important; width:100%!important; text-align:center; }
    .product-item-holder .image-holder img { display:block; margin:0 auto 15px; max-width:220px; height:auto; }
    .la-trust-item { margin-bottom: 20px; }
    .la-delivery-badge { margin-top: 6px; font-size: 12px; }
    #top-megamenu-nav .dropdown-menu { min-width: 280px; padding: 14px; }
}

/* --- BREADCRUMB --- */
#breadcrumb-alt { background: #f8f9fa; border-bottom: 1px solid #e9ecef; }
#breadcrumb-alt .breadcrumb { margin: 0; }
#breadcrumb-alt .breadcrumb a { color: #0077c7; }
#breadcrumb-alt .breadcrumb > li + li:before { color: #999; }
