/* SUPERMATHS — annonces publiques modernes V428 */
:root{
  --pc428-ink:#15364a;
  --pc428-muted:#6d818c;
  --pc428-line:#dce9eb;
  --pc428-teal:#16aaa1;
  --pc428-teal-dark:#087d77;
  --pc428-gold:#f4bb45;
}

/* Liste principale : une annonce utilise réellement la largeur disponible */
#cours-en-ligne .pc-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,560px),1fr))!important;
  gap:18px!important;
}
#cours-en-ligne .pc-card.pc-card-v320{
  position:relative!important;
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr) 145px!important;
  gap:18px!important;
  align-items:start!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  padding:22px!important;
  overflow:hidden!important;
  border:1px solid var(--pc428-line)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#fff 0%,#fff 72%,#f2fbfa 100%)!important;
  box-shadow:0 13px 36px rgba(28,66,82,.08)!important;
  transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease!important;
  animation:pc428-rise .46s both!important;
}
#cours-en-ligne .pc-card.pc-card-v320::before{
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#1ac1b5,#7765d8);
}
#cours-en-ligne .pc-card.pc-card-v320:hover{transform:translateY(-5px)!important;border-color:#addeda!important;box-shadow:0 22px 48px rgba(23,91,99,.13)!important}
#cours-en-ligne .pc-card-v320 .pc-avatar{width:72px!important;height:72px!important;border-radius:20px!important;box-shadow:0 8px 20px rgba(23,111,114,.12)!important}
#cours-en-ligne .pc-card-v320 .pc-card-top{align-items:center!important}
#cours-en-ligne .pc-card-v320 .pc-card-top>small{font-size:9px!important;letter-spacing:.08em!important}
#cours-en-ligne .pc-card-v320 h3{margin:5px 0 3px!important;color:var(--pc428-ink)!important;font-size:19px!important;font-weight:750!important}
#cours-en-ligne .pc-card-v320 .pc-title{max-width:760px!important;color:#365766!important;font-size:15px!important;font-weight:650!important;line-height:1.45!important}
#cours-en-ligne .pc-card-v320 .pc-meta{margin:12px 0 8px!important}
#cours-en-ligne .pc-card-v320 .pc-meta span{padding:6px 9px!important;color:#526d78!important;background:#f2f7f8!important;font-size:10px!important}
#cours-en-ligne .pc-card-v320 .pc-trust span{font-size:10px!important;font-weight:700!important}
#cours-en-ligne .pc-card-v320 .pc-desc{max-width:760px!important;color:var(--pc428-muted)!important;font-size:12px!important;line-height:1.6!important}
#cours-en-ligne .pc-card-v320 .pc-side{position:static!important;display:grid!important;gap:8px!important;align-content:start!important}
#cours-en-ligne .pc-card-v320 .pc-price{text-align:center!important;color:var(--pc428-ink)!important;font-size:25px!important;font-weight:800!important}
#cours-en-ligne .pc-card-v320 .pc-primary,
#cours-en-ligne .pc-card-v320 .pc-more{margin:0!important;min-height:42px!important;border-radius:12px!important;font-size:12px!important;font-weight:750!important;transition:transform .22s ease,box-shadow .22s ease!important}
#cours-en-ligne .pc-card-v320 .pc-primary{background:linear-gradient(135deg,#13a89f,#24c7ba)!important;box-shadow:0 8px 18px rgba(20,178,168,.20)!important}
#cours-en-ligne .pc-card-v320 .pc-more{color:#745a0a!important;background:#fff5d8!important}
#cours-en-ligne .pc-card-v320 .pc-primary:hover,
#cours-en-ligne .pc-card-v320 .pc-more:hover{transform:translateY(-2px)!important}

