/**
 * Holcim Rebrand — Legacy Site Header, Footer & Sidebar
 *
 * Color overrides for header, top nav, dropdown, left sidebar nav, and footer.
 * Cascades after styles.css. Does not modify layout or body content.
 *
 * Palette reference: theme/less/holcim-colors.less
 *   #041739 — @holcim-premium-blue  (header/footer/sidebar bg)
 *   #1d4370 — @holcim-dark-blue     (hover states, dropdowns)
 *   #04bbf1 — @holcim-bright-blue   (active/current nav item)
 *   #007fad — @holcim-medium-blue   (dropdown hover, sidebar active)
 *   #94c12e — @holcim-bright-green  (footer accent line)
 */


/* =============================================================================
   HOLCIM FONTS — copied from theme/fonts/, @font-face mirrored from
   theme/less/core/_typography.less. No .ttf available for Holcim fonts.
   ============================================================================= */

@font-face {
    font-family: 'Holcim';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Holcim-Regular.eot');
    src: local(''),
         url('../fonts/Holcim-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Holcim-Regular.woff2') format('woff2'),
         url('../fonts/Holcim-Regular.woff') format('woff'),
         url('../fonts/Holcim-Regular.svg#holcim') format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'Holcim';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Holcim-Bold.eot');
    src: local(''),
         url('../fonts/Holcim-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Holcim-Bold.woff2') format('woff2'),
         url('../fonts/Holcim-Bold.woff') format('woff'),
         url('../fonts/Holcim-Bold.svg#Holcim') format('svg');
    font-display: swap;
}

@font-face {
    font-family: 'Holcim-headline';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Holcim-HeadlineBlack.eot');
    src: local(''),
         url('../fonts/Holcim-HeadlineBlack.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Holcim-HeadlineBlack.woff2') format('woff2'),
         url('../fonts/Holcim-HeadlineBlack.woff') format('woff'),
         url('../fonts/Holcim-HeadlineBlack.svg#Holcim') format('svg');
    font-display: swap;
}


/* =============================================================================
   HEADER
   ============================================================================= */

div#header {
    background: #041739;
    font-family: 'Holcim', sans-serif;
}

/* Align topnav left edge with content area (sidebar ends at 238px, original was 250px) */
div#topnav {
    left: 234px;
}

#horizontalStripe,
#horizontalStripeShadowLeft,
#horizontalStripeShadowRight {
    background-image: none;
    filter: none;
}

#horizontalStripeShadowLeft {
    background: linear-gradient(to left, #041739, #1d4370);
}

#horizontalStripeShadowRight {
    background: linear-gradient(to right, #041739, #1d4370);
}

#horizontalStripe {
    background: #1d4370;
}


/* =============================================================================
   LOGO — Replace old PNG with LogoZinco.svg, centered over sidebar midline
   Sidebar is 238px wide → midline at 119px from left of centeredContainer.
   ============================================================================= */

#logo {
    background: transparent url(../images/LogoZinco.svg) no-repeat center / contain;
    width: 60px;
    height: 96px;
    top: 18px;
    left: 119px;
    transform: translateX(-50%);
}

/* Hide the claim image — replaced by the new logo */
#claim {
    display: none;
}


/* =============================================================================
   TOP NAV — default links
   ============================================================================= */

#topnav {
    font-family: 'Holcim', sans-serif;
}

#topnav .depth0 a {
    color: #ffffff;
}


/* =============================================================================
   TOP NAV — hover state (dark blue, no background image)
   li.open is NOT included here — that's the active/current state below
   ============================================================================= */

#topnav .depth0 a:hover,
#topnav .depth0 li:hover,
#topnav .depth0 > li:hover > a {
    background: #1d4370;
    background-image: none;
    color: #ffffff;
}


/* =============================================================================
   TOP NAV — active / current path item (bright teal)
   li.open is set by PHP on page load for the current path ancestor
   ============================================================================= */

#topnav li.open {
    background: #04bbf1;
    background-image: none;
    color: #ffffff;
}

#topnav li.open > a,
#topnav .depth0 li.open a {
    color: #ffffff;
}


/* =============================================================================
   DROPDOWNS — dark blue background, white text
   ============================================================================= */

#topnav .depth0 .depth1 a,
#topnav .depth0 .depth1 li a {
    background-color: #1d4370;
    color: #ffffff;
}


/* =============================================================================
   DROPDOWNS — hover state (medium blue)
   ============================================================================= */

#topnav .depth1 a:hover,
#topnav .depth0 .depth1 a:hover,
#topnav .depth0 .depth1 li.open a {
    background-color: #007fad;
    background-image: none;
    color: #ffffff;
}


/* =============================================================================
   DROPDOWNS — shadow (medium blue tint)
   ============================================================================= */

#topnav ul.dropdown ul {
    -webkit-box-shadow: 1px -1px 2px 1px #007fad;
       -moz-box-shadow: 1px -1px 2px 1px #007fad;
            box-shadow: 1px -1px 2px 1px #007fad;
}


/* =============================================================================
   LEFT SIDEBAR NAV
   ============================================================================= */

div#navigation {
    background-color: #041739;
    font-family: 'Holcim', sans-serif;
}

div#navigation ul li a:hover,
div#navigation ul li#true a:hover {
    color: #ffffff;
    background-color: #1d4370;
}

div#navigation ul li#true span,
div#navigation ul.depth1 li#true span {
    color: #ffffff;
    background-color: #007fad;
}


/* =============================================================================
   CONTENT AREA — replace faux_columns.png with a CSS hard-stop gradient
   Left 238px (sidebar width) = @holcim-premium-blue, rest = white.
   Hard edge at exactly 238px — matches the sidebar boundary.
   ============================================================================= */

#centeredContainer {
    background-image: linear-gradient(to right, #041739 238px, #ffffff 238px);
    background-color: #ffffff;
}

/* Remove the intSite drop-shadow PNG element */
#intSiteShadowRight {
    display: none;
}


/* =============================================================================
   FOOTER
   ============================================================================= */

#footer {
    background: #041739;
    height: 50px;
    margin-top: -50px;
    font-family: 'Holcim', sans-serif;
}

#footer a:hover {
    text-decoration: underline;
}

#footer p {
    top: auto;
    bottom: 6px;
}

#footerLineCorrection {
    background-color: #94c12e;
}


/* =============================================================================
   ZINCO INTERNATIONAL LINK — ghost-border pill, portal-era style
   ============================================================================= */

#intSite a,
#intSite span {
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.35);
    padding: 3px 9px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    font-size: 10px;
}

#intSite a:hover {
    border-color: #04bbf1 !important;
    background-color: rgba(4, 187, 241, 0.15) !important;
}


/* =============================================================================
   COOKIE BANNER BUTTONS
   ============================================================================= */

.cookiebanner-close,
.eu-cookie-compliance-save-preferences-button,
.eu-cookie-compliance-reject-all-button {
    background-color: #1d4370;
}

.cookiebanner-close:hover,
.eu-cookie-compliance-save-preferences-button:hover,
.eu-cookie-compliance-reject-all-button:hover {
    background-color: #007fad;
}


/* =============================================================================
   CONTENT HEADINGS
   ============================================================================= */

h1, h2 {
    color: #007fad;
}