/* IT Tech Académie — V33b : mobile fluide.
   Chargé APRÈS mobile-v33.css. Accueil « Pourquoi choisir », pied de page, webinaires, équipe, abonnement. */

/* ---------- Pourquoi choisir (accueil) : carrousel tactile ---------- */
.home-premium-proof .proof-dots{display:none}
@media (max-width:768px){
  body .home-premium-proof{padding:22px 0 18px;overflow:hidden}
  body .home-premium-proof>h2{font-size:1.45rem!important;font-weight:800!important;line-height:1.25!important;margin:0 16px 14px!important;text-align:left;color:#0f2f57;text-transform:none!important;letter-spacing:0!important}
  body .home-premium-proof .premium-proof-grid{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 16px 10px;margin:0;scrollbar-width:none}
  body .home-premium-proof .premium-proof-grid::-webkit-scrollbar{display:none}
  body .home-premium-proof .premium-proof-grid article{flex:0 0 78%;max-width:300px;scroll-snap-align:center;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto 1fr;column-gap:12px;row-gap:4px;align-items:start;text-align:left;padding:16px;min-height:0;border-radius:18px}
  body .home-premium-proof .premium-proof-grid article>span{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:#eaf2ff;font-size:22px;margin:0}
  body .home-premium-proof .premium-proof-grid article h3{margin:0;font-size:1.02rem;line-height:1.25;text-align:left}
  body .home-premium-proof .premium-proof-grid article p{margin:0;font-size:13.5px;line-height:1.45;text-align:left;grid-column:2}
  .home-premium-proof .proof-dots{display:flex;justify-content:center;gap:8px;margin-top:2px}
  .home-premium-proof .proof-dots button{width:8px;height:8px;min-height:0;padding:0;border:0;border-radius:50%;background:#c3d4ea;transition:width .2s,background .2s}
  .home-premium-proof .proof-dots button[aria-current="true"]{width:22px;border-radius:6px;background:#0d6efd}
}

/* ---------- Pied de page : volets repliables ---------- */
@media (max-width:768px){
  body .footer-grid{gap:0}
  body .footer-brand-col{padding-bottom:14px}
  body .footer-col.fold{border-top:1px solid rgba(255,255,255,.16);padding:0}
  body .footer-col.fold>h3{display:flex;align-items:center;justify-content:space-between;margin:0;padding:14px 2px;font-size:1rem;cursor:pointer;min-height:48px;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
  body .footer-col.fold>h3::after{content:"+";font-size:1.4rem;font-weight:400;line-height:1;transition:transform .2s}
  body .footer-col.fold.open>h3::after{content:"–"}
  body .footer-col.fold>:not(h3){display:none}
  body .footer-col.fold.open>:not(h3){display:block}
  body .footer-col.fold.open>a.social-qr-mini{display:inline-flex}
  body .footer-col.fold>.cndp-badge{display:block}
  body .footer-col.fold.open{padding-bottom:12px}
  body .footer-col.fold,body .footer-col.fold>p,body .footer-col.fold>a{text-align:left}
  body .footer-col.fold>p{margin:0 0 6px}
  body .footer-social{padding-top:16px;border-top:1px solid rgba(255,255,255,.16)}
  body .footer-bottom{font-size:12.5px;line-height:1.6}
}

/* ---------- Webinaires ---------- */
@media (max-width:768px){
  body .webinar-hero{padding:22px 18px}
  body .webinar-hero h1{font-size:1.65rem;line-height:1.2;margin:8px 0}
  body .webinar-hero p{font-size:14.5px;line-height:1.5}
  body .webinar-hero .cta-row{grid-template-columns:1fr 1fr;gap:10px}
  body .webinar-hero .cta-row .btn:first-child{grid-column:1/-1;min-height:52px;font-size:1.02rem}
  body .webinar-hero .cta-row .btn:not(:first-child){min-height:44px;padding:8px 10px;font-size:13px;line-height:1.2}
  body .webinar-card-v2{border-radius:18px;overflow:hidden;padding:0!important}
  body .webinar-card-v2 .card-banner{height:140px!important;min-height:0!important;aspect-ratio:auto!important;overflow:hidden;padding:0!important;margin:0!important;border-radius:0!important}
  body .webinar-card-v2 .card-banner img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border-radius:0!important}
  body .webinar-card-v2 .catalog-body{padding:14px 16px 16px}
  body .webinar-card-v2 h3{font-size:1.1rem;line-height:1.3;margin:8px 0 4px}
  body .webinar-card-v2 .catalog-body>p:not(.small){font-size:14px;line-height:1.7;margin:6px 0 10px}
  body .webinar-card-v2 .webinar-reserve-btn{width:100%}
  body .webinar-registration-card{padding:18px 16px}
  body .webinar-registration-card h2{font-size:1.3rem}
}

/* ---------- Équipe : cartes horizontales ---------- */
.trainer-more{margin:8px 0 0}
.trainer-more>summary{cursor:pointer;font-weight:800;color:#0b3f88;font-size:14px;list-style:revert}
@media (max-width:768px){
  body #trainersGrid{gap:12px}
  body #trainersGrid .trainer-profile-card-large{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;column-gap:14px;row-gap:0;align-items:start!important;padding:14px!important;text-align:left!important;border-radius:18px!important}
  body #trainersGrid .trainer-photo-wrap-large{width:76px!important;min-width:0!important;max-width:76px!important;height:76px!important;min-height:0!important;border-width:3px!important;margin:0!important;box-sizing:border-box;border-radius:50%!important}
  body #trainersGrid .trainer-photo-wrap-large img{width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;object-fit:cover!important;object-position:center top!important;border-radius:0!important}
  body #trainersGrid .trainer-info{text-align:left!important;min-width:0}
  body #trainersGrid .trainer-info .top-badge{font-size:11.5px;padding:3px 10px;margin-bottom:4px;max-width:100%}
  body #trainersGrid .trainer-info h3{font-size:1.05rem;line-height:1.25;margin:4px 0}
  body #trainersGrid .trainer-affiliation{font-size:13px;line-height:1.4;margin:2px 0}
  body #trainersGrid .trainer-info>p:not(.trainer-affiliation){font-size:13.5px;line-height:1.5;margin:6px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  body #trainersGrid .trainer-module-list{display:block!important;text-align:left!important;font-size:13px;line-height:1.4;margin:8px 0 0;padding-left:18px}
  body #trainersGrid .trainer-socials{justify-content:flex-start!important;gap:8px;margin-top:10px}
  body #trainersGrid .trainer-socials .btn{min-height:40px;padding:6px 14px;font-size:13px}
}
@media (max-width:360px){
  body #trainersGrid .trainer-profile-card-large{grid-template-columns:64px minmax(0,1fr)!important}
  body #trainersGrid .trainer-photo-wrap-large{width:64px!important;max-width:64px!important;height:64px!important}
}

/* ---------- S'abonner : ajustements légers ---------- */
@media (max-width:768px){
  body .subscription-v30-card{padding:18px 16px}
  body .subscription-v30-card>h1{margin:0 0 10px}
  body .subscription-v30-card .subscription-lead{margin:0 0 16px;font-size:14.5px;line-height:1.55}
  body .subscription-price-banner{margin-bottom:14px}
  body .subscription-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px;padding:0}
  body .subscription-step-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;text-align:center;min-width:0}
  body .subscription-step-pill span{font-size:12px;line-height:1.2}
  body .registration-step-card-v2136{margin-bottom:16px}
  body .v263-info-grid label{margin-bottom:2px}
}