/* Fenêtre à la une : compacte, équilibrée, sans moitié vide */
#pcPromo.pc-promo{padding:22px!important}
#pcPromo .pc-promo-back{background:rgba(16,39,53,.48)!important;backdrop-filter:blur(8px)!important}
#pcPromo .pc-promo-dialog{
  width:min(1000px,96vw)!important;
  max-height:90vh!important;
  overflow:auto!important;
  border:1px solid rgba(189,226,224,.9)!important;
  border-radius:28px!important;
  background:#f8fbfb!important;
  box-shadow:0 34px 90px rgba(8,36,49,.28)!important;
}
#pcPromo.open .pc-promo-dialog{animation:pc428-dialog .42s cubic-bezier(.2,.8,.2,1) both!important}
#pcPromo .pc-promo-head{
  min-height:0!important;
  padding:23px 76px 20px 28px!important;
  color:var(--pc428-ink)!important;
  background:linear-gradient(125deg,#fff 0%,#ecfaf8 66%,#fff5d9 100%)!important;
}
#pcPromo .pc-promo-head::before{width:170px!important;height:170px!important;right:-55px!important;top:-90px!important;opacity:.65!important}
#pcPromo .pc-promo-head::after{left:28px!important;width:74px!important;height:4px!important;background:linear-gradient(90deg,#1ab7ad,#7865d7)!important}
#pcPromo .pc-promo-head small{font-size:9px!important;letter-spacing:.13em!important}
#pcPromo .pc-promo-head h2{margin:5px 0 3px!important;color:var(--pc428-ink)!important;font-size:25px!important;font-weight:760!important}
#pcPromo .pc-promo-head p{max-width:610px!important;color:#617985!important;font-size:11px!important}
#pcPromo .pc-promo-pulse{padding:7px 10px!important;font-size:9px!important;font-weight:750!important}
#pcPromo .pc-promo-x{width:40px!important;height:40px!important;border-radius:13px!important;transition:transform .25s ease,background .25s ease!important}
#pcPromo .pc-promo-x:hover{transform:rotate(90deg)!important;background:#e4f7f4!important}
#pcPromo .pc-promo-summary{padding:11px 22px 0!important}
#pcPromo .pc-promo-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  padding:12px 18px 17px!important;
}
#pcPromo .pc-promo-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:66px minmax(0,1fr)!important;
  gap:15px!important;
  width:100%!important;
  padding:17px 18px!important;
  overflow:hidden!important;
  border:1px solid var(--pc428-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(24,68,82,.065)!important;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease!important;
}
#pcPromo .pc-promo-card::before{content:'';position:absolute;left:0;top:15px;bottom:15px;width:3px;border-radius:0 4px 4px 0;background:#19b8ae}
#pcPromo .pc-promo-card:hover{transform:translateY(-4px)!important;border-color:#afe0dc!important;box-shadow:0 17px 36px rgba(21,98,103,.12)!important}
#pcPromo .pc-avatar.promo{width:60px!important;height:60px!important;border-radius:18px!important}
#pcPromo .pc-promo-name small{font-size:8px!important;letter-spacing:.08em!important}
#pcPromo .pc-promo-name strong{font-size:15px!important;font-weight:750!important}
#pcPromo .pc-promo-card h3{margin:7px 0 8px!important;color:#284a59!important;font-size:14px!important;font-weight:650!important;line-height:1.4!important}
#pcPromo .pc-promo-meta span{font-size:9px!important;font-weight:650!important}
#pcPromo .pc-promo-bottom{margin-top:10px!important;padding-top:10px!important}
#pcPromo .pc-promo-actions>b{font-size:20px!important;font-weight:800!important}
#pcPromo .pc-promo-actions button{min-height:38px!important;padding:8px 13px!important;font-size:11px!important;font-weight:750!important}
#pcPromo .pc-promo-footer{padding:13px 18px 18px!important}
#pcPromo .pc-promo-all{min-height:42px!important;padding:9px 16px!important;border-radius:12px!important;background:linear-gradient(135deg,#123c51,#087f7b)!important;font-size:12px!important}

@keyframes pc428-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes pc428-dialog{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:none}}

