/* =========================================================================== mk-idhero.css - v115 / widened v124 - the premium Mascot treatment for the print sub-pages. Built for /photo-identite, now worn by all eight. Linked from ALL EIGHT imp-*.html since v124, after mk-mobile.css. (It was imp-photo-identite.html ONLY from v115 to v123 - see the v124 note at the end of this header before you add anything.) --------------------------------------------------------------------------- WHY EVERY SELECTOR IN THIS FILE STARTS .pg-imppro --------------------------------------------------------------------------- ALL EIGHT imp-*.html sub-pages ship the SAME body class, `pg-imp`: imp-calendriers / imp-cartes-de-visite / imp-cartes-invitations / imp-design-graphique / imp-flyers-affiches / imp-photo-identite / imp-photocopie-documents / imp-tirages-photo They also share a near-identical section skeleton (.feat/.fcard, .uses, .g3 of .step, a .store card, .rel). So a rule written against `.pg-imp .g3` - or against any of those generic class names - would silently restyle SEVEN pages nobody asked about, and the damage would not show up on the page being worked on. That is the v6/v7 lesson ("generic class names mean different things on different pages, so never blanket-style them") with a sharper edge, because here the pages are same-shaped enough that it would look deliberate. So imp-photo-identite.html gets a SECOND body class, `pg-idphoto`, and every rule below is scoped to it. `pg-imp` is left on the element untouched so the page keeps everything the shared sheet already gives it. To promote this treatment to another imp-* page later: add pg-idphoto's sibling class to that page and widen these selectors with :is() - the same move mk-mobile.css made when .mwhy went from .pg-cat to :is(.pg-cat,.pg-acc). --------------------------------------------------------------------------- v124 - THAT PROMOTION HAPPENED, AND FOR ALL SEVEN AT ONCE --------------------------------------------------------------------------- The user asked for the remaining seven print sub-pages to become this page. Rather than grow an :is() list to eight entries and then have to keep it in step forever, the generic treatment moved onto ONE SHARED HOOK CLASS: pg-imppro -> sections 1-5, 7, 8 below. On ALL EIGHT pages. pg-idphoto -> the v122/v123 GALERIE blocks at the foot of this file, and nothing else. On imp-photo-identite.html only. So every imp-* page now carries `mk-page pg-imp pg-imppro pg-`, and photo-identite additionally keeps `pg-idphoto` so its galerie band and its featured-print rail stay exactly where they were. NOTHING about how /photo-identite renders changed in v124 - it was verified by measurement after the rename, not assumed. `pg-imp` is still left on every element untouched, and `pg-` exists so that genuinely per-page work has somewhere to go that is not `pg-imp` - the trap this file was created to avoid in the first place. THIS FILE IS NOW LOADED BY ALL EIGHT imp-*.html, NOT ONE. Read that sentence before adding a rule here: an unscoped or `.pg-imp`-scoped selector no longer costs one page, it costs eight. =========================================================================== */ .pg-imppro{ --idInk:#050505; --idCard:#111111; --idLine:rgba(255,255,255,.08); --idGold:#D8A03D; --idDim:#A8A8A8; --idBlue:#4A7DFF; /* v124 - PER-PAGE ACCENT. The eight imp-* pages do not share one accent: photo-identite and calendriers/cartes-de-visite are blue, tirages / flyers / invitations orange, photocopie green, design graphique purple. Each page overrides these two inline on ; the values below are photo-identite's, so that page needs no inline override at all. ⚠️ THE DEFAULT IS LOAD-BEARING: rgba(var(--idAccRgb),.20) with an undefined variable is an INVALID declaration and drops silently, which would leave the icon chips with no fill at all. */ --idAccRgb:74,125,255; --idAccSoft:#9FBBFF; background:var(--idInk)!important; } /* The page alternated .sec.white (#FDFBF6) and .sec.paper, which is what made it read as a different product to /transfert-dargent. One canvas, like the other three service pages got in v103-v105. */ .pg-imppro .sec.white, .pg-imppro .sec.paper{background:transparent!important} .pg-imppro .shead h2, .pg-imppro h1, .pg-imppro h3, .pg-imppro h4{color:#fff} .pg-imppro .sub, .pg-imppro .shead p, .pg-imppro p{color:var(--idDim)} /* =========================================================================== 1. THE HERO - centred column, carousel below the headline --------------------------------------------------------------------------- Same move as v95/v103: the .hgrid children are ALREADY in the order the category heroes use, so collapsing the two-column grid to one centred column produces the category structure with no markup reordering. The only markup change is that the old single card became a .mch-shot carousel. =========================================================================== */ .pg-imppro .hero .hgrid{ display:block!important; max-width:760px;margin:0 auto;text-align:center; } /* v124 - the bar itself has to be centred, not its stripes. The inline