/* Public chrome corrections shared by HTML pages and React customer screens. */
@media(max-width:780px){
  :is(.cms-site--photoservice-web,.cms-site--photoservice-taopix) #PL_head.cms-site-header #PL_headContent_Bottom{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;height:auto;min-height:112px;padding:12px 16px!important}
  :is(.cms-site--photoservice-web,.cms-site--photoservice-taopix) #PL_head_logoN{float:none;max-width:100%;margin:0!important}
  :is(.cms-site--photoservice-web,.cms-site--photoservice-taopix) #PL_head_logoN img{display:block;max-width:100%;height:auto}
  :is(.cms-site--photoservice-web,.cms-site--photoservice-taopix) #qrcodeImgA{float:none;width:100%;text-align:center}
}

/* Keep navigation and legal links readable at the smallest breakpoint. */
.cms-site--photostation-web #PL_foot .pst-footer-bottom{font-size:12px;line-height:1.6;flex-wrap:wrap;row-gap:12px}
/* Legacy chrome was fixed at 1200px between the phone and desktop layouts. */
@media(min-width:781px){
 :is(.cms-site--photoservice-web,.cms-site--photoservice-taopix) #PL_head :is(.PL_headContent,#PL_headContent_Top,#PL_headContent_Bottom,ul#PL_menu),
 :is(.cms-site--photoservice-web,.cms-site--photoservice-taopix) #PL_foot :is(.PL_foot_container,#PL_foot_container_bottoms){box-sizing:border-box;width:100%!important;max-width:1200px}
}

