/* === FICHES PRODUITS — section "Notre sélection" (widget PDA custom Elementor) === */
/* Classes ciblées : .pda-vault-grid, .pda-card, .pda-img-frame, .card-serial, .card-name, .card-price, .pda-add-btn */

/* === BARRE DE RECHERCHE DOOFINDER === */
.wc3dc-home-search{position:relative;max-width:640px;margin:0 auto 36px;display:block}
.wc3dc-home-search-input{width:100%!important;height:56px!important;background:#021533!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;padding:0 20px 0 56px!important;font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:2px!important;border-radius:0!important;outline:none!important;font-family:'Inter',sans-serif!important;box-shadow:none!important;box-sizing:border-box!important}
.wc3dc-home-search-input:focus{border-color:#ffd600!important;box-shadow:0 0 12px rgba(255,214,0,.2)!important;outline:none!important}
.wc3dc-home-search-input::placeholder{color:rgba(255,255,255,.3)!important;opacity:1}
.wc3dc-home-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#ffd600;pointer-events:none;z-index:2}

/* Grille */
.pda-vault-grid,#pda-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:28px!important;padding:0!important;margin:0!important;list-style:none!important}

/* Carte produit */
.pda-card{background:#021533!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;transition:all .35s cubic-bezier(.16,1,.3,1)!important;position:relative!important;padding:0!important;margin:0!important}
.pda-card:hover{border-color:rgba(255,214,0,.5)!important;transform:translateY(-4px)!important;box-shadow:0 14px 32px rgba(0,0,0,.4),0 0 0 1px rgba(255,214,0,.3)!important}

/* Trait jaune en haut (révélation au hover) */
.pda-card::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:2px!important;background:#ffd600!important;transform:scaleX(0)!important;transform-origin:left!important;transition:transform .45s cubic-bezier(.16,1,.3,1)!important;z-index:5!important}
.pda-card:hover::before{transform:scaleX(1)!important}

/* Image link wrapper */
.pda-img-link{display:block!important;text-decoration:none!important;color:inherit!important;padding:0!important;margin:0!important}

/* Frame image (fond blanc, contain, padding pour voir le produit entier) */
.pda-img-frame{background:#fff!important;aspect-ratio:1/1!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:0!important;margin:0!important;position:relative}
.pda-img-frame img{width:100%!important;height:100%!important;object-fit:contain!important;padding:24px!important;box-sizing:border-box!important;transition:transform .5s cubic-bezier(.16,1,.3,1)!important;display:block!important;border-radius:0!important;margin:0!important;max-width:none!important}
.pda-card:hover .pda-img-frame img{transform:scale(1.06)!important}

/* Info section (titre + prix + bouton) */
.pda-card-info{padding:20px 22px 22px!important;display:flex!important;flex-direction:column!important;gap:10px!important;flex:1!important;background:transparent!important}

/* Référence VAULT-XXX (monospace jaune subtil) */
.card-serial{font-family:'JetBrains Mono','Courier New',monospace!important;font-size:10px!important;color:rgba(255,214,0,.55)!important;text-transform:uppercase!important;letter-spacing:2.5px!important;font-weight:600!important;margin:0!important;padding:0!important}

/* Titre */
.card-name-link{text-decoration:none!important;color:inherit!important;display:block!important;margin:0!important;padding:0!important}
.card-name{color:#fff!important;font-size:16px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:0.3px!important;line-height:1.25!important;margin:0!important;padding:0!important;font-family:'Inter',system-ui,sans-serif!important;min-height:48px!important;transition:color .25s ease!important}
.pda-card:hover .card-name,.pda-card .card-name-link:hover .card-name{color:#ffd600!important}

/* Card meta (footer flex avec prix + bouton) */
.card-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:auto!important;padding:8px 0 0 0!important;flex-wrap:wrap}

/* Prix */
.card-price{color:#ffd600!important;font-size:22px!important;font-weight:900!important;font-style:italic!important;letter-spacing:-.5px!important;line-height:1!important;margin:0!important;padding:0!important;background:transparent!important}

/* Bouton AJOUTER — JAUNE SOLIDE */
button.pda-add-btn,.pda-add-btn{background:#ffd600!important;background-color:#ffd600!important;color:#03224C!important;border:none!important;border-radius:0!important;text-transform:uppercase!important;font-weight:900!important;letter-spacing:3px!important;padding:14px 28px!important;text-align:center!important;text-decoration:none!important;display:inline-block!important;font-size:11px!important;transition:all .25s ease!important;box-shadow:none!important;text-shadow:none!important;outline:none!important;cursor:pointer!important;height:auto!important;min-height:auto!important;line-height:1.2!important;font-family:'Inter',sans-serif!important;width:auto!important}
button.pda-add-btn:hover,.pda-add-btn:hover{background:#fff!important;background-color:#fff!important;color:#03224C!important;letter-spacing:3.5px!important;transform:none!important}
button.pda-add-btn:focus,.pda-add-btn:focus{outline:none!important;box-shadow:none!important}

/* Mobile */
@media(max-width:600px){
    .pda-vault-grid,#pda-grid{grid-template-columns:1fr!important;gap:20px!important}
    .pda-img-frame img{padding:16px!important}
    .card-name{font-size:14px!important;min-height:40px!important}
    .card-price{font-size:18px!important}
    .card-meta{flex-direction:column;align-items:stretch}
    .pda-add-btn{width:100%!important}
}

/* ============================================================
   === SECTION TÉMOIGNAGES "Expériences 3D'SIFY"
   ============================================================ */

.reviews-section{padding:80px 24px!important;position:relative;background:transparent}

/* Tag "Expériences 3D'SIFY" — texte simple blanc, sans surlignage */
.header-tag,.reviews-section .header-tag{display:inline-block!important;font-family:'JetBrains Mono','Courier New',monospace!important;font-size:11px!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:3px!important;font-weight:700!important;padding:0!important;border:none!important;background:transparent!important;margin:0 0 16px 0!important;text-align:center}
.header-tag::before{content:none!important;display:none!important}

/* Titre principal — sans fond jaune */
.reviews-title{font-size:clamp(2rem,4vw,3.5rem)!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:-1.5px!important;line-height:.95!important;color:#fff!important;margin:0 auto 56px!important;text-align:center;font-family:'Inter',system-ui,sans-serif!important;font-style:italic;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;padding:0!important;border:none!important}
.reviews-title::after{content:'.';color:#ffd600}

/* Grille des cards */
.reviews-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:28px!important;max-width:1280px!important;margin:0 auto!important;padding:0!important;list-style:none!important}

/* Card témoignage */
.review-card{background:#021533!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;padding:40px 32px 32px!important;display:flex!important;flex-direction:column!important;gap:24px!important;position:relative!important;transition:all .35s cubic-bezier(.16,1,.3,1)!important;overflow:hidden!important;min-height:300px}
.review-card:hover{border-color:rgba(255,214,0,.5)!important;transform:translateY(-6px)!important;box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 0 1px rgba(255,214,0,.3)!important}

/* Trait jaune en haut (animation au hover) */
.review-card::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:3px!important;background:linear-gradient(90deg,#ffd600 0%,#ffe34d 100%)!important;transform:scaleX(0)!important;transform-origin:left!important;transition:transform .5s cubic-bezier(.16,1,.3,1)!important;z-index:5!important}
.review-card:hover::before{transform:scaleX(1)!important}

/* Quote SVG large en fond (décoratif) */
.review-card::after{content:'"';position:absolute!important;top:-30px!important;right:-10px!important;font-family:Georgia,serif!important;font-size:200px!important;color:rgba(255,214,0,.05)!important;font-weight:900!important;line-height:1!important;pointer-events:none!important;z-index:0!important}

/* Icône guillemets jaune visible */
.quote-icon{font-family:Georgia,serif!important;font-size:48px!important;font-weight:900!important;color:#ffd600!important;line-height:.6!important;margin:0!important;padding:0!important;font-style:italic!important;letter-spacing:-4px!important;position:relative;z-index:1}

/* Texte de la quote — lignes serrées, sans surlignage jaune */
.review-card>div:not(.quote-icon):not(.author-info){flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;line-height:1.15!important;background:transparent!important}
.review-text-line{color:#fff!important;font-size:18px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:0.5px!important;line-height:1.25!important;display:block!important;font-family:'Inter',system-ui,sans-serif!important;font-style:italic;margin:0!important;padding:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;border:none!important;text-shadow:none!important}
.review-card br{line-height:0!important;font-size:0!important;display:block!important;content:''!important;margin:0!important;height:0!important}
/* Force toute background à transparent dans les cards (au cas où d'autres spans ont un highlight) */
.review-card span,.review-card mark{background:transparent!important;background-color:transparent!important;box-shadow:none!important}

/* Section auteur */
.author-info{display:flex!important;align-items:center!important;gap:14px!important;padding-top:20px!important;border-top:1px solid rgba(255,255,255,.08)!important;margin-top:auto!important;position:relative;z-index:1}

/* Avatar */
.author-info img.avatar,.author-info .avatar{width:42px!important;height:42px!important;border-radius:50%!important;background:#ffd600!important;border:2px solid #ffd600!important;object-fit:cover!important;flex-shrink:0!important;display:block!important;margin:0!important;padding:0!important}

/* Nom de l'auteur */
.author-name-box{color:#ffd600!important;font-size:13px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:2px!important;font-family:'Inter',system-ui,sans-serif!important;margin:0!important;padding:0!important;background:transparent!important}

/* Container header (tag + title) */
.reviews-section .reviews-header,.reviews-section>div:first-child{text-align:center;margin-bottom:40px}

/* Mobile */
@media(max-width:600px){
    .reviews-section{padding:48px 16px!important}
    .reviews-grid{grid-template-columns:1fr!important;gap:20px!important}
    .review-card{padding:32px 24px 24px!important;min-height:auto!important}
    .review-text-line{font-size:15px!important}
    .review-card::after{font-size:140px!important;top:-20px!important}
}

/* === Bonus : style aussi les widgets WC standards si présents ailleurs === */
ul.products li.product,.elementor-grid-item.product{background:#021533;border:1px solid rgba(255,255,255,.08);transition:all .35s}
ul.products li.product:hover,.elementor-grid-item.product:hover{border-color:rgba(255,214,0,.4);transform:translateY(-4px)}