@media(max-width:760px){
  #cours-en-ligne .pc-card.pc-card-v320{grid-template-columns:58px minmax(0,1fr)!important;gap:12px!important;padding:15px!important;border-radius:19px!important}
  #cours-en-ligne .pc-card-v320 .pc-avatar{width:54px!important;height:54px!important;border-radius:16px!important}
  #cours-en-ligne .pc-card-v320 .pc-side{grid-column:1/-1!important;grid-template-columns:auto 1fr 1fr!important;align-items:center!important}
  #cours-en-ligne .pc-card-v320 .pc-price{text-align:left!important;font-size:21px!important}
  #pcPromo.pc-promo{padding:8px!important;align-items:flex-start!important}
  #pcPromo .pc-promo-dialog{width:100%!important;max-height:calc(100dvh - 16px)!important;margin:8px 0!important;border-radius:22px!important}
  #pcPromo .pc-promo-head{padding:18px 58px 16px 17px!important}
  #pcPromo .pc-promo-head h2{font-size:20px!important}
  #pcPromo .pc-promo-head p{font-size:10px!important}
  #pcPromo .pc-promo-list{padding:10px!important}
  #pcPromo .pc-promo-card{grid-template-columns:50px minmax(0,1fr)!important;padding:13px!important}
  #pcPromo .pc-avatar.promo{display:grid!important;width:46px!important;height:46px!important;border-radius:14px!important}
  #pcPromo .pc-promo-actions{display:grid!important;grid-template-columns:auto 1fr 1fr!important;width:100%!important}
}

@media(max-width:480px){
  #cours-en-ligne .pc-card.pc-card-v320{grid-template-columns:1fr!important}
  #cours-en-ligne .pc-card-v320 .pc-avatar{display:none!important}
  #cours-en-ligne .pc-card-v320 .pc-side{grid-template-columns:1fr 1fr!important}
  #cours-en-ligne .pc-card-v320 .pc-price{grid-column:1/-1!important}
  #pcPromo .pc-promo-card{grid-template-columns:1fr!important}
  #pcPromo .pc-avatar.promo{display:none!important}
  #pcPromo .pc-promo-actions{grid-template-columns:1fr 1fr!important}
  #pcPromo .pc-promo-actions>b{grid-column:1/-1!important}
}

@media(prefers-reduced-motion:reduce){
  #cours-en-ligne .pc-card.pc-card-v320,#pcPromo .pc-promo-dialog,#pcPromo .pc-promo-card{animation:none!important;transition:none!important}
}