/* React footer supplements must not inherit legacy radio/button resets. */
.cms-site :is(#newsletter-demandes,#preferences-cookies){box-sizing:border-box;width:calc(100% - 32px);color:inherit;font-family:inherit;font-size:15px;line-height:1.6;padding:20px!important;border:1px solid #dce1e8;border-radius:8px;background:#fff}
.cms-site :is(#newsletter-demandes,#preferences-cookies) h2{margin:0 0 12px;font-size:22px;line-height:1.3}
.cms-site :is(#newsletter-demandes,#preferences-cookies) p{margin:12px 0;font-size:14px;line-height:1.6}
.cms-site :is(#newsletter-demandes,#preferences-cookies) label[for]{display:block;margin:12px 0 6px;font-weight:600}
.cms-site :is(#newsletter-demandes,#preferences-cookies) input:not([type=checkbox]){box-sizing:border-box;display:block;width:100%;min-height:44px;padding:10px 12px;border:1px solid #9ca5b2;border-radius:4px;font:inherit}
.cms-site :is(#newsletter-demandes,#preferences-cookies) input[type=checkbox]{appearance:auto!important;position:static!important;display:inline-block!important;opacity:1!important;visibility:visible!important;width:18px!important;height:18px!important;margin:0 8px 0 0!important;padding:0!important;background:none!important;box-shadow:none!important;vertical-align:middle}
.cms-site :is(#newsletter-demandes,#preferences-cookies) input[type=checkbox]::before,
.cms-site :is(#newsletter-demandes,#preferences-cookies) input[type=checkbox]::after{content:none!important}
.cms-site :is(#newsletter-demandes,#preferences-cookies) button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;margin:8px 8px 0 0;padding:10px 16px;border:1px solid #555;border-radius:4px;background:#fff;color:#252525;font:inherit;font-weight:600;font-size:14px;line-height:1.4;text-align:center;cursor:pointer}
.cms-site :is(#newsletter-demandes,#preferences-cookies) button:disabled{opacity:.55;cursor:not-allowed}
.cms-site :is(#newsletter-demandes,#preferences-cookies) :is(button,input,summary):focus-visible{outline:2px solid currentColor;outline-offset:3px}
.cms-site :is(#newsletter-demandes,#preferences-cookies) summary{font-weight:600;font-size:15px;line-height:1.5;cursor:pointer}
.cms-site #preferences-cookies fieldset{min-width:0;margin:16px 0 0;padding:16px;border:1px solid #dce1e8;border-radius:4px}
.cms-site #preferences-cookies legend{float:none;width:auto;padding:0 6px;font-size:15px;font-weight:600}

/* Existing Vœux assets use a site-specific path, not the old shared /p/ path. */
.cms-site--voeux-professionnel #PL_footer_services .PL_footer_services_b2b{background-image:url(/legacy-media/voeux-professionnel/p/b2b-icon.png)}
.cms-site--voeux-professionnel #PL_footer_services .PL_footer_services_madeinfrance{background-image:url(/legacy-media/voeux-professionnel/p/madeinfrance-icon.png)}
.cms-site--voeux-professionnel #PL_footer_services .PL_footer_services_security{background-image:url(/legacy-media/voeux-professionnel/p/security-icon.png)}
.cms-site--voeux-professionnel #PL_footer_services .PL_footer_services_forfait{background-image:url(/legacy-media/voeux-professionnel/p/icon-carte.png)}
.cms-site--voeux-professionnel #PL_footer_services .PL_footer_services_hotline{background-image:url(/legacy-media/voeux-professionnel/p/hotline-icon.png)}
.cms-site--voeux-professionnel #PL_foot>nav{clear:both;padding:16px;text-align:center}
.cms-site--voeux-professionnel #PL_head_navigationN .PL_head_navigationN_phone{background-image:url(/legacy-media/voeux-professionnel/p/icon-hotline.png)}
.cms-site--voeux-professionnel :is(#PL_head_navigationN .PL_head_navigationN_account,#PL_menu_side_icons_account){background-image:url(/legacy-media/voeux-professionnel/p/icon-compte.png)}
.cms-site--voeux-professionnel #PL_head_navigationN .PL_head_navigationN_caddy{background-image:url(/legacy-media/voeux-professionnel/p/icon-panier.png)}
.cms-site--voeux-professionnel #PL_footer_infos #PL_footer_infos_contact .PL_footer_infos_contact_num{background-image:url(/legacy-media/voeux-professionnel/p/phone-icon.png)}
.cms-site--voeux-professionnel #PL_footer_infos #PL_footer_infos_contact .PL_footer_infos_contact_mail{background-image:url(/legacy-media/voeux-professionnel/p/email-icon.png)}
/* Customer screens append these forms after the CMS footer. Give them the
   same readable controls and gutters as the storefront, outside legacy resets. */
.cms-site{--cms-form-accent:var(--pst-red,#a7512d)}
.cms-site--voeux-professionnel{--cms-form-accent:#9b1c31}
.cms-site :is(#newsletter-demandes,#preferences-cookies){box-sizing:border-box;width:calc(100% - 32px);max-width:720px;margin:24px auto!important;padding:20px!important;border:1px solid #d9dee5;border-radius:8px;background:#fff;color:#263238;font-family:inherit;font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.cms-site #newsletter-demandes h2{font-size:24px;line-height:1.3;margin:0 0 16px;text-transform:none}
.cms-site :is(#newsletter-demandes,#preferences-cookies) p{font-size:16px;line-height:1.6;margin:12px 0}
.cms-site :is(#newsletter-demandes,#preferences-cookies) form{display:grid;gap:12px}
.cms-site :is(#newsletter-demandes,#preferences-cookies) label{font-size:16px;line-height:1.5;margin:0!important}
.cms-site :is(#newsletter-demandes,#preferences-cookies) input:not([type=checkbox]){box-sizing:border-box;width:100%;max-width:100%;min-height:44px;border:1px solid #9ba5af;border-radius:5px;padding:10px 12px;background:#fff;color:inherit;font:inherit}
.cms-site :is(#newsletter-demandes,#preferences-cookies) label:has(input[type=checkbox]){display:flex!important;align-items:flex-start;gap:10px}
.cms-site :is(#newsletter-demandes,#preferences-cookies) input[type=checkbox]{appearance:auto!important;position:static;float:none;transform:none;flex:0 0 18px;width:18px;height:18px;min-height:0;padding:0;margin:4px 0 0;box-shadow:none;accent-color:var(--cms-form-accent)}
.cms-site :is(#newsletter-demandes,#preferences-cookies) input[type=checkbox]::before{content:none!important}
.cms-site :is(#newsletter-demandes,#preferences-cookies) button{justify-self:start;max-width:100%;min-height:44px;padding:10px 16px;border:1px solid var(--cms-form-accent);border-radius:5px;background:var(--cms-form-accent);color:#fff;font:inherit;line-height:1.4;white-space:normal;cursor:pointer}
.cms-site :is(#newsletter-demandes,#preferences-cookies) button:disabled{opacity:.55;cursor:not-allowed}
.cms-site :is(#newsletter-demandes,#preferences-cookies) :is(button,input,summary):focus-visible{outline:3px solid var(--cms-form-accent);outline-offset:3px}
.cms-site :is(#newsletter-demandes,#preferences-cookies) summary{min-height:44px;padding:6px 0;font-size:16px;font-weight:600;cursor:pointer}
.cms-site #preferences-cookies fieldset{min-width:0;margin-top:16px;border:1px solid #d9dee5;padding:16px;border-radius:5px}
.cms-site #preferences-cookies legend{float:none;width:auto;padding:0 6px;font-size:16px;font-weight:600}
.cms-site #preferences-cookies fieldset>button{margin:12px 8px 0 0}