/* A-Z Metals & Surplus | Monochrome theme.
   Edit palette variables below to adjust ALL site accents.
   This file loads after the imported WordPress stylesheets. */

/* Use readable local fallbacks if Google Fonts are unavailable. */
body { font-family: "Open Sans", Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: Cairo, "Open Sans", Arial, sans-serif; }

/* The saved page did not include the Font Awesome font files. These three
   icons are represented with reliable local Unicode characters instead. */
.fa.fa-envelope-o::before { content: "✉"; font: normal 17px Arial, sans-serif; }
.fa.fa-phone::before { content: "☎"; font: normal 17px Arial, sans-serif; }
.fa.fa-angle-up::before { content: "↑"; font: normal 22px Arial, sans-serif; }


/* A-Z Metals & Surplus: editable text logo (replaces old company's JPEG).
   Edit the words in templates/index.html; edit appearance here. */
.navbar-brand .local-brand-name {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    min-height: 113px;
    max-width: 100%;
    padding: 12px 16px 12px 18px;
    background: #fff;
    border-left: 6px solid #d0d0d0;
    color: #151515;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(25px, 2.15vw, 36px);
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1.12;
    white-space: nowrap;
    text-decoration: none;
}
.navbar-brand .local-brand-amp { color: #565656; }
.navbar-brand:hover .local-brand-name,
.navbar-brand:focus .local-brand-name { color: #151515; }
@media (max-width: 500px) {
    .navbar-brand .local-brand-name { min-height: 82px; font-size: 27px; }
}


/* ============================================================
   A-Z METALS & SURPLUS — MONOCHROME INDUSTRIAL / METALS PAGE
   Edit these classes to change the look of the new sections.
   ============================================================ */
:root { --az-ink:#151515; --az-charcoal:#444444; --az-accent:#bfbfbf; --az-line:#dedede; --az-muted:#606060; }
html { scroll-behavior: smooth; }
.az-homepage { color:var(--az-ink); font-size:16px; line-height:1.7; }
.az-homepage h2, .az-homepage h3 { color:var(--az-ink); letter-spacing:-.018em; line-height:1.25; }
.az-homepage h2 { font-size:clamp(27px,3vw,38px); margin:0 0 17px; font-weight:800; }
.az-homepage h3 { font-size:20px; font-weight:750; margin:0 0 12px; }
.az-homepage p { margin:0 0 20px; }
.az-homepage a { transition:background-color .2s, color .2s, transform .2s; }
.az-homepage a:focus-visible, .az-homepage summary:focus-visible, .navbar a:focus-visible { outline:3px solid #666666; outline-offset:3px; }
.az-kicker, .az-eyebrow { color:#555555; letter-spacing:.12em; text-transform:uppercase; font-size:13px; font-weight:800; margin:0 0 12px !important; }
.az-section { margin:0 auto; padding:62px 0 0; scroll-margin-top:100px; }
.az-homepage .az-hero { scroll-margin-top:100px; background:linear-gradient(135deg,#f8f8f8,#fff 62%); border:1px solid #e2e2e2; border-left:6px solid var(--az-accent); border-radius:10px; padding:52px 54px; margin:4px 0 0; box-shadow:0 12px 38px rgba(23,33,44,.045); }
.az-hero h2 { max-width:850px; font-size:clamp(34px,4vw,52px); line-height:1.12; margin:8px 0 22px; }
.az-homepage .az-lead { font-size:clamp(18px,1.6vw,21px); line-height:1.65; max-width:970px; }
.az-homepage .az-hero-note { margin:23px 0 0; color:#606060; font-weight:650; font-size:14px; }
.az-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:25px; }
.az-btn { display:inline-flex; align-items:center; justify-content:center; min-height:50px; border-radius:6px; padding:11px 23px; text-decoration:none !important; font-weight:800; font-size:15px; text-align:center; }
.az-btn-primary { background:var(--az-accent); color:#151515 !important; border:2px solid var(--az-accent); }
.az-btn-primary:hover { background:#dedede; border-color:#dedede; }
.az-btn-outline { color:var(--az-ink) !important; border:2px solid var(--az-ink); background:transparent; }
.az-btn-outline:hover { color:white !important; background:var(--az-ink); }
.az-btn-outline-light { color:#151515 !important; border:2px solid #333333; background:#ffffff; }
.az-btn-outline-light:hover { color:#151515 !important; background:#ededed; }
.az-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:20px 0 0; }
.az-benefit { display:flex; align-items:flex-start; gap:13px; padding:23px 18px; background:#fff; border:1px solid var(--az-line); border-radius:9px; }
.az-benefit-icon { flex:0 0 auto; width:39px; height:39px; border-radius:50%; background:#eeeeee; color:#383838; font-size:13px; font-weight:850; display:grid; place-items:center; }
.az-benefit h3 { font-size:17px; margin:0 0 5px; }
.az-benefit p { font-size:14px; color:var(--az-muted); line-height:1.6; margin:0; }
.az-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; margin-top:27px; }
.az-card { background:#fff; border:1px solid var(--az-line); border-radius:9px; padding:25px 23px; box-shadow:0 5px 22px rgba(23,33,44,.045); }
.az-card::before { content:''; display:block; width:34px; height:4px; background:var(--az-accent); border-radius:4px; margin-bottom:22px; }
.az-card h3 { font-size:20px; }
.az-card p { color:#545454; font-size:15px; margin:0 0 8px; }
.az-card a { color:#333333; font-weight:750; text-decoration:underline; }
.az-metals { background:linear-gradient(135deg,#f8f8f8,#f3f3f3); padding:48px; border:1px solid #e2e2e2; border-radius:10px; margin-top:62px; }
.az-metal-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; list-style:none; margin:24px 0 25px !important; padding:0 !important; }
.az-metal-list li { display:flex; gap:9px; align-items:center; background:white; border:1px solid #dedede; border-radius:6px; padding:10px 12px; margin:0 !important; font-weight:700; font-size:14px; }
.az-metal-list li::before { content:'✓'; color:#4a4a4a; font-weight:900; }
.az-callout { border-left:4px solid var(--az-accent); background:#fff; padding:14px 20px; border-radius:3px 6px 6px 3px; }
.az-photo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:24px; }
.az-photo-grid figure { padding:0; margin:0; background:#fff; border:1px solid var(--az-line); border-radius:9px; overflow:hidden; }
.az-photo-grid img { display:block; width:100%; height:235px; object-fit:cover; }
.az-photo-grid figcaption { color:#383838; padding:12px 15px; font-weight:750; font-size:14px; }
.az-service-panel { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:24px; }
.az-service-panel > div { padding:25px 25px 19px; border:1px solid #e0e0e0; border-radius:9px; background:white; }
.az-check-list { padding:0 !important; margin:0 !important; list-style:none; }
.az-check-list li { position:relative; padding:0 0 10px 25px; margin:0 !important; }
.az-check-list li::before { content:'✓'; color:#555555; font-weight:900; position:absolute; left:0; }
.az-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:24px 0 0; }
.az-step { display:flex; gap:15px; padding:20px; border-radius:8px; border:1px solid #e0e0e0; }
.az-step > span { width:42px; height:42px; flex:0 0 42px; display:grid; place-items:center; color:#151515; font-size:19px; font-weight:900; border-radius:50%; background:#e5e5e5; }
.az-step h3 { font-size:18px; margin:0 0 7px; }
.az-step p { color:var(--az-muted); margin:0; font-size:15px; }
.az-faq-list { border-top:1px solid #dedede; margin-top:20px; }
.az-faq-list details { border-bottom:1px solid #dedede; padding:0 14px; }
.az-faq-list summary { list-style:none; cursor:pointer; font-size:17px; font-weight:800; padding:19px 26px 19px 0; position:relative; }
.az-faq-list summary::-webkit-details-marker { display:none; }
.az-faq-list summary::after { content:'+'; position:absolute; right:0; top:14px; font-size:25px; font-weight:400; color:#5e5e5e; }
.az-faq-list details[open] summary::after { content:'−'; }
.az-faq-list details p { color:#545454; margin:0 0 18px; max-width:850px; }
.az-contact { scroll-margin-top:100px; margin:65px 0 8px; border-radius:11px; padding:50px 45px; background:#f7f7f7; color:#151515; text-align:center; border:1px solid #dedede; }
.az-contact .az-kicker { color:#3b3b3b; }
.az-contact h2 { color:#151515; }
.az-contact > p:not(.az-kicker) { max-width:750px; margin:0 auto 20px; color:#454545; }
.az-contact-phone { font-size:clamp(30px,4vw,47px); font-weight:900; text-decoration:none !important; color:#3b3b3b !important; white-space:nowrap; }
.az-contact-phone:hover { color:#000000 !important; }
.az-actions-center { justify-content:center; margin:26px 0 20px; }
.az-contact .az-contact-email { margin:0; }
.az-contact-email a { color:#222222; text-decoration:underline; }
.theme-blog .post { margin-bottom:0; }
/* Individual lists below control their own marker and label spacing. */
.theme-page-header-area { padding:88px 0 55px !important; }
.theme-page-header-area .overlay { background:rgba(4,12,18,.38); }
.navbar .navbar-nav a { font-weight:700; }
.az-header-contact { display:flex; flex-direction:column; justify-content:center; gap:2px; margin-left:auto; padding:10px 8px 10px 18px; font-size:13px; line-height:1.3; }
.az-header-contact a { color:#151515 !important; font-weight:700; text-decoration:none; }
.az-header-contact a:first-child { color:#292929 !important; font-size:18px; font-weight:850; }
.az-header-contact a:hover { text-decoration:underline; }
.site-info a { color:inherit; }
@media (max-width:1199px) { .az-header-contact { padding-left:4px; } .az-header-contact a:last-child { font-size:12px; } }
@media (max-width:991px) { .az-benefits,.az-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } .az-metal-list { grid-template-columns:repeat(3,minmax(0,1fr)); } .az-header-contact { margin:10px 0 5px; padding:10px 0; } .navbar .navbar-collapse .navbar-nav { width:100%; } }
@media (max-width:767px) { .az-homepage .az-hero { padding:30px 25px; } .az-benefits,.az-cards,.az-service-panel,.az-steps { grid-template-columns:1fr; } .az-photo-grid { grid-template-columns:1fr; } .az-photo-grid img { height:250px; } .az-metals { padding:30px 22px; } .az-metal-list { grid-template-columns:repeat(2,minmax(0,1fr)); } .az-contact { padding:35px 20px; } .az-section { padding-top:46px; } .az-hero h2 { font-size:33px; } }
@media (max-width:420px) { .az-metal-list { grid-template-columns:1fr 1fr; gap:8px; } .az-metal-list li { padding:8px; font-size:12px; } .az-actions .az-btn { width:100%; } .az-contact-phone { font-size:30px; } }


/* ============================================================
   COMPLETE MONOCHROME THEME OVERRIDES
   White page backgrounds, black text, light / medium gray accents.
   This also neutralizes colors hardcoded by the WordPress theme.
   ============================================================ */
:root {
    --mono-black: #151515;
    --mono-dark: #303030;
    --mono-mid: #666666;
    --mono-border: #dedede;
    --mono-soft: #f5f5f5;
    --mono-white: #ffffff;
}
html, body, body #wrapper {
    background: var(--mono-white) !important;
    color: var(--mono-black);
}
body, button, input, select, textarea,
.theme-blog .post, .theme-blog .post .post-content, .theme-blog .post .entry-content,
.az-homepage, .az-homepage p, .az-homepage li,
.az-homepage h1, .az-homepage h2, .az-homepage h3,
.footer-sidebar .widget, .footer-sidebar .widget p {
    color: var(--mono-black);
}
h1, h2, h3, h4, h5, h6,
.theme-blog .post .entry-title, .footer-sidebar .widget .widget-title {
    color: var(--mono-black);
}
.navbar, .navbar.navbar-header-wrap, .navbar.header-sticky, .navbar.header-fixed-top {
    background: var(--mono-white) !important;
    border-color: var(--mono-border) !important;
}
.navbar-brand .local-brand-name {
    color: var(--mono-black) !important;
    background: var(--mono-white);
    border-left: 6px solid #bcbcbc;
}
.navbar-brand .local-brand-amp { color: var(--mono-dark); }
.navbar-brand:hover .local-brand-name { color: var(--mono-black) !important; }
.navbar .navbar-nav .nav-link, .navbar .nav .menu-item .nav-link,
.navbar .nav .menu-item a, .navbar .navbar-nav a, .az-header-contact a {
    color: var(--mono-black) !important;
}
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link:focus,
.navbar .nav .menu-item a:hover, .navbar .nav .menu-item a:focus,
.navbar .navbar-nav a:hover, .navbar .navbar-nav a:focus {
    color: var(--mono-mid) !important;
}
.az-header-contact a:first-child { color: var(--mono-black) !important; }
.navbar-toggler, .navbar .navbar-toggler {
    background: var(--mono-white) !important;
    color: var(--mono-black) !important;
    border: 1px solid #bcbcbc !important;
}
.navbar-toggler-icon { filter: grayscale(1); }
/* Original banner loaded a dark blue background photo. Replace it with
   a simple off-white banner so the title stays black and legible. */
.theme-page-header-area, .theme-page-header-area[style] {
    background: #f5f5f5 !important;
    background-image: none !important;
    border-top: 1px solid var(--mono-border);
    border-bottom: 1px solid var(--mono-border);
}
.theme-page-header-area .overlay {
    background: transparent !important;
    display: none;
}
.theme-page-header-area::after { background-image: none !important; }
.theme-page-header-area .page-header-title h1,
.theme-page-header-area .page-header-title h1.text-white,
.theme-page-header-area .page-breadcrumb > li,
.theme-page-header-area .page-breadcrumb > li::before,
.theme-page-header-area .page-breadcrumb > li a,
.theme-page-header-area .page-breadcrumb > li.active,
.theme-page-header-area .page-breadcrumb > li.active a {
    color: var(--mono-black) !important;
    text-shadow: none !important;
}
.theme-page-header-area .page-breadcrumb > li a:hover,
.theme-page-header-area .page-breadcrumb > li a:focus {
    color: var(--mono-mid) !important;
}
.theme-block.theme-blog.theme-bg-grey {
    background: var(--mono-white) !important;
}
.theme-blog .post, .theme-blog .post:hover,
.theme-blog .post .post-content {
    background: var(--mono-white) !important;
    border-color: var(--mono-border) !important;
}
.theme-blog .post { box-shadow: none !important; }
.theme-blog .post .entry-content a:not(.az-btn):not(.az-contact-phone),
.entry-content a:not(.az-btn):not(.az-contact-phone) {
    color: var(--mono-black);
}
.theme-blog .post .entry-content a:not(.az-btn):hover,
.entry-content a:not(.az-btn):hover { color: var(--mono-mid); }
.az-kicker, .az-eyebrow, .az-contact .az-kicker { color: var(--mono-mid) !important; }
.az-homepage .az-hero { background: var(--mono-white); border-color: var(--mono-border); border-left: 6px solid #a6a6a6; }
.az-benefit-icon { background: #ededed; color: var(--mono-black); }
.az-card::before { background: #bcbcbc; }
.az-metals { background: #f7f7f7; border-color: var(--mono-border); }
.az-metal-list li::before, .az-check-list li::before { color: #444444; }
.az-callout { border-left-color: #9b9b9b; }
.az-step > span { background: #e5e5e5; color: var(--mono-black); }
.az-faq-list summary::after { color: var(--mono-dark); }
.az-contact {
    color: var(--mono-black);
    background: #f6f6f6;
    border: 1px solid var(--mono-border);
}
.az-contact h2, .az-contact p, .az-contact .az-kicker,
.az-contact .az-contact-email a, .az-contact-phone,
.az-contact-phone:hover { color: var(--mono-black) !important; }
.az-contact .az-btn-outline-light {
    color: var(--mono-black) !important;
    background: var(--mono-white);
    border: 2px solid var(--mono-dark);
}
.az-contact .az-btn-outline-light:hover,
.az-contact .az-btn-outline-light:focus {
    background: #eaeaea;
    color: var(--mono-black) !important;
}
.az-btn-primary, .az-btn-primary:visited {
    background: #e5e5e5;
    border-color: #bdbdbd;
    color: var(--mono-black) !important;
}
.az-btn-primary:hover, .az-btn-primary:focus {
    background: #d0d0d0;
    border-color: #a6a6a6;
    color: var(--mono-black) !important;
}
.az-btn-outline, .az-btn-outline:visited {
    background: var(--mono-white);
    color: var(--mono-black) !important;
    border-color: var(--mono-dark);
}
.az-btn-outline:hover, .az-btn-outline:focus {
    background: #eeeeee;
    color: var(--mono-black) !important;
}
.site-footer, footer.site-footer.light, .site-footer .footer-sidebar {
    background: #fafafa !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-black) !important;
}
.site-footer { border-top: 1px solid var(--mono-border) !important; border-bottom: 0 !important; }
.footer-sidebar .widget,
.footer-sidebar .widget a,
.footer-sidebar .widget .widget-title,
.footer-sidebar .widget .wp-block-heading,
.footer-sidebar .widget p {
    color: var(--mono-black) !important;
}
.footer-sidebar .widget a:hover, .footer-sidebar .widget a:focus {
    color: var(--mono-mid) !important;
}
.site-info, .site-info.text-center {
    background: #f1f1f1 !important;
    color: var(--mono-black) !important;
    border-top: 1px solid var(--mono-border);
}
.site-info a, .site-info a:hover { color: var(--mono-black) !important; }
.page-scroll-up a, .page-scroll-up a:hover, .page-scroll-up a:active,
#callnowbutton.call-now-button, #callnowbutton.call-now-button:hover {
    background-color: #666666 !important;
}
.page-scroll-up a { color: var(--mono-white) !important; }
#callnowbutton.call-now-button { filter: grayscale(1); }
input, textarea, select, .form-control {
    background: var(--mono-white) !important;
    border-color: var(--mono-border) !important;
    color: var(--mono-black) !important;
}
a:focus-visible, button:focus-visible, summary:focus-visible {
    outline: 2px solid #666666 !important;
    outline-offset: 3px;
}
@media (max-width: 991px) {
    .navbar .navbar-collapse, .navbar .navbar-collapse.show { background: var(--mono-white) !important; }
}


/* Keep text readable when Google Fonts cannot load on a local server. */
h1, h2, h3, h4, h5, h6,
.page-header-title h1,
.az-homepage h2, .az-homepage h3 {
    font-family: Cairo, Arial, Helvetica, sans-serif !important;
}
/* The imported page saved footer widgets with inline visibility:hidden.
   Make content visible even if legacy animation scripts do not execute. */
.footer-sidebar .widget.wow, .footer-sidebar .widget[style] {
    visibility: visible !important;
    animation: none !important;
}
/* Use compact spacing and an unambiguous dark-on-light page title. */
.theme-page-header-area { padding: 58px 0 50px !important; }
.theme-page-header-area .page-header-title h1 {
    font-size: clamp(26px, 2.4vw, 38px);
    line-height: 1.28;
    letter-spacing: -0.02em;
    text-transform: none;
}

/* The imported theme used absolute positioning for the nav, making it
   overlap and conceal the page heading. Keep the header in normal flow. */
.navbar.navbar-header-wrap, .navbar.navbar-header-wrap.header-sticky {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
}
.navbar-toggler .navbar-toggler-icon {
    background-image: none !important;
    filter: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.navbar-toggler .navbar-toggler-icon::after {
    content: "☰";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 23px;
    font-weight: 400;
    line-height: 1;
    color: #151515;
}

/* Neutralize original theme's yellow footer icon rule. */
.site-footer .fa, .footer-sidebar .fa { color: #444444 !important; border-color: #dedede !important; }


/* ============================================================
   CHECKLIST, METALS GRID & FOOTER LAYOUT REFINEMENTS
   ============================================================ */
/* The imported WordPress theme has strong UL/LI styles. Scope these
   rules directly to our lists so checkmarks remain in the text flow. */
.theme-blog .post .entry-content.az-homepage ul.az-check-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.theme-blog .post .entry-content.az-homepage ul.az-check-list > li {
    display: flex !important;
    align-items: flex-start;
    gap: 14px;
    padding: 0 5px 12px 7px !important;
    margin: 0 !important;
    min-width: 0;
    list-style: none !important;
}
.theme-blog .post .entry-content.az-homepage ul.az-check-list > li::before {
    content: "✓";
    display: inline-block !important;
    position: static !important;
    flex: 0 0 18px;
    width: 18px;
    margin: 0 !important;
    padding: 0 !important;
    color: #444444 !important;
    line-height: 1.7;
    font-weight: 900;
    text-align: center;
}
/* Move both the checkmark and its label farther inside each metal tile. */
.theme-blog .post .entry-content.az-homepage ul.az-metal-list {
    list-style: none !important;
    padding: 0 !important;
}
.theme-blog .post .entry-content.az-homepage ul.az-metal-list > li {
    display: flex !important;
    align-items: center;
    gap: 11px;
    padding: 11px 15px 11px 21px !important;
    margin: 0 !important;
    min-width: 0;
    list-style: none !important;
}
.theme-blog .post .entry-content.az-homepage ul.az-metal-list > li::before {
    content: "✓";
    position: static !important;
    flex: 0 0 16px;
    width: 16px;
    display: inline-block !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #444444 !important;
    font-weight: 900;
    text-align: center;
}
/* Center the footer across all three columns, at desktop and mobile sizes. */
.site-footer .footer-sidebar {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: 22px 28px;
    text-align: center;
}
.site-footer .footer-sidebar > [class*="col-"] {
    flex: 1 1 260px !important;
    width: auto !important;
    max-width: 350px !important;
    min-width: 0;
    padding: 0 12px;
    text-align: center;
}
.site-footer .footer-sidebar .widget,
.site-footer .footer-sidebar .widget-title,
.site-footer .footer-sidebar .textwidget,
.site-footer .footer-sidebar .textwidget p,
.site-footer .footer-sidebar address {
    text-align: center !important;
}
.site-footer .footer-sidebar .widget { margin-left: auto; margin-right: auto; }
#google_language_translator {
    display: flex;
    justify-content: center;
    align-items: center;
}
#google_language_translator .gt_selector {
    width: min(100%, 245px) !important;
    max-width: 245px;
    margin: 0 auto;
}
@media (max-width: 420px) {
    .theme-blog .post .entry-content.az-homepage ul.az-metal-list > li {
        padding: 10px 10px 10px 16px !important;
        gap: 8px;
    }
}

/* Keep legacy title dividers centered and neutral (the imported theme used gold). */
.site-footer .footer-sidebar .widget .widget-title::after,
.site-footer .footer-sidebar .widget .wp-block-heading::after {
    background: #bcbcbc !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* ============================================================
   HEADER SVG LOGO — A-Z Metals & Surplus
   Original scalable icon: static/images/a-z-metals-surplus-logo.svg
   Keeps the company name as editable, selectable text.
   ============================================================ */
.navbar .navbar-brand.az-logo-brand {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
    max-width: 100%;
    padding: 9px 12px 9px 15px;
    margin-right: 12px;
    border-left: 5px solid #bcbcbc;
    text-decoration: none !important;
    background: #ffffff !important;
    box-sizing: border-box;
}
.navbar .navbar-brand.az-logo-brand .az-header-logo {
    display: block;
    flex: 0 0 76px;
    width: 76px;
    height: 76px;
    max-width: none;
    object-fit: contain;
}
.navbar .navbar-brand.az-logo-brand .local-brand-name {
    display: inline-flex;
    flex-direction: column;
    min-height: 0;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    font-size: clamp(22px, 1.9vw, 32px);
    line-height: 1.08;
}
/* Fit the full logo alongside the navigation at laptop widths. */
@media (min-width: 992px) and (max-width: 1199px) {
    .navbar .navbar-brand.az-logo-brand { gap: 9px; padding-left: 9px; margin-right: 7px; }
    .navbar .navbar-brand.az-logo-brand .az-header-logo { flex-basis: 60px; width: 60px; height: 60px; }
    .navbar .navbar-brand.az-logo-brand .local-brand-name { font-size: 23px; }
}
/* Mobile header: keep the icon and company name visible beside the menu toggle. */
@media (max-width: 991px) {
    .navbar .navbar-brand.az-logo-brand { gap: 11px; padding: 8px 8px 8px 10px; margin-right: 8px; }
    .navbar .navbar-brand.az-logo-brand .az-header-logo { flex-basis: 64px; width: 64px; height: 64px; }
    .navbar .navbar-brand.az-logo-brand .local-brand-name { font-size: 25px; }
}
@media (max-width: 420px) {
    .navbar .navbar-brand.az-logo-brand { gap: 8px; padding: 6px 4px 6px 8px; margin-right: 3px; }
    .navbar .navbar-brand.az-logo-brand .az-header-logo { flex-basis: 52px; width: 52px; height: 52px; }
    .navbar .navbar-brand.az-logo-brand .local-brand-name { font-size: 21px; }
}