/*
 * LDari - home.css
 * Chargé sur : page d'accueil, pages statiques (CGV, FAQ, Contact, Qui sommes-nous)
 * Dépend de : style.css + base.css
 */

/* ==========================================================================
   PAGE D'ACCUEIL — sections
========================================================================== */
section {
    padding-top: 40px;
    padding-bottom: 40px;
}

.hero-section {
    background: linear-gradient(to bottom, #fdfdf8 0%, #ffffff 100%);
    padding-top: 40px;
    padding-bottom: 40px;
}

.section-light { background-color: #fdfdf8; }

.intro-quote {
    background-color: #f8f8f8;
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-title {
    color: #111;
    font-weight: 700;
    font-size: 2.2rem;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
}

.section-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 3px;
    background-color: #9ab968;
    border-radius: 2px;
}

.img-fluid {
    border-radius: 12px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.img-fluid:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 25px rgba(0,0,0,.15);
}

.fade-section {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease, transform 1s ease;
}

.fade-section.visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 992px) {
    section { padding-top: 50px; padding-bottom: 50px; }
    .section-title { font-size: 1.9rem; }
}
@media (max-width: 576px) {
    section { padding-top: 40px; padding-bottom: 40px; }
    .section-title { font-size: 1.6rem; }
}

/* ==========================================================================
   FURGAN BANNER
========================================================================== */
.furgan-banner { line-height: 26px; }
.furgan-banner .banner-inner { position: relative; }
.furgan-banner .banner-info { position: absolute; }
.furgan-banner .banner-thumb { overflow: hidden; margin-bottom: 0; }
.furgan-banner .banner-thumb img {
    min-height: 200px;
    object-fit: cover;
    width: 100%;
    background-color: #f8f8f8;
    transition: transform 0.8s ease 0s;
}

.furgan-banner.style-02 .banner-thumb img { min-height: 250px; }
.furgan-banner.style-02 .banner-info { left: 0; right: 0; top: 50%; transform: translateY(-50%); }
.furgan-banner.style-02 .title { font-size: 52px; font-weight: 700; margin-bottom: 25px; max-width: 500px; margin-left: -3px; letter-spacing: -1px; }
.furgan-banner.style-02 .desc { font-size: 16px; margin-bottom: 23px; max-width: 500px; }
.furgan-banner.style-02 .button {
    display: inline-block;
    min-width: 146px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #000;
}

.furgan-banner.style-04 .banner-info { top: 45px; left: 30px; }
.furgan-banner.style-04 .subtitle { font-size: 32px; line-height: 1.1; font-weight: 500; max-width: 195px; color: #000; margin-bottom: 25px; letter-spacing: -1px; }
.furgan-banner.style-04 .button { display: inline-block; font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; height: 40px; min-width: 132px; line-height: 38px; text-align: center; padding: 0 10px; border: 1px solid #000; }
.furgan-banner.style-04 .button:hover { background-color: #000; color: #fff; }

.furgan-banner.style-07 .banner-info { left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: right; }
.furgan-banner.style-07 .banner-content { text-align: center; }
.furgan-banner.style-07 .title { font-size: 54px; font-weight: 700; line-height: 1; color: var(--couleur-accent); text-transform: uppercase; margin-bottom: 25px; padding-bottom: 10px; position: relative; letter-spacing: .1em; }
.furgan-banner.style-07 .title::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border-bottom: 1px solid; width: 120px; }
.furgan-banner.style-07 .subtitle { font-size: 32px; line-height: 1; color: #000; margin-bottom: 15px; font-weight: 500; }
.furgan-banner.style-07 .button { display: inline-block; padding: 0 25px; height: 50px; line-height: 48px; font-size: 14px; font-weight: 700; border: 1px solid #000; text-transform: uppercase; }
.furgan-banner.style-07 .button:hover { background-color: #000; color: #fff; }

@media (max-width: 1199px) {
    .furgan-banner.style-02 .title  { font-size: 42px; max-width: 400px; }
    .furgan-banner.style-07 .title  { font-size: 36px; }
    .furgan-banner.style-07 .subtitle { font-size: 28px; }
}
@media (max-width: 767px) {
    .furgan-banner.style-02 .title  { font-size: 22px; max-width: 200px; margin-bottom: 20px; }
    .furgan-banner.style-02 .button { min-width: 105px; height: 34px; line-height: 32px; font-size: 11px; }
    .furgan-banner.style-04 .subtitle { font-size: 22px; }
    .furgan-banner.style-07 .title  { font-size: 20px; }
    .furgan-banner.style-07 .subtitle { font-size: 16px; }
    .furgan-banner.style-07 .button { min-width: 105px; height: 34px; line-height: 32px; font-size: 11px; }
}

/* ==========================================================================
   FURGAN ICONBOX
========================================================================== */
.furgan-iconbox { line-height: 26px; }
.furgan-iconbox .title { margin-top: 0; }

.furgan-iconbox.style-01 .iconbox-inner { display: table; width: 100%; border: 1px solid #ebebeb; padding: 32px 20px 30px; border-radius: 8px; }
.furgan-iconbox.style-01 .iconbox-inner:hover { border-color: var(--couleur-accent); }
.furgan-iconbox.style-01 .icon { display: table-cell; vertical-align: middle; font-size: 50px; width: 80px; color: #000; position: relative; }
.furgan-iconbox.style-01 .title { font-size: 14px; font-weight: 700; text-transform: uppercase; margin-bottom: 7px; color: #000; }

.furgan-iconbox.style-03 .iconbox-inner { display: table; width: 100%; border: 2px solid #ebebeb; padding: 32px 20px 30px; }
.furgan-iconbox.style-03 .iconbox-inner:hover { border-color: var(--couleur-accent); }
.furgan-iconbox.style-03 .icon { display: table-cell; vertical-align: middle; font-size: 50px; width: 80px; color: var(--couleur-accent); }
.furgan-iconbox.style-03 .title { font-size: 14px; font-weight: 700; text-transform: uppercase; margin-bottom: 7px; }

.furgan-iconbox.style-04 .iconbox-inner { display: table; width: 100%; border: 2px solid #f8f8f8; background: #f8f8f8; padding: 32px 20px 30px; }
.furgan-iconbox.style-04 .icon { display: table-cell; vertical-align: middle; font-size: 50px; width: 80px; color: var(--couleur-accent); }
.furgan-iconbox.style-04 .title { font-size: 14px; font-weight: 700; text-transform: uppercase; margin-bottom: 7px; }

@media (max-width: 767px) {
    .furgan-iconbox.style-04 .iconbox-inner,
    .furgan-iconbox.style-03 .iconbox-inner,
    .furgan-iconbox.style-01 .iconbox-inner { padding: 25px 15px; }
}

/* ==========================================================================
   FURGAN TESTIMONIAL
========================================================================== */
.furgan-testimonial { line-height: 26px; }

.furgan-testimonial.style-04 .testimonial-inner { text-align: center; border: 1px solid #ebebeb; padding: 0 20px 25px; margin-top: 48px; }
.furgan-testimonial.style-04 .thumb-avatar img { border-radius: 50%; border: 5px solid #fff; background-color: #fff; margin: -48px auto 0; }
.furgan-testimonial.style-04 .name { font-size: 16px; font-weight: 600; margin-top: 20px; margin-bottom: 0; }
.furgan-testimonial.style-04 .position { font-size: 11px; margin-bottom: 10px; color: #999; text-transform: uppercase; font-weight: 500; letter-spacing: 1px; }

/* ==========================================================================
   FAQ
========================================================================== */
.faq-section {
    max-width: 700px;
    margin: 40px auto;
    padding: 0 15px;
}

.faq-item {
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 10px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
.faq-item:hover { box-shadow: 0 4px 10px rgba(0,0,0,.08); }

.faq-item summary {
    cursor: pointer;
    padding: 15px 50px 15px 20px;
    font-size: 17px;
    font-weight: 600;
    color: #333;
    list-style: none;
    position: relative;
    transition: background 0.3s;
    display: flex;
    align-items: center;
    min-height: 50px;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::marker { content: ""; }
.faq-item summary:hover { background: #f9f9f9; }
.faq-item summary::after { content: "+"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 22px; color: var(--couleur-accent); font-weight: bold; line-height: 1; }
.faq-item[open] summary::after { content: "−"; }
.faq-item p { padding: 10px 20px 20px; margin: 0; color: #555; line-height: 1.6; border-top: 1px solid #eee; }

details[open] p { animation: fadeIn 0.3s ease-in-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }

/* ==========================================================================
   CONTACT
========================================================================== */
.contact-form-wrapper { display: flex; justify-content: center; }
.contact-form-wrapper .wpcf7 { width: 100%; max-width: 600px; }

.wpcf7-form { line-height: 26px; }
.wpcf7-form .wpcf7-form-control-wrap,
.wpcf7-form .wpcf7-text,
.wpcf7-form textarea { width: 100%; }
.wpcf7-form .wpcf7-text { padding: 0 15px; margin-top: 5px; margin-bottom: 5px; }
.wpcf7-form textarea { height: 194px; margin-top: 5px; padding: 15px; margin-bottom: 5px; }
.wpcf7-form .wpcf7-submit { margin-top: 5px; background-color: var(--couleur-accent); }
.wpcf7-form .wpcf7-submit:hover { background-color: #000000; }

/* ==========================================================================
   FURGAN SOCIALS
========================================================================== */
.furgan-socials .socials-list { padding-left: 0; list-style: none; }
.furgan-socials.style-01 .socials-list li { display: inline-block; padding: 4px 5px; vertical-align: top; }
.furgan-socials.style-01 .socials-list li a { display: block; height: 46px; width: 46px; font-size: 17px; line-height: 50px; color: #fff; text-align: center; border-radius: 50%; }
.furgan-socials.style-01 .socials-list li a:hover { background-color: var(--couleur-accent); }

/* ==========================================================================
   CUSTOM MENU (footer / home)
========================================================================== */
.furgan-custommenu .menu { padding: 0; margin: 0; list-style: none; }
.furgan-custommenu.style-01 .widgettitle { margin-bottom: 15px; font-weight: 700; position: relative; padding-left: 13px; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; }
.furgan-custommenu.style-01 .widgettitle::before { content: ''; position: absolute; border-left: 2px solid var(--couleur-accent); top: -2px; height: 100%; left: 0; }
.furgan-custommenu.style-01 .menu .menu-item { line-height: 38px; }
.furgan-custommenu.style-01 .menu .menu-item a:not(:hover) { color: inherit; }
.furgan-custommenu.style-06 .widgettitle { margin-bottom: 20px; font-weight: 700; color: #fff; padding-bottom: 10px; position: relative; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; }
.furgan-custommenu.style-06 .widgettitle::before { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; border-bottom: 2px solid #fff; }
.furgan-custommenu.style-06 .menu .menu-item { line-height: 32px; }
.furgan-custommenu.style-06 .menu .menu-item a:not(:hover) { color: inherit; }

/* ==========================================================================
   PRODUCTS GRID (home — aperçu produits)
========================================================================== */
.furgan-products .title { margin-top: 0; }
.furgan-products ul.products::before,
.furgan-products ul.products::after { content: ''; display: table; }
.furgan-products ul.products::after { clear: both; }
.furgan-products.style-02 .slick-dots { margin-top: 0; }
.furgan-products.style-02 .slick-dotted .slick-list { padding-bottom: 45px; }

/* ==========================================================================
   6.5 LOADMORE
========================================================================== */
.more-link { display: inline-block; margin-top: 15px; }
.more-link::after { content: "\f178"; font-family: 'FontAwesome', sans-serif; margin-left: 5px; vertical-align: middle; }