/* ProSupply 1.8.1 — achats B2B : marine, ardoise et cuivre. */
:root{
  --ps-brand:#12324b;
  --ps-brand-deep:#0c2437;
  --ps-link:#1b567c;
  --ps-action:#b54720;
  --ps-action-hover:#943817;
  --ps-accent:#ffdfcc;
  --ps-accent-hover:#ffd0b5;
  --ps-canvas:#f5f7fa;
  --ps-surface:#ffffff;
  --ps-soft:#eaf0f5;
  --ps-soft-border:#d9e5ef;
  --ps-border:#cbd7e1;
  --ps-text:#203449;
  --ps-muted:#526578;
  --ps-focus:#2376a5;
  /* Compatibility aliases for the existing layout and components. */
  --forest:var(--ps-brand);--forest-deep:var(--ps-brand-deep);
  --citron:var(--ps-accent);--paper:var(--ps-canvas);--cream:var(--ps-soft);
  --ink:var(--ps-text);--muted:var(--ps-muted);--line:var(--ps-border);
  --clay:var(--ps-action);--navy:var(--ps-brand);--primary:var(--ps-link);
  --primary-hover:#174363;--canvas:var(--ps-canvas);--surface:var(--ps-surface);
  --surface-soft:var(--ps-soft);--text:var(--ps-text);--border:var(--ps-border);
  --green:var(--ps-link);--deep:var(--ps-brand-deep);--sand:var(--ps-canvas);
  --lime:var(--ps-accent);--copper:var(--ps-action);
}

