/* Version 2 approved: glacier edges, a very pale reading area.
   Reuses the homepage media; decoration never receives pointer events. */
:root{
 --qf-interior-image:url('/site/ambiance-glacier.webp');
 --qf-interior-veil:radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.97) 0%,rgba(255,255,255,.95) 34%,rgba(255,255,255,.87) 70%,rgba(255,255,255,.80) 100%);
}
body.catalogue-page{background:#fff;position:relative;isolation:isolate}
#qualifroid-photos-completes.qf-inside .qf-window{background:#fff;isolation:isolate}
body.catalogue-page::before,
#qualifroid-photos-completes.qf-inside .qf-window::before{
 content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background-image:var(--qf-interior-veil),var(--qf-interior-image);
 background-position:center;background-size:cover;background-repeat:no-repeat;
}
body.catalogue-page #catalogue-menu{background:rgba(255,255,255,.88)}
body.catalogue-page dialog,
body .client-dialog{
 background-image:linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)),var(--qf-interior-image);
 background-position:center;background-size:cover;
}
@media(max-width:600px){
 :root{--qf-interior-image:url('/site/ambiance-glacier-mobile.webp')}
}
@media print{
 body.catalogue-page::before,
 #qualifroid-photos-completes.qf-inside .qf-window::before{display:none}
}

/* Catalogue: approved proposal 1, white glacier. Colors and brand mark only. */
body.catalogue-page{
 --ink:#143552;--blue:#0878cf;--muted:#607b91;--line:#d9e7f2;--bg:#f8fcff;
 --qf-interior-veil:radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.98) 0%,rgba(255,255,255,.96) 34%,rgba(255,255,255,.92) 70%,rgba(255,255,255,.88) 100%);
}
.catalogue-page .top{
 background-color:#f8fcff;
 background-image:linear-gradient(rgba(255,255,255,.91),rgba(255,255,255,.91)),var(--qf-interior-image);
 background-position:center;background-size:cover;color:var(--ink);
}
.catalogue-page .logo{color:var(--ink)}
.catalogue-page .logo small,.catalogue-page .private{color:var(--muted)}
/* Clip the existing original to its emblem, keeping the horizontal wordmark.
   The PNG is unchanged; the flame, gear, wrench and ice retain their colors. */
.catalogue-page .logo-mark{position:relative;display:block;overflow:hidden;width:42px;height:44px;flex:0 0 42px}
.catalogue-page .logo-mark img{position:absolute;width:84px;height:auto;max-width:none;left:-21px;top:-5.7px}
.catalogue-page .site-links a{color:var(--ink)}
.catalogue-page .site-links a[aria-current],.catalogue-page .site-links a:hover{color:var(--blue)}
body.catalogue-page #catalogue-menu{background:rgba(255,255,255,.62)}
.catalogue-page .menu-branch>summary{color:var(--blue)}
.catalogue-page .menu-branch[open]>summary,.catalogue-page .menu-link:hover{background:#edf5fd;color:var(--blue)}
.catalogue-page .menu-sub{border-color:var(--line)}
.catalogue-page .menu-link.active{background:var(--blue);color:white}
.catalogue-page .menu-toggle,.catalogue-page #menu-close{background:#edf5fd;color:var(--blue)}
.catalogue-page .actionbar{background:#eaf4fef5;border-color:#dbeaf7}
.catalogue-page .actionbar p{color:var(--muted)}
.catalogue-page .filter-option:hover:not(:disabled){background:#f5faff}
.catalogue-page .filter-option[aria-pressed=true]{background:#edf6ff}
.catalogue-page .selected-count,.catalogue-page .chips button{background:#edf5ff;color:var(--blue);border-color:var(--line)}
.catalogue-page .product-actions a,.catalogue-page .pdf-link{background:#eef6fd;border-color:var(--line)}
.catalogue-page .product-actions button{border-color:var(--line)}
.catalogue-page input:not([type=checkbox]),.catalogue-page select{border-color:#cbddec}
.catalogue-page .detail-prices{background:#edf5ff}
.catalogue-page .price-grid>div+div strong{color:var(--muted)}
.catalogue-page .dialog-top button{background:#edf5fd}
.catalogue-page .category .source-link,.catalogue-page footer{color:var(--muted)}
.catalogue-page button:focus-visible,.catalogue-page a:focus-visible,.catalogue-page input:focus-visible,.catalogue-page select:focus-visible,.catalogue-page summary:focus-visible{outline-color:#298bdb}
@media(max-width:900px){body.catalogue-page #catalogue-menu{background:#f9fcff}}
