/* SEN QUOTIDIEN — régie publicitaire, emplacement public sur les pages du journal */
.sq-ad-shell,.sq-ad-shell *{box-sizing:border-box}
.sq-ad-shell{--ad-green:#104328;--ad-ruby:#9e1c33;--ad-text:#fff;--ad-soft:#ebf3e9;background:#f1f5f0;border-bottom:1px solid #dfe8dd;padding:12px 0 13px;color:#1b3424;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.sq-ad-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;display:flex;flex-direction:column;gap:6px}
.sq-ad-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.69rem;color:#5a6b5e;letter-spacing:.06em;text-transform:uppercase;font-weight:800}
.sq-ad-top a{color:#365943;text-decoration:none;font-size:.69rem}
.sq-ad-top a:hover{text-decoration:underline}
.sq-ad-body{--ad-bg:#0e4c32;position:relative;min-height:116px;border-radius:12px;background:linear-gradient(115deg,var(--ad-bg),#092b1d);color:var(--ad-text);overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;isolation:isolate;box-shadow:0 4px 15px #102d1d19}
.sq-ad-body:before{content:"";position:absolute;inset:-110% -8% auto auto;width:380px;aspect-ratio:1;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 54px #ffffff07,0 0 0 108px #ffffff05;z-index:-1;pointer-events:none}
.sq-ad-shell[data-theme="ruby"] .sq-ad-body{--ad-bg:#a51e38}
.sq-ad-shell[data-theme="gold"] .sq-ad-body{--ad-bg:#755316;background:linear-gradient(115deg,#755316,#284b30)}
.sq-ad-copy{min-width:0;flex:1}
.sq-ad-tag{margin:0 0 4px;font-size:.64rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#e9f0c6}
.sq-ad-headline{font:700 clamp(1.18rem,2.1vw,1.8rem)/1.22 Georgia,"Times New Roman",serif;letter-spacing:-.02em;margin:0 0 5px}
.sq-ad-description{font-size:clamp(.8rem,1.15vw,.93rem);line-height:1.45;margin:0;color:#f1f7f0;max-width:65ch}
.sq-ad-action{display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;text-decoration:none!important;font-size:.8rem;font-weight:800;min-height:43px;padding:10px 15px;border-radius:9px;background:#f5e8ac;color:#183927!important;flex-shrink:0;box-shadow:0 3px 12px #0000001f}
.sq-ad-action:hover{background:white}
.sq-ad-action:focus-visible,.sq-ad-controls button:focus-visible{outline:3px solid #f6d95c;outline-offset:3px}
.sq-ad-controls{display:flex;align-items:center;justify-content:center;gap:10px;min-height:18px}
.sq-ad-controls button{border:0;background:transparent;color:#355944;cursor:pointer;font-size:.78rem;display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;border-radius:6px;min-width:29px;min-height:26px}
.sq-ad-controls button:hover{background:#e3ece2}
.sq-ad-count{font-size:.7rem;color:#607365;font-variant-numeric:tabular-nums;min-width:45px;text-align:center}
.sq-ad-controls [data-ad-play]{font-size:.69rem;min-width:66px;font-weight:750}
@media(max-width:620px){
 .sq-ad-shell{padding:9px 0 10px}
 .sq-ad-wrap{width:calc(100% - 22px)}
 .sq-ad-body{min-height:154px;padding:14px 16px;gap:8px;align-items:flex-start;flex-direction:column;justify-content:center}
 .sq-ad-tag{font-size:.6rem}
 .sq-ad-headline{font-size:1.2rem;margin-bottom:3px}
 .sq-ad-description{font-size:.76rem;line-height:1.35}
 .sq-ad-action{font-size:.73rem;min-height:35px;padding:7px 12px;margin-top:4px}
}
@media(prefers-reduced-motion:reduce){.sq-ad-shell *{animation:none!important;transition:none!important}}


/* Campagne interne SCRUTOR : logo original non retouché issu du dépôt scrutor-mvp. */
.sq-ad-shell[data-theme="scrutor"] .sq-ad-body{
 --ad-bg:#0b1e4d;background:radial-gradient(circle at 88% 14%,#1b539a 0%,#0b1e4d 46%,#071736 100%);
 min-height:148px;border:1px solid #294e89;
}
.sq-ad-shell[data-theme="scrutor"] .sq-ad-body:before{width:410px;inset:-200px -80px auto auto;border-color:#78b4ff28}
.sq-ad-shell[data-theme="scrutor"] .sq-ad-body:after{
 content:"";position:absolute;left:17px;top:13px;width:230px;height:120px;
 background:#fff url("/assets/scrutor-logo-officiel.png") center/contain no-repeat;
 border-radius:10px;box-shadow:0 6px 24px #0003;pointer-events:none;
}
.sq-ad-shell[data-theme="scrutor"] .sq-ad-copy{padding-left:251px}
.sq-ad-shell[data-theme="scrutor"] .sq-ad-tag{color:#ffb78c;letter-spacing:.06em}
.sq-ad-shell[data-theme="scrutor"] .sq-ad-headline{
 font:800 clamp(1.26rem,2.1vw,1.76rem)/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
 color:#fff;letter-spacing:-.025em;
}
.sq-ad-shell[data-theme="scrutor"] .sq-ad-description{color:#e6eefc;max-width:49ch}
.sq-ad-shell[data-theme="scrutor"] .sq-ad-action{
 background:#ff7a30;color:#081c43!important;box-shadow:0 5px 19px #0004
}
.sq-ad-shell[data-theme="scrutor"] .sq-ad-action:hover{background:#ffab73}
/* Un clic sur le message, le logo ou le CTA active le même lien accessible. */
.sq-ad-shell[data-theme="scrutor"] .sq-ad-action:after{content:"";position:absolute;inset:0;cursor:pointer}
@media(max-width:620px){
 .sq-ad-shell[data-theme="scrutor"] .sq-ad-body{min-height:242px;padding:82px 15px 15px;gap:6px;justify-content:flex-start}
 .sq-ad-shell[data-theme="scrutor"] .sq-ad-body:after{width:172px;height:64px;left:12px;top:10px}
 .sq-ad-shell[data-theme="scrutor"] .sq-ad-copy{padding-left:0}
 .sq-ad-shell[data-theme="scrutor"] .sq-ad-headline{font-size:1.18rem}
 .sq-ad-shell[data-theme="scrutor"] .sq-ad-description{font-size:.79rem;line-height:1.37}
 .sq-ad-shell[data-theme="scrutor"] .sq-ad-action{margin-top:5px}
}

/* Édition compacte premium 07/11/2026 : annonce identifiable, jamais plus
 * envahissante que les titres du journal. Sur iPhone, hauteur maîtrisée.
 * Le logo SCRUTOR reste visible et le CTA reste accessible au doigt.
 */
.sq-ad-shell{padding:5px 0 6px;background:#f7f9f6}
.sq-ad-wrap{gap:2px}
.sq-ad-top{font-size:.6rem;letter-spacing:.035em;font-weight:700;line-height:1.2}
.sq-ad-top a{font-size:.6rem}
.sq-ad-body{min-height:78px;padding:10px 17px;gap:14px;border-radius:9px;box-shadow:0 2px 9px #102d1d0d}
.sq-ad-body:before{width:260px}
.sq-ad-tag{font-size:.57rem;margin-bottom:2px;letter-spacing:.07em}
.sq-ad-headline{font-size:clamp(1rem,1.55vw,1.32rem);font-weight:650;margin:0 0 2px;line-height:1.15}
.sq-ad-description{font-size:.73rem;line-height:1.35;max-width:54ch}
.sq-ad-action{min-height:36px;padding:7px 12px;border-radius:6px;font-size:.73rem;box-shadow:none}
.sq-ad-controls{min-height:18px;gap:6px}
.sq-ad-controls button{min-height:24px;min-width:28px;padding:1px 4px}
.sq-ad-shell[data-theme="scrutor"] .sq-ad-body{min-height:80px;padding:11px 15px;gap:12px}
.sq-ad-shell[data-theme="scrutor"] .sq-ad-body:after{width:122px;height:52px;left:13px;top:calc(50% - 26px);border-radius:6px;box-shadow:none}
.sq-ad-shell[data-theme="scrutor"] .sq-ad-body:before{width:245px;inset:-150px -65px auto auto}
.sq-ad-shell[data-theme="scrutor"] .sq-ad-copy{padding-left:136px}
.sq-ad-shell[data-theme="scrutor"] .sq-ad-headline{font-size:clamp(1rem,1.6vw,1.25rem);font-weight:750}
.sq-ad-shell[data-theme="scrutor"] .sq-ad-description{font-size:.72rem}
.sq-ad-shell[data-theme="scrutor"] .sq-ad-action{box-shadow:none}
.sq-ad-shell[data-theme="scrutor"] .sq-ad-action:after{content:none}
@media(max-width:620px){
 .sq-ad-shell{padding:4px 0 5px}
 .sq-ad-wrap{width:calc(100% - 20px);gap:0}
 .sq-ad-top{font-size:.54rem}
 .sq-ad-top a{font-size:.54rem}
 .sq-ad-body,.sq-ad-shell[data-theme="scrutor"] .sq-ad-body{
  min-height:83px;max-height:112px;padding:9px 10px;gap:9px;
  display:flex;flex-direction:row;align-items:center;justify-content:space-between
 }
 .sq-ad-copy{min-width:0}
 .sq-ad-tag{font-size:.52rem;margin:0 0 2px}
 .sq-ad-headline{font-size:.87rem;line-height:1.22;margin:0}
 .sq-ad-description{display:none}
 .sq-ad-action,.sq-ad-shell[data-theme="scrutor"] .sq-ad-action{
  min-height:36px;max-width:106px;white-space:normal;text-align:center;
  font-size:.66rem;line-height:1.14;padding:7px 8px;margin:0
 }
 .sq-ad-controls{min-height:20px;gap:5px}
 .sq-ad-controls button{min-height:24px}
 .sq-ad-shell[data-theme="scrutor"] .sq-ad-body:after{
  width:81px;height:42px;left:8px;top:calc(50% - 21px);border-radius:5px
 }
 .sq-ad-shell[data-theme="scrutor"] .sq-ad-copy{padding-left:89px}
 .sq-ad-shell[data-theme="scrutor"] .sq-ad-tag{display:none}
 .sq-ad-shell[data-theme="scrutor"] .sq-ad-headline{font-size:.88rem;line-height:1.2}
}