/*
 * FWA Stable Component Layer — Phase 2
 * Approved brand lockups and component safeguards live here.
 * New component corrections should be made in this file rather than appended
 * to the legacy fwa-system.css stylesheet.
 */

/* Official logo lockups used inside institutional frames */
.fwa-frame-brand{
  display:inline-flex;
  min-width:0;
  align-items:center;
  gap:10px;
  color:inherit;
  font-family:var(--fwa-mono);
  font-size:.56rem;
  font-style:normal;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.fwa-frame-logo{
  display:block;
  width:104px;
  max-width:100%;
  height:auto;
  object-fit:contain;
  object-position:left center;
}
.fwa-frame-logo--compact{width:82px}
.fwa-frame-logo--blue{filter:saturate(1.15) contrast(1.05)}
.fwa-frame-code{
  padding-left:10px;
  border-left:1px solid rgba(255,255,255,.22);
  color:#b9c7d4;
  font-style:normal;
  white-space:nowrap;
}
.fwa-page-visual--light .fwa-frame-code{
  border-left-color:var(--fwa-line);
  color:var(--fwa-muted);
}

/* Standardised frame headers */
.fwa-page-visual-top,
.fwa-dossier-top,
.fwa-command-topline{
  min-height:54px;
}
.fwa-page-visual-top .fwa-frame-brand,
.fwa-dossier-top .fwa-frame-brand,
.fwa-command-topline .fwa-frame-brand{
  flex:0 1 auto;
}
.fwa-archive-masthead .fwa-frame-brand{
  margin-left:auto;
}
.fwa-product-identity .fwa-frame-brand{
  align-self:flex-start;
}

/* Cover generic baked-in marks in legacy image artwork with the official logo. */
.fwa-page-visual-media,
.fwa-intelligence-media{
  isolation:isolate;
}
.fwa-page-visual-media:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  z-index:5;
  width:190px;
  height:102px;
  background:#08172d url('https://fuelwholesalers.co.za/wp-content/uploads/2023/11/cropped-FWA-Logo-White.png') center/138px auto no-repeat;
  border-right:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
  pointer-events:none;
}
.fwa-page-visual-media:after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  z-index:5;
  width:235px;
  height:70px;
  background:#08172d;
  border-right:1px solid rgba(255,255,255,.14);
  border-top:1px solid rgba(255,255,255,.14);
  pointer-events:none;
}
.fwa-page-visual--light .fwa-page-visual-media:before{
  background-color:#fff;
  background-image:url('https://fuelwholesalers.co.za/wp-content/uploads/2023/11/FWA-Logo-Blue.png');
  border-color:var(--fwa-line);
}
.fwa-page-visual--light .fwa-page-visual-media:after{
  background:#fff;
  border-color:var(--fwa-line);
}
.fwa-intelligence-media:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  z-index:5;
  width:148px;
  height:76px;
  background:#08172d url('https://fuelwholesalers.co.za/wp-content/uploads/2023/11/cropped-FWA-Logo-White.png') center/108px auto no-repeat;
  border-right:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
  pointer-events:none;
}
.fwa-intelligence-media:after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  z-index:5;
  width:180px;
  height:54px;
  background:#08172d;
  border-right:1px solid rgba(255,255,255,.14);
  border-top:1px solid rgba(255,255,255,.14);
  pointer-events:none;
}

/* Component freeze: approved shell and transactional layout */
body.fwa-platform.woocommerce-account #fwa-main-content,
body.fwa-platform.woocommerce-cart #fwa-main-content,
body.fwa-platform.woocommerce-checkout #fwa-main-content{
  width:100%;
  max-width:none;
}
body.fwa-platform.woocommerce-account .fwa-page-content,
body.fwa-platform.woocommerce-cart .fwa-page-content,
body.fwa-platform.woocommerce-checkout .fwa-page-content{
  background:var(--fwa-paper);
}

@media(max-width:1024px){
  .fwa-frame-logo{width:94px}
  .fwa-page-visual-media:before{width:160px;height:86px;background-size:116px auto}
  .fwa-page-visual-media:after{width:200px;height:62px;background-size:126px auto}
}
@media(max-width:720px){
  .fwa-frame-logo{width:88px}
  .fwa-frame-code{font-size:.5rem}
  .fwa-page-visual-top,.fwa-dossier-top,.fwa-command-topline{min-height:48px}
  .fwa-page-visual-media:before{width:132px;height:70px;background-size:96px auto}
  .fwa-page-visual-media:after{width:164px;height:52px;background-size:104px auto}
  .fwa-intelligence-media:before{width:118px;height:62px;background-size:86px auto}
  .fwa-intelligence-media:after{width:146px;height:46px;background-size:90px auto}
}