/* Idéal Web — Mes projets PREMIUM (présentation uniquement)
 * Se superpose à account-projects-v3.css ; aucune logique métier modifiée.
 */
:root{--iw-premium-deep:#083c2b;--iw-premium-accent:#10a86a;--iw-premium-border:#dceae2}
body{background:radial-gradient(ellipse 70% 30% at 50% -10%,#dcefe5 0,transparent 100%),#f5f8f6}
.iw-projects-topbar{background:rgba(255,255,255,.97);box-shadow:0 3px 22px rgba(9,61,40,.035)}
.iw-projects-topbar-inner{width:min(1240px,calc(100% - 40px));min-height:78px}
.iw-projects-brand{width:165px}
.iw-projects-session{gap:16px}.iw-projects-email{font-size:12px;color:#365c4d}
.iw-projects-logout{padding:11px 17px;border-radius:999px;transition:background .2s ease,border-color .2s ease}
.iw-projects-logout:hover{background:#edf7f0;border-color:#b6d7c4}
.iw-projects-shell{width:min(1240px,calc(100% - 40px));margin:30px auto 75px}
.iw-projects-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);align-items:center;gap:30px;min-height:286px;padding:38px 44px;border:1px solid #18533c;border-radius:30px;background:radial-gradient(circle at 84% 30%,rgba(56,193,129,.28),transparent 44%),linear-gradient(118deg,#073526 5%,#10543a 70%,#0b6541 100%);box-shadow:0 28px 64px rgba(5,64,39,.15);color:#fff}
.iw-projects-intro:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(150deg,transparent 0,transparent 48px,rgba(255,255,255,.018) 49px,rgba(255,255,255,.018) 50px);pointer-events:none}
.iw-projects-intro:after{right:-140px;top:-110px;width:410px;height:410px;background:radial-gradient(circle,rgba(42,190,118,.19),transparent 68%)}
.iw-projects-welcome,.iw-projects-welcome-side{position:relative;z-index:1;min-width:0}
.iw-projects-eyebrow{background:rgba(255,255,255,.1);border-color:rgba(202,248,218,.22);color:#c8f7df;font-size:10px;letter-spacing:.15em;padding:8px 13px}
.iw-projects-intro h1{max-width:740px;margin:20px 0 14px;color:#fff;font-size:clamp(32px,4.2vw,53px);line-height:1.09;font-weight:810;letter-spacing:-.043em}
.iw-projects-intro p{max-width:510px;color:#c5e1d1;font-size:15px;line-height:1.65}
.iw-projects-welcome-foot{display:flex;align-items:center;gap:24px;margin-top:24px;flex-wrap:wrap}
.iw-projects-jump{font-size:12px;font-weight:800;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:5px}
.iw-projects-jump span{margin-left:7px}
.iw-projects-private{display:flex;align-items:center;gap:7px;font-size:11px;color:#d4ecdf}
.iw-projects-private span{color:#66db9d;font-size:15px}
.iw-projects-welcome-side{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}
.iw-projects-welcome-graphic{position:relative;width:270px;height:140px;filter:drop-shadow(0 16px 20px rgba(0,21,13,.28))}
.iw-mini-window{position:absolute;left:0;top:0;width:225px;height:130px;border-radius:11px;background:#f8fff9;border:4px solid rgba(255,255,255,.9);overflow:hidden;transform:rotate(-4deg)}
.iw-mini-window-bar{height:21px;background:#ebf3ed;display:flex;align-items:center;gap:4px;padding:0 9px}
.iw-mini-window-bar i{width:5px;height:5px;background:#adc9b7;border-radius:50%}
.iw-mini-window-bar span{margin-left:auto;height:6px;width:48px;border-radius:8px;background:#cadfd3}
.iw-mini-window-layout{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:12px}
.iw-mini-window-layout>span{display:block;height:63px;border-radius:5px;background:linear-gradient(160deg,#d2eddb,#b1d9c4)}
.iw-mini-window-layout div{padding-top:3px}
.iw-mini-window-layout i{display:block;width:90%;height:7px;margin:0 0 10px;border-radius:8px;background:#d5e6db}
.iw-mini-window-layout i:first-child{width:68%;height:10px;background:#0e7446}
.iw-mini-window-bottom{display:flex;gap:7px;margin:0 12px}.iw-mini-window-bottom i{width:45px;height:7px;background:#c7e4d2;border-radius:5px}
.iw-mini-phone{position:absolute;right:0;bottom:-5px;width:58px;height:105px;border:5px solid #0c2b20;border-radius:13px;background:#f6fcf8;transform:rotate(8deg);box-shadow:0 11px 14px rgba(2,33,21,.2);padding:11px 5px}
.iw-mini-phone>div{width:22px;height:4px;border-radius:6px;background:#d2ddda;margin:-5px auto 15px}
.iw-mini-phone span{display:block;height:29px;border-radius:4px;background:#c2e8d3}
.iw-mini-phone i{display:block;height:6px;margin:7px 1px 0;background:#d0dfd6;border-radius:5px}
.iw-mini-phone i:last-child{width:70%;background:#158458}
.iw-projects-new{width:100%;max-width:272px;min-height:48px;display:flex;justify-content:center;gap:8px;border:1px solid #d6f6e3;background:#fff;color:#0a5734;font-size:12px;box-shadow:0 15px 30px rgba(0,31,19,.16)}
.iw-projects-new:hover{background:#eafff1;transform:translateY(-1px)}
.iw-projects-section{margin-top:26px;padding:30px;border:1px solid #e1eae4;border-radius:26px;background:#fff;box-shadow:0 18px 60px rgba(7,56,34,.065)}
.iw-projects-section-head{margin-bottom:22px;align-items:center}
.iw-projects-kicker{font-size:10px;color:#178052;letter-spacing:.14em}
.iw-projects-section-head h2{font-size:27px;color:#12392a}
.iw-projects-counter{padding:9px 15px;background:#eaf6ed;color:#087847}
.iw-projects-grid{gap:20px}
.iw-project-card{padding:25px;border-radius:22px;border:1px solid #dce8df;background:#fff;box-shadow:0 10px 38px rgba(21,71,50,.04)}
.iw-project-card:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(21,71,50,.09)}
.iw-project-icon{width:50px;height:50px;font-size:22px}
.iw-project-name h3{font-size:24px}
.iw-project-summary{margin-top:20px}
.iw-project-meta{padding:14px}
.iw-project-meta strong{font-size:12px}
.iw-project-actions{margin-top:20px}
.iw-project-open,.iw-project-site{min-height:48px;font-size:12px}
.iw-project-open[aria-disabled="true"]{background:#e9efeb;border-color:#d3e0d8;color:#577465;box-shadow:none}
.iw-project-preview{display:flex;flex-direction:column;justify-content:space-between;min-height:270px;padding:20px;border:1px solid #cddfd3;border-radius:17px;background:linear-gradient(140deg,#eaf7ef,#f8fcf9);overflow:hidden}
.iw-project-preview-title{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:800;color:#22543b}
.iw-project-preview-title span:last-child{font-size:10px;font-weight:700;color:#5e8970}
.iw-project-preview-window{flex:1;margin:15px 0 12px;min-height:150px;border:1px solid #bfd7c9;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 14px 20px rgba(17,89,51,.11)}
.iw-project-preview-browser{height:26px;background:#f0f6f2;border-bottom:1px solid #e3ece5;display:flex;align-items:center;gap:5px;padding:0 12px}
.iw-project-preview-browser i{width:6px;height:6px;border-radius:50%;background:#b9d0c3}
.iw-project-preview-browser span{height:9px;width:48%;border-radius:6px;background:#d9e8df;margin-left:15px}
.iw-project-preview-placeholder{min-height:122px;display:grid;place-content:center;text-align:center;padding:17px;gap:7px;background:radial-gradient(circle at 80% 0,rgba(27,164,102,.14),transparent 58%),#fff}
.iw-project-preview-placeholder b{font-size:24px;color:#0a754a}
.iw-project-preview-placeholder span{font-size:12px;font-weight:800;color:#244936}
.iw-project-preview-placeholder small{font-size:10px;color:#658273}
.iw-project-preview-action{align-self:flex-start;border:1px solid #b6d9c3;border-radius:10px;background:#fff;color:#075934;font:inherit;font-weight:850;font-size:11px;padding:10px 13px;text-decoration:none;cursor:pointer}
.iw-project-preview-action:hover{background:#e5f6eb}
.iw-project-preview-iframe{display:block;width:100%;height:190px;border:0;background:#fff;pointer-events:none}
.iw-projects-grid.iw-premium-single{grid-template-columns:minmax(0,1fr)}
.iw-premium-single>.iw-project-card{display:grid;grid-template-areas:"preview head" "preview summary" "preview actions" "preview repair";grid-template-columns:minmax(0,.88fr) minmax(0,1fr);column-gap:28px;align-items:center;min-height:345px;padding:27px}
.iw-premium-single .iw-project-preview{grid-area:preview;align-self:stretch}
.iw-premium-single .iw-project-head{grid-area:head;align-self:end}
.iw-premium-single .iw-project-summary{grid-area:summary;margin-top:0}
.iw-premium-single .iw-project-actions{grid-area:actions;margin-top:0;align-self:start}
.iw-premium-single .iw-project-repair{grid-area:repair;margin-top:4px}
.iw-premium-single .iw-project-name h3{font-size:30px}
.iw-premium-single .iw-project-meta{background:#f8faf8}
.iw-projects-help{margin-top:18px;display:flex;align-items:center;gap:17px;padding:21px 25px;border:1px solid #deebe2;background:#f9fcfa;border-radius:20px}
.iw-projects-help-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:15px;color:#06854c;background:#e7f5ec;font-size:25px}
.iw-projects-help strong{font-size:13px;color:#153b29}
.iw-projects-help p{font-size:11px;color:#637d6c;margin:5px 0 0;line-height:1.5}
.iw-projects-help a{margin-left:auto;white-space:nowrap;border:1px solid #c9e1d0;padding:11px 15px;border-radius:12px;color:#0b6741;background:white;text-decoration:none;font-size:11px;font-weight:850}
.iw-projects-help a:hover{background:#eaf9ef}
.iw-projects-note{font-size:11px;line-height:1.7;max-width:880px;margin:18px auto 0}
body[data-admin-client-view="1"] .iw-projects-welcome-side,body[data-admin-client-view="1"] .iw-projects-welcome-foot,body[data-admin-client-view="1"] .iw-projects-help{display:none}
body[data-admin-client-view="1"] .iw-projects-intro{min-height:0;grid-template-columns:1fr;padding:28px 35px}
body[data-admin-client-view="1"] .iw-projects-intro h1{font-size:35px}
@media(max-width:920px){.iw-projects-intro{grid-template-columns:1fr;min-height:auto;gap:28px}.iw-projects-welcome-side{flex-direction:row;justify-content:space-between}.iw-projects-welcome-graphic{transform:scale(.8);transform-origin:left center;width:245px;height:110px}.iw-projects-new{max-width:245px}.iw-premium-single>.iw-project-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "preview" "summary" "actions" "repair";gap:17px}.iw-premium-single .iw-project-head,.iw-premium-single .iw-project-actions{align-self:auto}.iw-premium-single .iw-project-preview{min-height:230px}}
@media(max-width:600px){.iw-projects-topbar-inner,.iw-projects-shell{width:calc(100% - 24px)}.iw-projects-topbar-inner{min-height:66px}.iw-projects-brand{width:137px}.iw-projects-shell{margin-top:15px}.iw-projects-intro{padding:26px 21px;border-radius:22px}.iw-projects-intro h1{font-size:32px;line-height:1.12}.iw-projects-intro p{font-size:13px}.iw-projects-welcome-foot{margin-top:17px}.iw-projects-welcome-graphic{display:none}.iw-projects-welcome-side,.iw-projects-new{width:100%;max-width:none}.iw-projects-section{padding:19px 15px;border-radius:20px}.iw-projects-section-head h2{font-size:22px}.iw-project-card{padding:20px 15px}.iw-premium-single>.iw-project-card{padding:20px 15px;gap:15px}.iw-premium-single .iw-project-name h3{font-size:23px}.iw-premium-single .iw-project-preview{min-height:210px}.iw-project-preview-window{min-height:110px}.iw-projects-help{padding:17px;align-items:flex-start;flex-wrap:wrap;gap:12px}.iw-projects-help-icon{width:38px;height:38px;flex-basis:38px}.iw-projects-help>div:nth-child(2){flex:1;min-width:185px}.iw-projects-help a{margin-left:0;width:100%;text-align:center}.iw-projects-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.iw-project-card,.iw-projects-new,.iw-projects-logout{transition:none}}

/* R2: A single site without a renderable same-origin preview must not
   reserve a fake preview column or advertise an unavailable thumbnail. */
.iw-premium-single>.iw-project-card:not(.iw-has-embedded-preview){
  display:block;min-height:0;max-width:900px;width:100%;margin-inline:auto;
}
.iw-premium-single>.iw-project-card:not(.iw-has-embedded-preview) .iw-project-head{
  margin-bottom:8px;
}
@media(max-width:600px){
  .iw-premium-single>.iw-project-card:not(.iw-has-embedded-preview){padding:20px 15px}
}
