:root {
    --cmmndr-blue: #1a3aa8;
    --cmmndr-footer: #465ae1;
    --cmmndr-text: #212529;
    --cmmndr-nav: #616161;
}
body {
    color: var(--cmmndr-text);
    font-size: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.cmmndr-heading {
    font-family: "Barlow", sans-serif;
    font-weight: 500;
    color: var(--cmmndr-text);
}
.site-header {
    border-bottom: 1px solid #f0f0f0;
}
.cmmndr-navbar {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
/* Logo header: aceeasi latime ca pe live (223px, identic cu inline-ul de pe live) */
.navbar-brand img {
    width: 223px;
    height: auto;
}
.cmmndr-navbar .navbar-nav .nav-link {
    font-family: "Barlow", sans-serif;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.2px;
    color: var(--cmmndr-nav);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0.15rem;
}
.cmmndr-navbar .navbar-nav .nav-link:hover,
.cmmndr-navbar .navbar-nav .nav-link:focus,
.cmmndr-navbar .navbar-nav .current-menu-item > .nav-link {
    color: var(--cmmndr-blue);
}
.cmmndr-navbar .navbar-nav .nav-link.current-menu-item {
    text-decoration: none;
    border-bottom: 2px solid var(--cmmndr-blue);
    color: var(--cmmndr-blue);
}
.cmmndr-navbar .navbar-nav .current-menu-item > .nav-link {
    border-bottom: 2px solid var(--cmmndr-blue);
}
.cmmndr-navbar .dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.cmmndr-navbar .dropdown-item {
    font-family: "Barlow", sans-serif;
    text-transform: capitalize;
    font-size: 13px;
    letter-spacing: 1px;
    color: var(--cmmndr-nav);
}
.cmmndr-navbar .dropdown-item:hover,
.cmmndr-navbar .dropdown-item:focus {
    background-color: rgba(97, 97, 97, 0.1);
    color: var(--cmmndr-blue);
}
.cmmndr-section {
    padding: 60px 0;
}
.cmmndr-hero {
    background: url("https://media1-prd-eu1.onlinefiles.info/4d81d3bd/c410003e/018b6a49/3f088ebe/media/image/1995/wb-ccl-financialresultsq4-0213222-nrbanner-hero_eff3866f.png")
        center/cover no-repeat;
    color: #fff;
    text-align: center;
    padding: 70px 0;
}
.cmmndr-hero h1 {
    color: #fff;
    font-size: 42px;
    font-weight: 600;
}
.cmmndr-blue-bg {
    background: url("https://media1-prd-eu1.onlinefiles.info/4d81d3bd/c410003e/018b6a49/3f088ebe/media/image/1995/wb-ccl-financialresultsq4-0213222-nrbanner-hero_eff3866f.png")
        center/cover no-repeat;
    color: #fff;
}
.cmmndr-blue-bg h1,
.cmmndr-blue-bg h2,
.cmmndr-blue-bg h3,
.cmmndr-blue-bg p {
    color: #fff;
}
.site-footer {
    background-color: var(--cmmndr-footer);
}
/* Footer layout: grid identic cu live (logo | menu | social gol 10%) */
.footer-grid {
    display: inline-grid;
    min-width: 100%;
    align-items: center;
    grid-template-columns: auto auto 10%;
    grid-template-areas: "logo menu social";
}
.footer-grid .footer-logo {
    grid-area: logo;
}
.footer-grid .footer-logo img {
    margin-right: 15px;
}
.footer-grid .footer-links {
    grid-area: menu;
    text-align: right;
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-grid .footer-links li {
    display: inline-block;
    margin: 0 25px;
}
.footer-grid .footer-links a {
    font-family: "Barlow", sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}
.footer-grid .social-icons {
    grid-area: social;
}
.footer-copy {
    font-size: 11px;
    opacity: 0.85;
}
@media (max-width: 991.98px) {
    .cmmndr-navbar .navbar-nav .nav-link {
        padding: 0.5rem 0;
        border-bottom: none;
    }
}
@media (max-width: 700px) {
    .footer-grid {
        grid-template-columns: 100%;
        grid-template-areas: "logo" "menu" "social";
        grid-row-gap: 10px;
    }
    .footer-grid .footer-logo {
        width: fit-content;
        margin: 0 auto;
    }
    .footer-grid .footer-links {
        text-align: center;
    }
    .footer-grid .footer-links li {
        display: block;
        width: fit-content;
        margin: 0 auto;
    }
    .footer-copy {
        display: block;
        margin-top: 30px;
    }
}


/* Global font-family to match live site (Barlow everywhere) */
body,
body p,
body li,
body a,
body span,
body div,
button,
input,
select,
textarea,
.entry-content,
.btn {
    font-family: "Barlow", sans-serif;
}


/* ===== Typography matched to live site ===== */
/* Section & hero headings: 32px / weight 500 */
.entry-content h1,
.entry-content h2,
.wp-block-cover h1,
.wp-block-cover h2,
.cmmndr-hero h1,
h1.wp-block-heading,
h2.wp-block-heading {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: normal;
}
/* Feature sub-titles (h3): 20px / weight 700 */
.entry-content h3,
h3.wp-block-heading {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: normal;
}
/* Body paragraphs: 20px / weight 400 */
.entry-content p,
.wp-block-cover p {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
}
/* Content list items: 16px / weight 400 */
.entry-content li,
.wp-block-list li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
    text-transform: none;
}
/* Nav links: 14px / weight 600 / letter-spacing 1.5px */
.cmmndr-navbar .navbar-nav .nav-link {
    font-weight: 600;
    letter-spacing: 1.5px;
}
/* Footer links: 14px / weight 400 / letter-spacing 1.2px */
.footer-links .nav-link,
.footer-links a {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.2px;
}

/* CF7 Forms - center and constrain width */
.wpcf7-form {
    max-width: 650px;
    margin: 0 auto;
}
.wpcf7-form .form-check {
    padding-left: 0;
}
.wpcf7-form .form-check .wpcf7-list-item {
    margin-left: 0;
}
.wpcf7-form button[type=submit] {
    background-color: var(--cmmndr-blue);
    color: #fff;
    border: none;
}
.wpcf7-form button[type=submit]:hover,
.wpcf7-form button[type=submit]:focus {
    background-color: var(--cmmndr-blue);
    opacity: 0.9;
}

/* === LIVE TYPOGRAPHY MATCH (overrides) === */
.cmmndr-hero h1, .cmmndr-hero .wp-block-heading {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 38.4px;
    letter-spacing: normal;
    text-transform: none;
}
.cmmndr-form-page h1.wp-block-heading {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 33.6px;
    letter-spacing: normal;
    text-transform: none;
}
.cmmndr-form-page h2.wp-block-heading {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 26.4px;
    letter-spacing: normal;
    text-transform: none;
}
.page .wp-block-group p.wp-block-paragraph, .cmmndr-form-page p.wp-block-paragraph {
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: normal;
}
.page .wp-block-group p.wp-block-paragraph strong, .page .wp-block-group p.wp-block-paragraph b {
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    font-weight: 700;
}
.page .wp-block-group ul li, .page .wp-block-group ol li {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: normal;
    text-transform: none;
}
.cmmndr-form-page p.wp-block-paragraph.has-text-align-center {
    font-family: 'Barlow', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}
.cmmndr-form-page p.wp-block-paragraph.has-text-align-center strong {
    font-family: 'Barlow', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    font-weight: 700;
}
.wpcf7-form .form-control, .wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: normal;
}
.wpcf7-form .form-check-label, .wpcf7-form label, .wpcf7-form .wpcf7-list-item-label {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: normal;
}
.wpcf7-form .cmmndr-send, .wpcf7-form input[type=submit], .wpcf7-form button[type=submit] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: normal;
    text-transform: uppercase;
}