body{background:var(--ps-canvas);color:var(--ps-text)}
h1,h2,h3,.brand,.atelier-logo{color:var(--ps-brand)}
.site-header,#mobile-nav{background:var(--ps-surface);border-color:var(--ps-border)}
.brand-dot{color:var(--ps-action)}
.atelier-utility{background:var(--ps-brand-deep);color:#eaf0f5}
.atelier-utility a{color:#ffffff}
.main-nav a{color:#344e65}
.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--ps-link)}
.main-nav a[aria-current=page]::after{background:var(--ps-action)}
.eyebrow,.text-button{color:var(--ps-link)}
.lead,.muted,.breadcrumb{color:var(--ps-muted)}
.breadcrumb>a{color:var(--ps-link)}
.mobile-menu{color:var(--ps-brand);border-color:#a6b8c7;background:#fff}

.button,.atelier-search .search-panel .button,.conversion-dock .button{
  background:var(--ps-action);border-color:var(--ps-action);color:#fff;
}
.button:hover,.atelier-search .search-panel .button:hover,.conversion-dock .button:hover{
  background:var(--ps-action-hover);border-color:var(--ps-action-hover);color:#fff;
}
.button.ghost{background:var(--ps-surface);border-color:#a6b8c7;color:var(--ps-brand)}
.button.ghost:hover{background:var(--ps-soft);border-color:var(--ps-link);color:var(--ps-brand)}
.button.light{background:var(--ps-accent);border-color:var(--ps-accent);color:var(--ps-brand-deep)}
.button.light:hover{background:var(--ps-accent-hover);border-color:var(--ps-accent-hover);color:var(--ps-brand-deep)}
.panel,.supplier-card,.product-tiles .category-visual{background:var(--ps-surface);border-color:var(--ps-border)}
.note{background:var(--ps-soft);color:var(--ps-muted)}
.tag,.need-chips a{background:var(--ps-soft);border-color:var(--ps-soft-border);color:var(--ps-link)}
.tag:hover,.need-chips a:hover{background:#dce8f1;border-color:#afc3d3;color:var(--ps-brand)}
.supplier-logo,.specific-symbol{background:var(--ps-soft);color:var(--ps-link)}
.specific-brief>.specific-symbol{background:var(--ps-accent);color:var(--ps-action-hover)}
.specific-tile:hover{border-color:#a6b8c7;background:#f0f5f9}
.specific-tabs a[aria-current]{border-color:var(--ps-action)}
.specific-layout .panel>p,.specific-supplier>p{color:var(--ps-muted)}
.specific-source a,.specific-official-links strong{color:var(--ps-link)}
.specific-brief,.specific-enquiry,.specific-catalog-entry{background:var(--ps-soft);border-color:var(--ps-border)}
.specific-brief p,.specific-official-links span{color:var(--ps-muted)}

.atelier-hero{background:#edf2f6}
.atelier-hero::before{background:linear-gradient(90deg,#edf2f6 0%,#edf2f6fc 22%,#edf2f6f0 34%,#edf2f6bd 43%,#edf2f600 64%)}
.atelier-hero h1 em{color:var(--ps-link)}
.atelier-status-dot{background:var(--ps-action)}
.atelier-hero .lead{color:#344e65}
.atelier-search .search-panel{background:var(--ps-surface);border-color:#a6b8c7}
.atelier-catalog-band,.atelier-method-band{background:var(--ps-soft);border-color:var(--ps-border)}
.buyer-arrow{border-color:#afc3d3;color:var(--ps-link)}
.atelier-buyer-grid>a:hover .buyer-arrow{background:var(--ps-accent);border-color:var(--ps-accent);color:var(--ps-action-hover)}
.lead-prompt,.lead-context{background:var(--ps-soft);border-color:var(--ps-border)}
.lead-context strong,.lead-prompt h2{color:var(--ps-brand)}
.lead-context p,.lead-prompt-copy>p:not(.eyebrow){color:var(--ps-muted)}
.lead-progress [aria-current=step]>span{background:var(--ps-accent);border-color:var(--ps-accent);color:var(--ps-brand-deep)}
.lead-progress .is-complete>span{background:var(--ps-brand);border-color:var(--ps-brand);color:#fff}
.conversion-dock{background:#fffffff7;border-color:var(--ps-border)}
.seo-example{background:var(--ps-soft);border-left-color:var(--ps-action)}
input[type=checkbox],input[type=radio]{accent-color:var(--ps-link)}
input::placeholder,textarea::placeholder{color:#607286;opacity:1}
:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--ps-focus);outline-offset:4px}
::selection{background:var(--ps-accent);color:var(--ps-brand-deep)}

.site-footer,#selection-bar{background:var(--ps-brand-deep);color:#eaf0f5}
.site-footer .footer-statement,.site-footer .brand{color:#fff}
.site-footer .footer-statement em,.site-footer .brand-dot{color:var(--ps-accent)}
.atelier-footer-top .eyebrow,.site-footer strong{color:#e1eaf2}
.site-footer .footer-grid>div>a:not(.brand),.site-footer p,.footer-location,.footer-bottom a{color:#c4d3df}
.site-footer .footer-grid>div>a:not(.brand):hover{color:#fff}
.footer-bottom{border-color:#38546b;color:#c4d3df}

@media(max-width:780px){
  .atelier-hero::before{background:linear-gradient(180deg,#edf2f600 0%,#edf2f6a6 12%,#edf2f6 28%,#edf2f6 100%)}
  .atelier-hero{background:#edf2f6}
}

/* Proof badges: the meaning and date stay visible without a tooltip. */
/* Supplier videos stay on YouTube; only its remote preview is displayed. */
.profile-video-slot .company-video+.company-video{margin-top:28px;padding-top:28px;border-top:1px solid var(--ps-border)}
.profile-layout>div,.profile-layout>aside{min-width:0}
.contact-panel .button{white-space:normal;overflow-wrap:anywhere}
.video-placeholder{position:relative;width:100%;max-width:100%;min-height:200px;overflow:hidden;border-radius:5px;background:var(--ps-brand-deep)}
.video-play{position:relative;isolation:isolate;overflow:hidden;min-height:200px}
.video-play .video-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.video-play::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0c243720,#0c2437c9 65%,#0c2437ed)}
.video-play>span{background:#ffffffec;color:var(--ps-brand-deep);border-color:#fff;flex:none}
.video-play strong{color:#fff;text-shadow:0 1px 8px #0008;font-size:20px;line-height:1.35}
.video-play small{color:#fff}
.video-placeholder[data-platform="instagram"]{background:linear-gradient(135deg,var(--ps-brand-deep),#914529)}
.video-placeholder.instagram-loaded{aspect-ratio:auto;min-height:840px;background:#fff;overflow:hidden;display:flex;justify-content:center}
.video-placeholder.instagram-loaded iframe{position:static;display:block;width:100%;max-width:480px;height:840px;min-height:0;border:0}
@media(max-width:480px){.video-placeholder.instagram-loaded{min-height:680px}.video-placeholder.instagram-loaded iframe{height:680px}}
.video-source-links{display:flex;flex-wrap:wrap;gap:10px 22px;grid-column:1/-1}
.video-caption>.video-source-links .text-button{color:var(--ps-link);font-size:13px}
.company-media .gallery-intro{font-size:14px;color:var(--ps-muted);line-height:1.75}
.company-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.company-gallery figure{margin:0;min-width:0}
.company-gallery figure>a{display:block;background:var(--ps-soft);border:1px solid var(--ps-border);border-radius:5px;overflow:hidden}
.company-gallery img{display:block;width:100%;height:230px;object-fit:contain;background:var(--ps-soft)}
.company-gallery figcaption{font-size:12px;color:var(--ps-muted);line-height:1.6;padding-top:9px;overflow-wrap:anywhere}
@media(max-width:780px){.company-gallery{grid-template-columns:1fr}.company-gallery img{height:250px}.video-play strong{font-size:17px}.video-caption{grid-template-columns:1fr}.video-caption>span{font-size:12px}}

.trust-badges{gap:8px;align-items:stretch}
.trust-badge,.supplier-card .trust-badge{display:inline-flex;align-items:center;gap:10px;padding:11px 12px;min-height:56px;max-width:100%;border:1px solid;border-radius:6px;font-size:13px;line-height:1.4;letter-spacing:0;text-align:left;white-space:normal;text-decoration:none}
.trust-badge>.ps-mark{width:21px;height:21px;flex:0 0 21px;margin:0}
.trust-badge .trust-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.trust-badge .trust-copy>strong{font-size:13px;line-height:1.4;font-weight:750;color:inherit}
.trust-badge .trust-caption{display:block;font-size:12px;line-height:1.4;font-weight:500;color:inherit}
.trust-badge time{white-space:nowrap}
.trust-badge .trust-more{margin-left:3px;align-self:center;font-size:16px;font-weight:600}
a.trust-badge:hover{text-decoration:none;box-shadow:0 0 0 2px currentColor}
a.trust-badge:hover .trust-copy>strong{text-decoration:underline;text-underline-offset:3px}
.trust-online{color:#174d77;background:#eaf2fa;border-color:#b5cde1}
.trust-confirmed{color:#145440;background:#e8f4ed;border-color:#a9cdb9}
.trust-visited{color:#753716;background:#fff0e5;border-color:#ddbba4}
.trust-pending{color:#49586a;background:#f0f3f6;border-color:#c7d0da}
.supplier-card .trust-badges{min-height:56px}
.verification-facts{background:var(--ps-soft);border-color:var(--ps-border)}
.verification-facts dt{font-size:14px;color:var(--ps-brand)}
.verification-facts dd,.verification-facts>p:not(.eyebrow),.verification-facts .text-button{font-size:14px;color:var(--ps-muted)}
.verification-legend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.verification-legend article{background:#fff;border-color:var(--ps-border)}
.verification-legend article p,.verification-legend>p:last-child{font-size:14px}
@media(max-width:780px){
  .trust-badge,.supplier-card .trust-badge{padding:10px 11px;font-size:13px;min-height:56px}
  .trust-badge>.ps-mark{width:21px;height:21px}
  .verification-legend-grid{grid-template-columns:1fr}
}