/* V429 — correction définitive Android */
@media(max-width:600px){
  #cours-en-ligne .pc-grid{display:block!important;width:100%!important}
  #cours-en-ligne .pc-card.pc-card-v320{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:13px!important;
    border-radius:18px!important;
    box-sizing:border-box!important;
  }
  #cours-en-ligne .pc-card.pc-card-v320>.pc-avatar{
    display:grid!important;
    grid-column:1!important;
    grid-row:1!important;
    width:46px!important;
    height:46px!important;
    margin:0!important;
    border-radius:14px!important;
  }
  #cours-en-ligne .pc-card.pc-card-v320>.pc-main{
    display:block!important;
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  #cours-en-ligne .pc-card-v320 .pc-card-top{display:flex!important;align-items:flex-start!important;gap:6px!important}
  #cours-en-ligne .pc-card-v320 .pc-card-top>small{font-size:8px!important;line-height:1.3!important}
  #cours-en-ligne .pc-card-v320 .pc-live-badge{padding:5px 7px!important;font-size:8px!important;white-space:nowrap!important}
  #cours-en-ligne .pc-card-v320 h3{font-size:17px!important;margin:5px 0 2px!important}
  #cours-en-ligne .pc-card-v320 .pc-title{font-size:13px!important;line-height:1.38!important;font-weight:650!important}
  #cours-en-ligne .pc-card-v320 .pc-meta{gap:5px!important;margin:9px 0 6px!important}
  #cours-en-ligne .pc-card-v320 .pc-meta span{padding:5px 7px!important;font-size:9px!important}
  #cours-en-ligne .pc-card-v320 .pc-trust{gap:5px!important}
  #cours-en-ligne .pc-card-v320 .pc-trust span{padding:5px 7px!important;font-size:9px!important}
  #cours-en-ligne .pc-card-v320 .pc-progresses{gap:7px!important;margin-top:8px!important}
  #cours-en-ligne .pc-card-v320 .pc-desc{font-size:10px!important;line-height:1.45!important}
  #cours-en-ligne .pc-card.pc-card-v320>.pc-side{
    display:grid!important;
    grid-column:1/-1!important;
    grid-row:2!important;
    grid-template-columns:70px minmax(0,1fr) minmax(0,1fr)!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    margin:2px 0 0!important;
    padding:10px 0 0!important;
    border-top:1px solid #e7efef!important;
  }
  #cours-en-ligne .pc-card-v320 .pc-price{grid-column:1!important;margin:0!important;text-align:left!important;font-size:20px!important}
  #cours-en-ligne .pc-card-v320 .pc-primary,
  #cours-en-ligne .pc-card-v320 .pc-more{width:100%!important;min-height:38px!important;padding:7px 6px!important;font-size:10px!important}

  #pcPromo.pc-promo{padding:5px!important}
  #pcPromo .pc-promo-dialog{max-height:calc(100dvh - 10px)!important;margin:5px 0!important;border-radius:19px!important}
  #pcPromo .pc-promo-head{position:sticky!important;top:0!important;z-index:5!important;padding:14px 52px 12px 14px!important}
  #pcPromo .pc-promo-head small{font-size:8px!important}
  #pcPromo .pc-promo-head h2{max-width:250px!important;margin:4px 0 2px!important;font-size:18px!important;line-height:1.12!important}
  #pcPromo .pc-promo-head p{max-width:270px!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #pcPromo .pc-promo-x{top:10px!important;right:10px!important;width:36px!important;height:36px!important}
  #pcPromo .pc-promo-summary{padding:10px 12px 2px!important}
  #pcPromo .pc-promo-summary strong{font-size:12px!important}
  #pcPromo .pc-promo-summary span{display:none!important}
  #pcPromo .pc-promo-list{padding:8px!important;gap:8px!important}
  #pcPromo .pc-promo-card{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    padding:11px!important;
    border-radius:16px!important;
    box-sizing:border-box!important;
  }
  #pcPromo .pc-promo-card>.pc-avatar.promo{display:grid!important;grid-column:1!important;grid-row:1!important;width:42px!important;height:42px!important;border-radius:12px!important}
  #pcPromo .pc-promo-card>.pc-promo-main{display:block!important;grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
  #pcPromo .pc-promo-name{display:flex!important;align-items:flex-start!important;gap:5px!important}
  #pcPromo .pc-promo-name small{font-size:7px!important}
  #pcPromo .pc-promo-name strong{font-size:13px!important}
  #pcPromo .pc-live-badge{padding:5px 7px!important;font-size:8px!important}
  #pcPromo .pc-promo-card h3{font-size:12px!important;line-height:1.35!important;margin:7px 0!important}
  #pcPromo .pc-promo-meta{gap:4px!important}
  #pcPromo .pc-promo-meta span{padding:5px 6px!important;font-size:8px!important}
  #pcPromo .pc-progresses{gap:7px!important;margin-top:8px!important}
  #pcPromo .pc-progress-head{font-size:8px!important}
  #pcPromo .pc-promo-bottom{display:block!important;margin-top:8px!important;padding-top:8px!important}
  #pcPromo .pc-booked-people{margin-bottom:7px!important;font-size:8px!important}
  #pcPromo .pc-promo-actions{display:grid!important;grid-template-columns:64px 1fr 1fr!important;align-items:center!important;gap:6px!important}
  #pcPromo .pc-promo-actions>b{grid-column:1!important;margin:0!important;font-size:18px!important;text-align:left!important}
  #pcPromo .pc-promo-actions button{width:100%!important;min-height:36px!important;padding:7px 5px!important;font-size:10px!important}
  #pcPromo .pc-promo-footer{padding:7px 8px 10px!important}
  #pcPromo .pc-promo-all{min-height:38px!important;padding:7px 10px!important;font-size:10px!important}
}

@media(max-width:370px){
  #cours-en-ligne .pc-card.pc-card-v320{grid-template-columns:1fr!important}
  #cours-en-ligne .pc-card.pc-card-v320>.pc-avatar{display:none!important}
  #cours-en-ligne .pc-card.pc-card-v320>.pc-main{grid-column:1!important}
  #pcPromo .pc-promo-card{grid-template-columns:1fr!important}
  #pcPromo .pc-promo-card>.pc-avatar.promo{display:none!important}
  #pcPromo .pc-promo-card>.pc-promo-main{grid-column:1!important}
}