/* ================================
   PAGE BACKGROUND COLOUR
   ================================ */
.page-id-12626,
.page-id-12626 .wp-site-blocks {
  background-color: #25272C !important;  /* <-- YOUR BRAND DARK COLOUR */
}


/* ================================
   FULL-WIDTH BANDS (STRUCTURE)
   ================================ */
.page-id-12626 .cmo-band {
  padding: 60px 20px;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  box-sizing: border-box;
}


/* ================================
   BAND COLOUR OPTIONS
   (apply using CSS classes)
   ================================ */

.page-id-12626 .cmo-band--green {
  background-color: #22BC77;
  color: #ffffff;
}

.page-id-12626 .cmo-band--pink {
  background-color: #A50B5E;
  color: #ffffff;
}

.page-id-12626 .cmo-band--dark {
  background-color: #25272C;
  color: #ffffff;
}

.page-id-12626 .cmo-band--white {
  background-color: #ffffff;
  color: #25272C;
}
/* ================================
   MOBILE FIX — FORCE FULL WIDTH
   ================================ */

@media (max-width: 768px) {

  .page-id-12626 .cmo-band {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    box-sizing: border-box;
  }

}
/* ================================
   MOBILE MENU — COLLAPSE DROPDOWNS
   (CSS-only using :focus-within)
   ================================ */

@media (max-width: 768px) {

  /* Hide all submenus by default on mobile */
  .wp-block-navigation .wp-block-navigation__submenu-container {
    display: none !important;
  }

  /* Show submenu when the parent item (or its children) has focus */
  .wp-block-navigation-item.has-child:focus-within > .wp-block-navigation__submenu-container {
    display: block !important;
  }

}
/* ================================
   PAGE BACKGROUND COLOUR — 13107
   ================================ */
.page-id-13107,
.page-id-13107 .wp-site-blocks {
  background-color: #25272C !important; /* Dark CMO background */
}


/* ================================
   FULL-WIDTH BANDS — 13107
   ================================ */
.page-id-13107 .cmo-band {
  padding: 60px 20px;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  box-sizing: border-box;
}


/* ================================
   BAND COLOUR OPTIONS — 13107
   (Apply by adding the class to your Group block)
   ================================ */

.page-id-13107 .cmo-band--green {
  background-color: #22BC77;
  color: #ffffff;
}

.page-id-13107 .cmo-band--pink {
  background-color: #A50B5E;
  color: #ffffff;
}

.page-id-13107 .cmo-band--dark {
  background-color: #25272C;
  color: #ffffff;
}

.page-id-13107 .cmo-band--white {
  background-color: #ffffff;
  color: #25272C;
}


/* ================================
   MOBILE FULL-WIDTH FIX — 13107
   ================================ */
@media (max-width: 768px) {
  .page-id-13107 .cmo-band {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }
}
/* ================================
   PAGE BACKGROUND COLOUR — 13211
   ================================ */
.page-id-13211,
.page-id-13211 .wp-site-blocks {
  background-color: #25272C !important; /* Dark CMO background */
}


/* ================================
   FULL-WIDTH BANDS — 13211
   ================================ */
.page-id-13211 .cmo-band {
  padding: 60px 20px;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  box-sizing: border-box;
}


/* ================================
   BAND COLOUR OPTIONS — 13211
   (Apply by adding the class to your Group block)
   ================================ */

.page-id-13211 .cmo-band--green {
  background-color: #22BC77;
  color: #ffffff;
}

.page-id-13211 .cmo-band--pink {
  background-color: #A50B5E;
  color: #ffffff;
}

.page-id-13211 .cmo-band--dark {
  background-color: #25272C;
  color: #ffffff;
}

.page-id-13211 .cmo-band--white {
  background-color: #ffffff;
  color: #25272C;
}


/* ================================
   MOBILE FULL-WIDTH FIX — 13211
   ================================ */
@media (max-width: 768px) {
  .page-id-13211 .cmo-band {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }
}
/* =====================================
   GLOBAL FULL-WIDTH BANDS (ALL PAGES)
   Enables colour bands on any new page
   ===================================== */

.cmo-band {
  padding: 60px 20px !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box !important;
}

/* Colour options */
.cmo-band--green {
  background-color: #22BC77 !important;
  color: #ffffff !important;
}

.cmo-band--pink {
  background-color: #A50B5E !important;
  color: #ffffff !important;
}

.cmo-band--dark {
  background-color: #25272C !important;
  color: #ffffff !important;
}

.cmo-band--white {
  background-color: #ffffff !important;
  color: #25272C !important;
}

/* Mobile full-width fix */
@media (max-width: 768px) {
  .cmo-band {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }
}
/* Remove vertical gaps above/below colour bands */
.cmo-band,
.wp-block-group.cmo-band {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* Remove blue top border from featured images */
.wp-block-post-featured-image,
.wp-block-post-featured-image img,
.wp-block-post-featured-image figure {
    border-top: none !important;
    border: none !important;
    outline: none !important;
}
/* ==========================================
   DARK BACKGROUND FOR PAGE 13830
   ========================================== */
.page-id-13830,
.page-id-13830 .wp-site-blocks {
  background-color: #25272C !important;
}
/* ==========================================
   DARK BACKGROUND FOR PAGE 13871
   ========================================== */
.page-id-13871,
.page-id-13871 .wp-site-blocks {
  background-color: #25272C !important;
}
/* ==========================================
   DARK BACKGROUND FOR PAGE 13902
   ========================================== */
.page-id-13902,
.page-id-13902 .wp-site-blocks {
  background-color: #25272C !important;
}
/* ==========================================
   DARK BACKGROUND FOR PAGE 13952
   ========================================== */
.page-id-13952,
.page-id-13952 .wp-site-blocks {
  background-color: #25272C !important;
}
/* ==========================================
   DARK BACKGROUND FOR PAGE 14232
   ========================================== */
.page-id-14232,
.page-id-14232 .wp-site-blocks {
  background-color: #25272C !important;
}
/* Style the Select Category dropdown for brand consistency */

/* Remove default browser arrow and add custom arrow */
.wp-block-categories-dropdown select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #ffffff;
    border: 2px solid #25272C; /* Brand outline */
    color: #25272C; /* Text colour */
    padding: 10px 40px 10px 12px;
    font-size: 16px;
    border-radius: 6px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpolyline points='5 7 10 12 15 7' fill='none' stroke='%2325272C' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 14px;
}

/* Hover + focus states */
.wp-block-categories-dropdown select:hover,
.wp-block-categories-dropdown select:focus {
    border-color: #25272C;
    box-shadow: 0 0 0 2px rgba(37,39,44,0.2); /* Soft brand-colour glow */
    outline: none;
}
/* ==========================================
   DARK BACKGROUND FOR PAGE 8143 – CRICKET INSIGHTS
   ========================================== */

.page-id-8143,
.page-id-8143 .wp-site-blocks {
  background-color: #25272C !important;
}