/* === LIVE HOMEPAGE TYPOGRAPHY (appended) === */
body.home .wp-block-cover h1.wp-block-heading,
body.home .wp-block-group .wp-block-heading {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}
body.home main.site-content p,
body.home main.site-content p.wp-block-paragraph {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif !important;
}
body.home .wp-block-group h3.wp-block-heading {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 700 !important;
}
body.home .wp-block-list li {
  font-size: 16px !important;
  line-height: 24px !important;
}
/* contact-detail paragraphs use Open Sans (match live) */
.cmmndr-form-page p.wp-block-paragraph.has-text-align-center,
.cmmndr-form-page p.wp-block-paragraph.has-text-align-center strong,
.cmmndr-form-page p.wp-block-paragraph.has-text-align-center b {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* === COOKIES / DOC PAGE TYPOGRAPHY === */
.cmmndr-hero.cmmndr-doc-page h1.wp-block-heading,
.wp-block-cover.cmmndr-doc-page h1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 33.6px !important;
}
.cmmndr-doc-page.container h4.wp-block-heading,
.wp-block-group.cmmndr-doc-page h4 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 28.8px !important;
}

/* === PAGE LAYOUT & SPACING FIXES === */
.page .container > .wp-block-cover.cmmndr-hero,
.page .container > .cmmndr-about-hero {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-bottom: 70px;
}
body.page-id-32 .cmmndr-form-page h1.wp-block-heading {
  margin-bottom: 0;
}
body.page-id-32 .cmmndr-form-page h1.wp-block-heading + p.wp-block-paragraph {
  margin-top: 78px;
}
body.page-id-32 .cmmndr-form-page h2.wp-block-heading {
  margin-top: 79px;
}
.cmmndr-doc-page p.wp-block-paragraph {
  font-family: "Barlow", sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 30px !important;
  margin-bottom: 15px !important;
}


/* === COOKIES/DOC PAGE TITLE (no banner, match live) === */
.cmmndr-doc-title.wp-block-heading,
h1.cmmndr-doc-title, h2.cmmndr-doc-title, h3.cmmndr-doc-title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  color: #212529 !important;
  text-align: center !important;
  background: transparent !important;
  margin: 0 0 30px 0 !important;
}