/* =========================================================
   V53 — FINITION PRO / HARMONISATION DES PAGES PC
   Ne touche pas au mobile. Chargé en dernier.
   ========================================================= */
@media (min-width:821px){
  :root{
    --v53-bg:#030b18;
    --v53-bg2:#071a34;
    --v53-card:rgba(7,27,55,.88);
    --v53-card2:rgba(10,39,73,.82);
    --v53-line:rgba(84,200,255,.24);
    --v53-line-strong:rgba(84,222,255,.48);
    --v53-text:#f2f8ff;
    --v53-muted:#b8cce2;
    --v53-cyan:#45e5ff;
    --v53-blue:#168cff;
    --v53-shadow:0 20px 54px rgba(0,0,0,.27),inset 0 0 24px rgba(16,155,255,.035);
  }

  html,body{overflow-x:hidden}
  body.dm11-client-ui{background:linear-gradient(180deg,#020916,#06162b 48%,#020814)!important;color:var(--v53-text)!important}
  body.dm11-client-ui main{background:transparent!important;min-height:55vh}

  /* ---------- Base commune ---------- */
  body.dm11-client-ui .section,
  body.dm11-client-ui .packsection,
  body.dm11-client-ui .tp-section,
  body.dm11-client-ui .svc-section,
  body.dm11-client-ui .booking-main,
  body.dm11-client-ui .content{
    color:var(--v53-text);
  }
  body.dm11-client-ui .section.light,
  body.dm11-client-ui .packsection.white,
  body.dm11-client-ui .tp-section.light,
  body.dm11-client-ui .svc-section.svc-light{
    background:linear-gradient(180deg,rgba(5,20,42,.88),rgba(3,12,27,.88))!important;
    color:var(--v53-text)!important;
  }

  body.dm11-client-ui .card,
  body.dm11-client-ui .step,
  body.dm11-client-ui .review,
  body.dm11-client-ui .pack{
    background:linear-gradient(150deg,var(--v53-card2),var(--v53-card))!important;
    color:var(--v53-text)!important;
    border-color:var(--v53-line)!important;
    box-shadow:var(--v53-shadow)!important;
  }
  body.dm11-client-ui .card h2,
  body.dm11-client-ui .card h3,
  body.dm11-client-ui .step h3,
  body.dm11-client-ui .pack h3{color:#fff!important}
  body.dm11-client-ui .card p,
  body.dm11-client-ui .card li,
  body.dm11-client-ui .step p,
  body.dm11-client-ui .review p{color:var(--v53-muted)!important}

  /* ---------- SERVICES ---------- */
  body.dm11-client-ui .svc-page{background:transparent!important;color:var(--v53-text)!important}
  body.dm11-client-ui .svc-hero{
    min-height:545px!important;
    padding:68px 0 88px!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body.dm11-client-ui .svc-hero-grid{align-items:center!important;min-height:380px}
  body.dm11-client-ui .svc-hero-copy{position:relative;z-index:3}
  body.dm11-client-ui .svc-hero-copy>p{color:#d3e3f4!important}
  body.dm11-client-ui .svc-hero-panel{position:relative;z-index:4;background:linear-gradient(155deg,rgba(12,48,88,.96),rgba(3,17,36,.96))!important;border-color:var(--v53-line-strong)!important}
  body.dm11-client-ui .svc-summary{margin-top:-32px!important;position:relative;z-index:6}
  body.dm11-client-ui .svc-summary-grid>div,
  body.dm11-client-ui .svc-card,
  body.dm11-client-ui .svc-audience-grid article,
  body.dm11-client-ui .svc-process>div,
  body.dm11-client-ui .svc-cta{
    background:linear-gradient(150deg,var(--v53-card2),var(--v53-card))!important;
    border-color:var(--v53-line)!important;
    color:var(--v53-text)!important;
    box-shadow:var(--v53-shadow)!important;
  }
  body.dm11-client-ui .svc-title h2,
  body.dm11-client-ui .svc-card h3,
  body.dm11-client-ui .svc-audience-grid h3,
  body.dm11-client-ui .svc-process h3,
  body.dm11-client-ui .svc-cta h2,
  body.dm11-client-ui .svc-summary-grid strong{color:#f7fbff!important}
  body.dm11-client-ui .svc-title p,
  body.dm11-client-ui .svc-card p,
  body.dm11-client-ui .svc-card li,
  body.dm11-client-ui .svc-audience-grid p,
  body.dm11-client-ui .svc-process p,
  body.dm11-client-ui .svc-cta p,
  body.dm11-client-ui .svc-summary-grid span{color:var(--v53-muted)!important}
  body.dm11-client-ui .svc-btn.secondary,
  body.dm11-client-ui .svc-btn.light-outline{background:rgba(11,42,78,.88)!important;color:#eefaff!important;border:1px solid var(--v53-line)!important}
  body.dm11-client-ui .svc-card-gaming{background:linear-gradient(155deg,#0c315e,#071c39)!important;border-color:rgba(74,185,255,.44)!important}
  body.dm11-client-ui .svc-card-gaming h3{color:#fff!important}
  body.dm11-client-ui .svc-card-gaming p,
  body.dm11-client-ui .svc-card-gaming li{color:#c9def1!important}

  /* ---------- PACKS ---------- */
  body.dm11-client-ui #packPage2026{background:transparent!important}
  body.dm11-client-ui .packhero{
    min-height:470px!important;
    padding:62px 0 72px!important;
    background:transparent!important;
    color:#fff!important;
  }
  body.dm11-client-ui .packhero h1{color:#fff!important}
  body.dm11-client-ui .packhero .lead{color:#d0e0f1!important}
  body.dm11-client-ui .pack-head h2{color:#f6fbff!important}
  body.dm11-client-ui .pack-head p{color:var(--v53-muted)!important}
  body.dm11-client-ui .pack-card-new,
  body.dm11-client-ui .opt-card,
  body.dm11-client-ui .compare,
  body.dm11-client-ui .pack-note{
    background:linear-gradient(150deg,var(--v53-card2),var(--v53-card))!important;
    border-color:var(--v53-line)!important;
    color:var(--v53-text)!important;
    box-shadow:var(--v53-shadow)!important;
  }
  body.dm11-client-ui .pack-card-new h3,
  body.dm11-client-ui .opt-card h3,
  body.dm11-client-ui .pack-note strong{color:#fff!important}
  body.dm11-client-ui .pack-sub,
  body.dm11-client-ui .pack-card-new li,
  body.dm11-client-ui .opt-card p,
  body.dm11-client-ui .pack-note{color:var(--v53-muted)!important}
  body.dm11-client-ui .compare table{color:#e9f5ff!important}
  body.dm11-client-ui .compare th{background:#0b315d!important;color:#fff!important}
  body.dm11-client-ui .compare td{border-bottom-color:rgba(107,192,255,.13)!important;color:#cfe0ef!important}

  /* ---------- TARIFS ---------- */
  body.dm11-client-ui.tarifs-pro-page{background:transparent!important;color:var(--v53-text)!important}
  body.dm11-client-ui .tp-hero{background:transparent!important;min-height:500px!important;padding:66px 0 82px!important}
  body.dm11-client-ui .tp-overview-card,
  body.dm11-client-ui .tp-card,
  body.dm11-client-ui .tp-table-wrap,
  body.dm11-client-ui .tp-info-card:not(.tp-senior),
  body.dm11-client-ui .tp-note,
  body.dm11-client-ui .tp-condition{
    background:linear-gradient(150deg,var(--v53-card2),var(--v53-card))!important;
    border-color:var(--v53-line)!important;
    color:var(--v53-text)!important;
    box-shadow:var(--v53-shadow)!important;
  }
  body.dm11-client-ui .tp-title h2,
  body.dm11-client-ui .tp-overview-card strong,
  body.dm11-client-ui .tp-card h3,
  body.dm11-client-ui .tp-info-card:not(.tp-senior) h3,
  body.dm11-client-ui .tp-note h3,
  body.dm11-client-ui .tp-condition strong,
  body.dm11-client-ui .tp-table td:first-child strong{color:#f6fbff!important}
  body.dm11-client-ui .tp-title p,
  body.dm11-client-ui .tp-overview-card span,
  body.dm11-client-ui .tp-card p,
  body.dm11-client-ui .tp-card li,
  body.dm11-client-ui .tp-info-card:not(.tp-senior) p,
  body.dm11-client-ui .tp-note p,
  body.dm11-client-ui .tp-condition p{color:var(--v53-muted)!important}
  body.dm11-client-ui .tp-table td{background:rgba(4,20,42,.82)!important;color:#c6dbef!important;border-bottom-color:rgba(85,184,255,.13)!important}
  body.dm11-client-ui .tp-table th{background:#0a315e!important}
  body.dm11-client-ui .tp-travel-price{background:rgba(18,94,166,.20)!important}
  body.dm11-client-ui .tp-travel-price span{color:#a8c2dc!important}

  /* ---------- FAQ ---------- */
  body.dm11-client-ui .faq-page{background:transparent!important;color:var(--v53-text)!important}
  body.dm11-client-ui .faq-hero{background:transparent!important;min-height:410px!important}
  body.dm11-client-ui .faq-toolbar,
  body.dm11-client-ui .faq-item,
  body.dm11-client-ui .faq-empty{
    background:linear-gradient(150deg,var(--v53-card2),var(--v53-card))!important;
    border-color:var(--v53-line)!important;
    color:var(--v53-text)!important;
    box-shadow:var(--v53-shadow)!important;
  }
  body.dm11-client-ui .faq-question{background:transparent!important;color:#eef8ff!important}
  body.dm11-client-ui .faq-answer{color:var(--v53-muted)!important}
  body.dm11-client-ui .faq-filter{background:#0a2a50!important;border-color:var(--v53-line)!important;color:#cde7fb!important}
  body.dm11-client-ui .faq-filter.active{background:linear-gradient(135deg,#12bfff,#325dff)!important;color:#fff!important}

  /* ---------- RDV ---------- */
  body.dm11-client-ui.booking-page{background:linear-gradient(180deg,#020916,#06162b 48%,#020814)!important}
  body.dm11-client-ui .booking-hero{background:transparent!important;color:#fff!important}
  body.dm11-client-ui .booking-panel,
  body.dm11-client-ui .booking-info-card,
  body.dm11-client-ui .booking-preview-card{
    background:linear-gradient(150deg,var(--v53-card2),var(--v53-card))!important;
    border-color:var(--v53-line)!important;
    box-shadow:var(--v53-shadow)!important;
    color:var(--v53-text)!important;
  }
  body.dm11-client-ui .booking-screen h2,
  body.dm11-client-ui .booking-info-card h3,
  body.dm11-client-ui .booking-step{color:#edf8ff!important}
  body.dm11-client-ui .booking-screen>.intro,
  body.dm11-client-ui .booking-info-item,
  body.dm11-client-ui .booking-field small{color:var(--v53-muted)!important}
  body.dm11-client-ui .problem-card,
  body.dm11-client-ui .day-card,
  body.dm11-client-ui .booking-summary,
  body.dm11-client-ui .booking-consent{
    background:rgba(8,34,65,.86)!important;
    border-color:var(--v53-line)!important;
    color:#e8f5ff!important;
  }
  body.dm11-client-ui .problem-card span,
  body.dm11-client-ui .day-card-head strong,
  body.dm11-client-ui .week-title strong,
  body.dm11-client-ui .booking-field label{color:#eef8ff!important}
  body.dm11-client-ui .day-card-head{background:rgba(14,50,91,.86)!important;border-bottom-color:var(--v53-line)!important}
  body.dm11-client-ui .day-card-head span,
  body.dm11-client-ui .booking-summary-row{color:#bdd1e5!important}
  body.dm11-client-ui .slot-btn{background:#eaf6ff!important;color:#143d67!important;border-color:#b9d8f5!important}
  body.dm11-client-ui .slot-btn.selected{background:#1677ff!important;color:#fff!important}

  /* ---------- COMMANDE PACK / DEVIS ---------- */
  body.dm11-client-ui .orderhero{background:transparent!important;color:#fff!important;padding:54px 0 52px!important}
  body.dm11-client-ui .orderhero h1{color:#fff!important}
  body.dm11-client-ui .orderhero p{color:#c5d9ed!important}
  body.dm11-client-ui .order-step,
  body.dm11-client-ui .order-form-card,
  body.dm11-client-ui .pack-choice label,
  body.dm11-client-ui .option-row,
  body.dm11-client-ui fieldset[style*="background:#fff"],
  body.dm11-client-ui fieldset[style*="background: #fff"]{
    background:linear-gradient(150deg,var(--v53-card2),var(--v53-card))!important;
    border-color:var(--v53-line)!important;
    color:#eef8ff!important;
    box-shadow:var(--v53-shadow)!important;
  }
  body.dm11-client-ui .order-step span,
  body.dm11-client-ui .option-row small{color:var(--v53-muted)!important}
  body.dm11-client-ui .pack-choice label:has(input:checked){background:rgba(20,100,186,.28)!important;border-color:#33cfff!important}

  /* Les champs restent clairs pour une saisie confortable */
  body.dm11-client-ui input,
  body.dm11-client-ui textarea,
  body.dm11-client-ui select{
    background:#f6fbff!important;
    color:#07172a!important;
    border-color:#b8d0e6!important;
  }
  body.dm11-client-ui input:focus,
  body.dm11-client-ui textarea:focus,
  body.dm11-client-ui select:focus{outline:none!important;box-shadow:0 0 0 3px rgba(46,201,255,.20)!important;border-color:#38cfff!important}

  /* ---------- Petits détails / lisibilité ---------- */
  body.dm11-client-ui h1,
  body.dm11-client-ui h2,
  body.dm11-client-ui h3{overflow-wrap:normal;word-break:normal;hyphens:none}
  body.dm11-client-ui .pack-head,
  body.dm11-client-ui .svc-title,
  body.dm11-client-ui .tp-title{position:relative;z-index:2}
  body.dm11-client-ui .packsection,
  body.dm11-client-ui .svc-section,
  body.dm11-client-ui .tp-section{border-bottom:1px solid rgba(82,190,255,.11)}

  /* Liens / cartes : animation discrète et cohérente */
  body.dm11-client-ui .svc-card,
  body.dm11-client-ui .opt-card,
  body.dm11-client-ui .pack-card-new,
  body.dm11-client-ui .tp-card,
  body.dm11-client-ui .faq-item{
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
  }
  body.dm11-client-ui .svc-card:hover,
  body.dm11-client-ui .opt-card:hover,
  body.dm11-client-ui .pack-card-new:hover,
  body.dm11-client-ui .tp-card:hover,
  body.dm11-client-ui .faq-item:hover{
    transform:translateY(-3px);
    border-color:var(--v53-line-strong)!important;
    box-shadow:0 22px 58px rgba(0,92,180,.22)!important;
  }
}