/* @font-face {

    font-family: 'Montserrat';

    src: url('/assets/fonts/cityofsydney/f0cbab32-010c-4ff1-8be8-7d74011f2548.woff2') format("woff2"),

        url('/assets/fonts/cityofsydney/79e75c13-a7cb-4154-83dc-4dfb2aec1b11.woff') format("woff");

    font-weight: 700;

    font-display: swap;

}

@font-face {

    font-family: 'Montserrat';

    src: url('/assets/fonts/cityofsydney/46dd84ea-bb96-46da-973b-d7fcca46437e.woff2') format("woff2"),

        url('/assets/fonts/cityofsydney/0fb90058-c064-40ed-8109-d1fd8633caa2.woff') format("woff");

    font-weight: 400;

    font-display: swap;

}



@font-face {

    font-family: 'Montserrat';

    src: url('/assets/fonts/cityofsydney/284e66f2-886a-4e0f-a801-ff7b25fd52af.woff2') format('woff2'),

        url('/assets/fonts/cityofsydney/cd6178ba-ad0f-4cd3-8f0c-05b2c51b9bc7.woff') format('woff');

    font-weight: 300;

    font-display: swap;

}



@font-face {

    font-family: 'Montserrat';

    src: url('/assets/fonts/cityofsydney/b8421fb4-cff3-4723-b650-b08140b93f9b.woff2') format('woff2'),

        url('/assets/fonts/cityofsydney/1d80ac7a-9ba4-4037-94b2-64b1ecd8ee58.woff') format('woff');

    font-weight: 400;

    font-display: swap;

}



@font-face {

    font-family: 'Montserrat';

    src: url('/assets/fonts/cityofsydney/21dccc15-7fcb-4c2b-bc15-2ce6b1d9407b.woff2') format('woff2'),

        url('/assets/fonts/cityofsydney/dd6b493f-97c7-4d83-beb0-35ab4d4cb1d2.woff') format('woff');

    font-weight: 700;

    font-display: swap;

} */



:root {
    --body-font: 'Montserrat', Arial, Helvetica, sans-serif;
    --body-sub-fonts: 'Montserrat', Arial, Helvetica, sans-serif;
    --body-font-weight: 100;
    --body-sub-font-weight: 100;

    /* be prepared/recovery declarations */
    --bpar-prepared-bg: #faf8f0;
    --bpar-recovery-bg: #eef2f8;
    --bpar-tile-radius: 6px;
    --bpar-tile-border: 1px solid #e0e0d8;
    --bpar-tile-border-recovery: 1px solid #d4dce8;
    --bpar-navy: #0B2740;
    --bpar-white: white;
    --bpar-gap: 16px;

    /* weather obs - smart beaches */
    --sb-dark: rgba(20, 35, 48, 0.88);
    --sb-dark-solid: #152330;
    --sb-tile-bg: rgba(20, 35, 48, 0.4);
    --sb-border: rgba(255, 255, 255, 0.12);
    --sb-tab-active: #2aa8d4;
    --sb-text: #ffffff;
    --sb-muted: #a8bfce;
    --sb-gap: 10px;
    --sb-radius: 6px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
th,
td,
tr {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
}

.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float: left}
.mapboxgl-ctrl-top-right{
    /* right: 0; */
    left: 5px !important;
    margin-right: auto;
}

/* Map layer control: pin to the top-right corner of the map, opposite the
   top-left search bar. Randwick-only — other councils keep the default position. */
.layer-control-container {
    top: 10px;
    right: 20px;
}

body {
    background-color: #f9f9f900;
}

/* .overlay-text-subheader.eurobodalla-dashboard{
    font-family: 'Montserrat' !important;
} */

/* font weights for randwick */
.eurobodalla-agnecyContacts-tiles-wrapper h3,
.hero-content.eurobodalla-dashboard h2,
.hero-content.eurobodalla-dashboard h1,
.eurobodalla-radio-tiles-wrapper h3,
.eurobodalla-social-tiles-wrapper h3,
.bpar-section-heading {
    font-weight: 700 !important;
}

/* disable uppercase for randwick */
.eurobodalla-agnecyContacts-tiles-wrapper h3,
.eurobodalla-radio-tiles-wrapper h3,
.eurobodalla-social-tiles-wrapper h3,
.bpar-section-heading {
    text-transform: none;
    font-size: 38px;
    font-style: normal;
}

/* emergency contact h3 or important contacts h3 */
.eurobodalla-agnecyContacts-tiles-wrapper.tiles_headings h3{
    padding-left:0;
}

/* Council logo white strip — NOT sticky (scrolls away with the page).
   transform:none neutralises the scroll show/hide JS in case it runs. */
.council-logo {
    position: static;
    background-color: #fff;
}

.council-logo.header-hidden,
.council-logo.header-scrolled {
    transform: none;
    box-shadow: none;
}

/* hamburger menu */
.hamburger-menu-header img {
    
    width: 150px;
    padding-left: 20px;
    margin-bottom: 20px;
}

/* ── Hamburger Button ─────────────────────────────────────────────────────── */
.hamburger-btn {
    background: rgba(30, 118, 157) !important;
    border-radius: 4px;
    position: fixed;
     top: 10px;
  right: 20px;
  z-index: 9999;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
    /* width: 40px; */
    height: 40px;
    padding: 8px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 1000;
    flex-shrink: 0;
}


.hamburger-lines {
    display: flex;
    flex-direction: column;
    gap: 4px;
   
}

.hamburger-label{ color: white;}
/* The 3 bars */
.hamburger-line {
    
    display: block;
    width: 24px;
    height: 2px;
    background-color: #ffffff;
    border-radius: 2px;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform-origin: center;
}

/* Animate into X when open */
.hamburger-btn.open .hamburger-line:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.hamburger-btn.open .hamburger-line:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}

.hamburger-btn.open .hamburger-line:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* ── Menu Side Panel ──────────────────────────────────────────────────────── */
.hamburger-menu {
    position: fixed;
    top: 0;
    left: unset;
    right: 0;
    width: 280px;
    height: 100vh;
    background-color: #fff;
    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.12);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    z-index: 10000;
    overflow-y: auto;
    padding-top: 60px;
}

.hamburger-menu.open {
    transform: translateX(0);
}

/* ── Overlay ──────────────────────────────────────────────────────────────── */
.hamburger-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10000;
}

.hamburger-overlay.open {
    display: block;
}

/* ── Menu List ────────────────────────────────────────────────────────────── */
.hamburger-menu-list {
    list-style: none;
    margin: 0;
    padding: 8px 0;
}

.hamburger-menu-item {
    border-bottom: 1px solid #f0f0f0;
}

.hamburger-menu-item:last-child {
    border-bottom: none;
}

/* ── Menu Links ───────────────────────────────────────────────────────────── */
.hamburger-menu-link {
    display: block;
    padding: 14px 20px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    border-left: 3px solid transparent;
    transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}

.hamburger-menu-link:hover,
.hamburger-menu-link.active {
    border-left-color: #D87E00;
    background-color: #fdfaf3;
    color: #1a1a2e;
}

/* end of hamburger menu  */


/* google translate custom */
.gt-wrapper {
    margin-left: auto;
    margin-right: 80px;
}

.VIpgJd-ZVi9od-ORHb-OEVmcd.skiptranslate {
    display: none;
}

/* .eurobodalla-google-widget {
    /* position: sticky !important; *
    position: sticky;
  top: 0;
  margin-left: auto;

} */
/* Sit in the white strip (opposite the logo) — NOT fixed/floating. The strip
   (.council-logo) is flex space-between, so an in-flow widget aligns to the right. */
.eurobodalla-google-widget {
  position: static;
}

/* ─── Hide the real Google iframe widget ─── */
#google_translate_element {
    display: none !important;
}

.goog-te-banner-frame {
    display: none !important;
}

body {
    top: 0 !important;
}

/* ─── Trigger Button ─── */
.gt-trigger {
    
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 3px 10px 3px 10px;
    background: rgb(236, 244, 252);
    border: 1.5px solid rgb(199, 216, 232);
    border-radius: 5px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    color: #1a1a2e;
    user-select: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    transition: border-color .18s, box-shadow .18s;
    position: relative;
    min-width: 170px;
    height: 40px;
    justify-content: space-between;
}

.gt-label {
    color: rgb(13, 98, 157);
}

.gt-trigger:hover {
    border-color: #4285f4;
    box-shadow: 0 2px 8px rgba(66, 133, 244, 0.18);
}

.gt-trigger.open {
    border-color: #4285f4;
    box-shadow: 0 2px 10px rgba(66, 133, 244, 0.22);
}

/* Google "G" logo */
.gt-logo {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

/* Chevron */
.gt-chevron {
    width: 16px;
    height: 16px;
    margin-left: 2px;
    color: #5f6368;
    transition: transform .2s;
    flex-shrink: 0;
}

.gt-trigger.open .gt-chevron {
    transform: rotate(180deg);
}

/* ─── Dropdown Panel ─── */
.gt-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    left: 0px;
    min-width: 220px;
    background: rgba(42, 58, 75, 0.96);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.32), 0 2px 8px rgba(0, 0, 0, 0.18);
    z-index: 9999;
    animation: dropIn .18s ease;
}

.gt-dropdown.open {
    display: block;
}

@keyframes dropIn {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.gt-dropdown-inner {
    max-height: 360px;
    overflow-y: auto;
    padding: 6px 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

.gt-dropdown-inner::-webkit-scrollbar {
    width: 4px;
}

.gt-dropdown-inner::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
}

/* Each language option */
.gt-option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 18px;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.92);
    cursor: pointer;
    transition: background .12s;
    white-space: nowrap;
}

.gt-option:hover {
    background: rgba(255, 255, 255, 0.1);
}

.gt-option.selected {
    color: #fff;
    font-weight: 500;
}

.gt-option.selected::before {
    content: '✓';
    font-size: 14px;
    color: #fff;
    min-width: 16px;
}

.gt-option:not(.selected)::before {
    content: '';
    min-width: 16px;
}

/* ─── Wrapper for positioning ─── */
/* .gt-wrapper {
    position: relative;
    display: inline-block;
} */





/* end google widget custom */

/* Hero area */
.hero-content h2 {
    text-transform: capitalize;
}


.hero-section {
    display: flex;
    align-items: center;
    min-height: 230px; /* keep text readable on narrow screens where 16:4 gets short */
    aspect-ratio: 16 / 4;
    height: auto;
    position: relative; /* anchor for the top-left banner logo */
    background: #0B2740;
    background: url('https://eurobodalla.opendatasoft.com/assets/theme_image/Beach%20-%20Eurobodalla-%20disaster-dash.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Banner logo pinned to the top-left corner of the hero.
   It must anchor to the full-bleed .hero-section so it stays a fixed distance
   from the page edge at EVERY width. Bootstrap makes .col-* position:relative,
   so (together with .hero-content/.overlay below) the column is reset to static
   inside the hero — otherwise the logo anchors to the centred column and drifts
   off-page as the viewport narrows. */
.hero-section .container,
.hero-section .row,
.hero-section [class*="col-"] {
    position: static;
}

.overlay-logo {
    position: absolute;
    top: 10px;
    left: 40px;
    margin: 0;
    max-width: 170px;
    z-index: 3;
}

.hero-content.eurobodalla-dashboard { position: static; }

.overlay {
    position: relative;
    padding: 0;
}

.eurobodalla-dashboard .overlay {
    position: static;
    align-items: flex-start;
    gap: 24px;
}

.eurobodalla-dashboard .overlay-text {
    font-size: 48px;
    line-height: 52px;
}



.overlay-text-subheader.eurobodalla-dashboard {
    font-size: 18px;
    line-height: 28px;
    font-weight: 100 !important;
    text-align: left;
    text-transform: none !important;
    max-width: 900px;
    font-style: normal;
}


/* fire ban tiles */
.eurobodalla-fire-ban-tile .emergency-area-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 24px;
}

.eurobodalla-fire-ban-tile .text-wrapper {
    background: #EFF6FD;
    text-align: left !important;
    padding-left: 10px;
}

.eurobodalla-fire-ban-tile .text-wrapper h5 {
    color: #041C2C;
    font-size: 22px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    letter-spacing: 0px;
}




/* 4 Emergency tiles */
.eurobodalla-road-status-table.road_closures--table th {
    background-color: #009270;
}


.news-content-card h1,
.under-map-tiles .card-number h1 {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}

.eurobodalla-content-wrapper-emergTiles .card-content h5 {
    font-weight: 700 !important;
}

.news-content-card p {
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 1.2px !important;
    /* 160% */
}

.overlay-text-subheader.eurobodalla-dashboard {
    font-weight: 400 !important;
    letter-spacing: 1.2px !important;
    font-size: 18px;
}


/* sources underlink line */
.emerg_news_complex_details.sourceLink a,
.news-hover-content-bottom .sourceLink,
.weather-observation-only .source a {
    border-bottom: 2px solid #009270;
}



/* 4 tiles pop ups */
.news-content-title {
    padding: 24px;
}

.eurobodalla-complex-modal-content summary p,
.eurobodalla-weather-warning-list p,
.news-content-card.eurobodalla-card-content h5 {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    font-style: normal;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0;

}

.news-content-title h4 {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    font-style: normal;
}

.news-hover-content {
    box-shadow: 0px 3px 12px 0px #00000012;
    border: 1px solid #DDDEE1
}

.news-hover-content {
    border-radius: 8px;
    padding: 16px;
}

.eurobodalla-complex-modal-content .last-up-date,
.eurobodalla-weather-warning-list span {
    font-size: 10px;
}

.accordion-title summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.news-hover-content-bottom-news {
    height: fit-content;
    display: flex;
    justify-content: flex-start;
    padding-bottom: 5px;
    margin-left: 10px;
}

.cross-btn span {
    padding: 8px 16px 8px 16px;
    border: 2px solid #009270;
    border-radius: 28px;
    font-size: 18px;
    color: #009270;
    font-weight: 700;
}

.news-hover-content-bottom-news {
    padding-bottom: 20px;
}

.eurobodalla-weather-warning-list .news-hover-content a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.news-hover-content-bottom .cross-btn {
    padding-bottom: 20px;
    position: static;
}

div:has(> .eurobodalla-road-status-table) {
    border: none;
    box-shadow: none;
}

.eurobodalla-road-status-table tbody tr {
    padding: 8px 16px 16px 16px;
    border: 1px solid #DDDEE1;
    border-radius: 8px;
    box-shadow: 0px 3px 12px 0px #00000012;
}


.card-content-wrapper.eurobodalla-content-wrapper,
.card-content-wrapper.eurobodalla-content-wrapper-emergTiles {
    align-items: flex-start;
    height: 100%;
}

.card-content-wrapper.eurobodalla-content-wrapper .card-content,
.card-content-wrapper.eurobodalla-content-wrapper-emergTiles .card-content {
    text-align: left;
}

.eurobodalla-content-wrapper-emergTiles .card-content h5 {
    font-size: 28px;
    line-height: 36px;
}

.eurobodalla-content-wrapper p {
    letter-spacing: 0.96px;
}

.news-content-card.eurobodalla-card-content {
    align-items: flex-start;
}

.news-content-card.eurobodalla-news-content-emergTiles {
    justify-content: flex-start;
}

.news-content-card.eurobodalla-card-content h5 {
    color: #041C2C;
}

.news-content-card.eurobodalla-card-content p {
    color: #4E5A5F;
    font-size: 12px;
}



.eurobodalla-weather-warning-list span {
    position: static;
    font-size: 12px;
    color: #4E5A5F;
}

.eurobodalla-weather-warning-list p {
    margin-bottom: 0;
    padding-bottom: 1px;
    color: #041C2C;
    font-weight: 700;
}

.eurobodalla-neighbouring-popup .cross-btn {
    position: static;
    left: 20px;
    padding: 10px 5px 20px 10px;
}


/* map */
.layer-control__list ul li {
    padding: 4px 16px 4px 16px;
    text-align: left;
    letter-spacing: 1.2px !important;
}


/* weather observation */

/* override default */
#weatherObservation-component {
box-shadow: none;
}
.weather-card.weather-observation-only:after{
    background-color: #f9f9f900;
}

.weather-card.weather-observation-only {
    background-color: #f9f9f900;
    background: #f9f9f900;
    padding: 0;
    /* background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 6px; */
}
.eurobodalla-fire-rating-background{
    background: url('https://eurobodalla.opendatasoft.com/assets/theme_image/weather-observation-disaster-dash.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 6px;
    padding: 15px;
    box-shadow: 0px 3px 12px #00000012;
    margin-bottom: 20px;
}

 
/* https://peclet-public.s3.ap-southeast-2.amazonaws.com/images/disaster-dashboards/randwick-weather-observe-img.png */
/* update */
/* .weather-card.weather-observation-only::before {
    position: relative;
    content: '';
    position: absolute;
    inset: 0;
    background: url(https://data.peclet.com.au/assets/theme_image/randwick-weather-obsrv-disaster-dashboard.jpg);
    background-size: cover;
    background-position: center;
    z-index: 0;
    border-radius: 6px;
   
}

.eurobodalla-observe-wrapper,
.eurobodalla-sb-wrap {
    position: relative;
    z-index: 1;
} */

.eurobodalla-observe-wrapper, .eurobodalla-fire-rating-wrap {
    background: rgba(255, 255, 255, 0.08);
    /* transparent */
    backdrop-filter: blur(3px);
    /* blur what's behind */
    -webkit-backdrop-filter: blur(3px);
    /* Safari */
    border: 0.3px solid rgba(255, 255, 255, 0.3);
    border-radius: var(--bpar-tile-radius);
    padding: 16px;
}

.weather-card.weather-observation-only .grid-item, .fire-danger-bottom-card .card-content {
    background: #0000009C !important;
}



/* fire danger */
 
.weather-cards-fire-danger-flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.eurobodalla-observe-wrapper , .eurobodalla-fire-rating-wrap{
    width: 49.2%;
}

.fire-danger-bottom-content{
    background: transparent;
    backdrop-filter: none;
}

.weather-card.weather-observation-only h2 {font-weight: 600 !important;}

.weather-card.weather-observation-only .grid-item h3, .fire-danger-bottom-card .card-content h3 {font-size: 22px;}

.fire-danger-bottom-card .card-content{border-radius: 8px; width: 100%;}

.fire-danger-bottom-card .card-content h6{opacity: 0.8; font-size: 0.9rem;}

.weather-card.weather-observation-only .grid-item span, .fire-danger-bottom-card .card-content h6 {font-size: 18px;}

.fire-danger-bottom-card .card-content h6,  .fire-danger-bottom-card .card-content h3{
    color: white ;
    text-transform: none;
 }

.fire-danger-bottom-content .nsw-content{
    margin-top: 25px;
    
 }

.fire-danger-bottom-content .nsw-content p{
font-size: 0.85rem;
opacity: 0.7;
 }
/* .weather-card.weather-observation-only h2, .weather-card.weather-observation-only p, .source{
    color: var(--bpar-navy);
} */

/* under map tiles */
.eurobodalla-under-map-tiles {
    margin: 25px 0;
}

.eurobodalla-undermapTiles-Text,
.news-content-card .eurobodalla-content-wrapper p {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 24px;
    margin: 5px 0 0 0;
    /* 150% */
}

.news-area-heading,
.eurobodalla-under-map-tiles .light-background,
.eurobodalla-under-map-tiles .light-background-blue {
    border-radius: 8px;
}

.eurobodalla-under-map-tiles .col-lg-4:nth-child(1),
.eurobodalla-under-map-tiles .col-md-4:nth-child(1),
.eurobodalla-under-map-tiles .col-lg-4:nth-child(2),
.eurobodalla-under-map-tiles .col-md-4:nth-child(2) {
    padding-right: 0;
    padding-left: 0;
}

.eurobodalla-under-map-tiles .col-lg-4:nth-child(2),
.eurobodalla-under-map-tiles .col-md-4:nth-child(2),
.eurobodalla-under-map-tiles .col-lg-4:nth-child(4),
.eurobodalla-under-map-tiles .col-md-4:nth-child(4) {
    padding-left: 0;
    padding-right: 0;
}


.eurobodalla-under-map-tiles .col-lg-4:nth-child(3),
.eurobodalla-under-map-tiles .col-md-4:nth-child(3) {
    padding-right: 0;
}


.eurobodalla-under-map-tiles {
    justify-content: space-between;
}

.eurobodalla-under-map-tiles .tile-wrapper {
    flex: 0 0 24.333333%;
}

.eurobodalla-under-map-tiles .light-background,
.eurobodalla-under-map-tiles .light-background-blue {
    border: none;
    background: #FFFFFF;
}

.eurobodalla-under-map-tiles .news-area-heading h5 {
    color: #041C2C;
    text-align: left;
    font-weight: 700 !important;
    font-size: 22px;
    line-height: 28px;
}


.eurobodalla-under-map-tiles .news-content-title.active-center-section,
.eurobodalla-neighbouring-popup .news-content-title.active-center-section {
    background-color: #0b3c90;
}

.eurobodalla-neighbouring-popup .news-hover-content p {
    color: #041C2C;
    font-weight: bold;
}


.eurobodalla-complex-modal-content summary p {
    font-weight: 700;
    padding-right: 0;
}

.eurobodalla-complex-modal-content p,
.eurobodalla-complex-modal-content .titleArr {
    color: #041C2C;
}

.eurobodalla-complex-modal-content .last-up-date {
    font-size: 12px;
    color: #4E5A5F;
}




/* weather observation section */
/* .weather-card.weather-observation-only p,
.weather-card.weather-observation-only .grid-item span,
.weather-card.weather-observation-only .source {
    letter-spacing: 1.2px !important;
}
 */



/* agency contacts tiles */
.card-content-icon img {
    height: auto;
    width: 100%;
}

.agency-contacts-tiles {
    gap: 24px;
}

/* .agency-contacts-link-wrapper,
#radioTilesContainer .keep-content {
    border: 1px solid #9095A1
} */

.otherTiles .health.tile .card-content-icon img,
.otherTiles .ambo.tile .card-content-icon img,
.otherTiles .nationalSec.tile .card-content-icon img {
    width: 100%;
}


.otherTiles .tile:nth-child(8) .card-content-icon img {
    width: 200px;
}

.service-card-content p {
    letter-spacing: 1.2px !important;
}


/* Be prepared and recovery sectinos */

/* ── Section heading ── */
.bpar-section-heading {
    /* font-size: 1.75rem;
    font-weight: 700; */
    color: var(--bpar-navy);
    margin-bottom: 20px;
}

/* ── Info banner (Understanding your risks) ── */
.bpar-info-banner {
    display: block;
    background: var(--bpar-prepared-bg);
    /* border: var(--bpar-tile-border); */
    border-radius: var(--bpar-tile-radius);
    text-align: center;
    padding: 28px 24px;
    margin-bottom: var(--bpar-gap);
    box-shadow: 0px 3px 12px #00000012;

}

.bpar-info-banner h2 {
    font-size: 28px;
    font-weight: 700;
    color: var(--bpar-white);
    margin-bottom: 8px;
}

.bpar-info-banner p {
    font-size: 16px;
    color: var(--bpar-white);
    max-width: 820px;
    margin: 0 auto;
    line-height: 1.5;
}

/* ── Tile grid ── */
.bpar-tile-grid {
    display: grid;
    gap: var(--bpar-gap);
    grid-template-columns: repeat(4, 1fr);
}

/* ── Individual tile ── */
.bpar-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 28px 16px;
    border-radius: var(--bpar-tile-radius);
    text-decoration: none;
    color: var(--bpar-navy);
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 1.4;
    cursor: pointer;
    box-shadow: 0px 3px 12px #00000012;
    color: white;
    /* transition: box-shadow 0.2s ease, transform 0.15s ease; */
}

.bpar-tile--prepared {
    background: var(--bpar-prepared-bg);
    /* border: var(--bpar-tile-border); */
}

.bpar-tile--recovery {
    background: var(--bpar-recovery-bg);
    /* border: var(--bpar-tile-border-recovery); */
}

.bpar-tile:hover {
    color: var(--bpar-white);
}

.bpar-tile:focus-visible {
    outline: 3px solid #4a90d9;
    outline-offset: 2px;
}

/* ── Icon placeholder ── */
.bpar-tile-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Replace contents with your <img> or <svg> */
    /* background: rgba(26, 46, 68, 0.08); */
    border-radius: 8px;
    color: var(--bpar-navy);
    font-size: 1.25rem;
}

/* ── Section spacing ── */
.bpar-section+.bpar-section {
    margin-top: 48px;
}



/* social media section */
.slider-controls.eurobodalla button {
    background: transparent;
}

.slider-controls button {
    padding: 0;
    border-radius: 0;
}

.slider-controls.eurobodalla button:hover {
    border-radius: 50%;
    background: #009270;
    backdrop-filter: blur(6px);
    border-color: 1.5px solid rgba(255, 255, 255, 0.7);
    transform: scale(1.08);
    transition: background 0.2s, transform 0.2s, border 0.2s;
}

.eurobodalla-radio-tiles-wrapper .radio_name a,
.eurobodalla-radio-tiles-wrapper .station_freq i,
.eurobodalla-radio-tiles-wrapper .station_freq p {
    color: #041C2C;
}


.eurobodalla-radio-tiles-wrapper .tiles_headings,
.eurobodalla-agnecyContacts-tiles-wrapper.tiles_headings,
.eurobodalla-social-tiles-wrapper .tiles_headings {
    text-align: left !important;
}



/* Footer */
.eurobodalla.versionStyle-two.footer {
    background: #353535; /* Figma footer colour */
}

.eurobodalla.versionStyle-two .acknowledgement {
    background: #027e8c; /* Figma acknowledgement (teal) */
    color: #ffffff;
    padding: 32px 100px 32px 100px;
    text-align: center;
}

.eurobodalla.versionStyle-two .acknowledgement p {
    font-size: 18px;
}



/* ── Disclaimer dialog — all IDs prefixed with disc- ── */
#disc-dialog {
    border: none;
    border-radius: 8px;
    padding: 0;
    width: min(640px, 95vw);
    background: #ffffff;
    color: #353535;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

#disc-dialog::backdrop {
    background: rgba(0, 0, 0, 0.5);
}

/* In the iframe/embed version, pin the disclaimer to the TOP of the frame
   (a centred modal reads as "the dashboard isn't loading"). Only applies when
   embedded — app.js adds .is-embedded to <html>. A native showModal() dialog is
   centred by the UA via margin:auto; fixing margin-top + margin-bottom:auto
   moves it to the top while keeping it horizontally centred. */
.is-embedded #disc-dialog {
    margin-top: 16px;
    margin-bottom: auto;
}

#disc-body {
    padding: 32px 32px 12px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#disc-label {
    display: none; /* Figma disclaimer has no eyebrow label */
}

#disc-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: #353535;
    margin: 0;
    line-height: 1.3;
}

#disc-body p {
    margin: 0;
    color: #353535;
    font-size: 1rem;
    line-height: 1.5;
}

#disc-terms-link {
    color: #027e8c;
    text-decoration: underline;
}

#disc-footer {
    padding: 12px 32px 32px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    background: #ffffff;
}

#disc-leave {
    display: none; /* single "I understand" button per Figma */
}

#disc-accept {
    background: #027e8c;
    color: #ffffff;
    border: 2px solid #027e8c;
    border-radius: 4px;
    padding: 12px 24px;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: normal;
    text-transform: none;
    cursor: pointer;
    transition: background 0.2s ease;
}

#disc-accept:hover {
    background: #01656f;
    border-color: #01656f;
}


/* smart beache display - weather observ */

.eurobodalla-sb-wrap {
    margin-top: 15px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border-radius: var(--bpar-tile-radius);
    border: 0.3px solid rgba(255, 255, 255, 0.3);

    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    color: var(--sb-text);
    padding: 16px;

    /* max-width: 1200px; */
    /* margin: 0 auto; */
}

.eurobodalla-sb-wrap-background{
    padding-top: 25px;
    padding: 16px;
    background-image: linear-gradient(rgb(78, 157, 250) 0%, rgb(28, 70, 68) 100%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 6px;
    box-shadow: 0px 3px 12px #00000012;
}

/* ── Heading ── */
.eurobodalla-sb-wrap .sb-heading {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0 0 16px;
    /* text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); */
}

/* ── Beach tabs ── */
.eurobodalla-sb-wrap .sb-tabs {
    display: flex;
    gap: var(--sb-gap);
    margin-bottom: var(--sb-gap);
}

.eurobodalla-sb-wrap .sb-tab {
    flex: 1;
    padding: 12px 16px;
    background: var(--sb-tab-active);
    border: none;
    border-radius: var(--sb-radius);
    color: var(--sb-text);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
    transition: background 0.2s;
}

.eurobodalla-sb-wrap .sb-tab:not(.sb-tab--active) {
    background: #0078AE;
}

.eurobodalla-sb-wrap .sb-tab--active {
    background: #EFF6FD;
    color: #0078AE;
    text-decoration: underline;
}

.eurobodalla-sb-wrap .sb-tab:hover:not(.sb-tab--active) {
    background: rgba(42, 168, 212, 0.8);
}

/* ── Data tiles row ── */
.eurobodalla-sb-wrap .sb-tiles {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--sb-gap);
    margin-bottom: var(--sb-gap);
}

.eurobodalla-sb-wrap .sb-tile {
    background: var(--sb-tile-bg);
    border: 1px solid var(--sb-border);
    border-radius: var(--sb-radius);
    padding: 16px;
    overflow: hidden;
}

.eurobodalla-sb-wrap .sb-tile-title {
    /* background: rgba(10, 20, 30, 0.85); */
    font-size: 22px !important;
    font-weight: 700;
    margin: 0 0 14px !important;
    background: #000000bc !important;
    margin: -16px -16px 14px -16px !important;
    padding: 12px 16px;
    border-radius: 6px 6px 0 0;
}

/* UV tile */
.eurobodalla-sb-wrap .sb-uv-body {
    display: flex;
    align-items: center;
    gap: 14px;
}

.eurobodalla-sb-wrap .sb-uv-bar {
    width: 14px;
    height: 80px;
    border-radius: 4px;
    /* background: linear-gradient(to bottom, #9b2226, #e85d04, #f9c74f, #90be6d); */
    position: relative;
    flex-shrink: 0;
}

.eurobodalla-sb-wrap .sb-uv-bar img {
    height: 100%;
}

.eurobodalla-sb-wrap .sb-uv-bar-marker {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #fff;
    margin-left: 10px;
}

.eurobodalla-sb-wrap .sb-uv-value {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.eurobodalla-sb-wrap .sb-uv-label {
    font-size: 0.85rem;
    color: white;
}

.eurobodalla-sb-wrap .sb-uv-warning {
    margin-left: auto;
    text-align: center;
    font-size: 16px;
    color: white;
    line-height: 1.4;
}

.eurobodalla-sb-wrap .sb-uv-warning-icon {
    width: 28px;
    height: 28px;
    margin: 0 auto 6px;

    /* background: rgba(255, 255, 255, 0.15); */
    border-radius: 4px;
}

/* Water tile */
.eurobodalla-sb-wrap .sb-water-cols {
    display: flex;
    gap: 20px;
}

.eurobodalla-sb-wrap .sb-water-col {
    flex: 1;
}

.eurobodalla-sb-wrap .sb-water-col-label {
    font-size: 18px;
    color: white;
    margin-bottom: 10px;
}

.eurobodalla-sb-wrap .sb-water-temp {
    font-size: 1.8rem;
    font-weight: 700;
}

.eurobodalla-sb-wrap .sb-water-temp sup {
    font-size: 1rem;
}

.eurobodalla-sb-wrap .sb-pollution-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #578A07;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eurobodalla-sb-wrap .sb-pollution-icon-placeholder {
    /* width: 20px; */
    /* height: 20px; */
    /* background: rgba(255, 255, 255, 0.3); */
    border-radius: 3px;
}

.eurobodalla-sb-wrap .sb-pollution-status {
    font-size: 16px;
    font-weight: 700;
    /* color: #6fcf60; */
}

/* Tide tile */
.eurobodalla-sb-wrap .sb-tide-cols {
    display: flex;
    gap: 16px;
}

.eurobodalla-sb-wrap .sb-tide-col {
    flex: 1;
}

.eurobodalla-sb-wrap .sb-tide-col-label {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}

.eurobodalla-sb-wrap .sb-tide-value {
    font-size: 18px;
    margin-bottom: 4px;
}

.eurobodalla-sb-wrap .sb-tide-time {
    font-size: 18px;
    color: white;
}

/* Wave tile */
.eurobodalla-sb-wrap .sb-wave-cols {
    display: flex;
    gap: 16px;
}

.eurobodalla-sb-wrap .sb-wave-col {
    flex: 1;
}

.eurobodalla-sb-wrap .sb-wave-col-label {
    font-size: 18px;
    color: white;
    margin-bottom: 8px;
}

.eurobodalla-sb-wrap .sb-wave-height {
    font-size: 20px;
    font-weight: 700;
}

.eurobodalla-sb-wrap .sb-wave-direction {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

/* ── Lifeguard report ── */
.eurobodalla-sb-wrap .sb-report {
    background: var(--sb-tile-bg);
    border: 1px solid var(--sb-border);
    border-radius: var(--sb-radius);
    overflow: hidden;
}

.eurobodalla-sb-wrap .sb-report-header {
    background: #0000009C !important;
    padding: 14px 18px;
}

.eurobodalla-sb-wrap .sb-report-header h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
}

.eurobodalla-sb-wrap .sb-report-body {
    padding: 16px 18px;
}

.eurobodalla-sb-wrap .sb-report-summary {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 16px;
    color: white;
    margin-bottom: 20px;
    min-height: 55px;
}

.eurobodalla-sb-wrap .sb-report-summary-icon {
    width: 20px;
    /* height: 20px; */
    flex-shrink: 0;

    /* background: rgba(255, 255, 255, 0.2); */
    border-radius: 50%;
    /* margin-top: 1px; */
}

/* Hazard warnings */
.eurobodalla-sb-wrap .sb-hazards {
    display: flex;
    gap: 28px;
    flex-wrap: wrap;
}

.eurobodalla-sb-wrap .sb-hazard {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
}

.eurobodalla-sb-wrap .sb-hazard-icon {
    width: 64px;
    height: 64px;

    /* background: rgba(255, 255, 255, 0.1); */
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eurobodalla-sb-wrap .sb-hazard-icon-placeholder {
    width: 56px;
    height: 56px;
    /* background: rgba(255, 220, 0, 0.3); */
    border-radius: 2px;
}

.eurobodalla-sb-wrap .sb-hazard-icon-placeholder img {
    width: 100%;
}

.eurobodalla-sb-wrap .sb-hazard-label {
    font-size: 16px;
    /* font-weight: 700; */
    letter-spacing: 0.04em;
    line-height: 1.4;
    text-transform: uppercase;
}


/* Top alert strip */

.alrt-strip {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: #FFCD00;
    color: #0B2740;
    padding: 18px 24px;
    width: 100%;
    box-sizing: border-box;
}

/* .alrt-strip { display: none; } */

.alrt-strip:hover {
    color: #0B2740;
}

.alrt-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: rgba(0, 0, 0, 0.12); */
    border-radius: 3px;
}

.alrt-text {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
}



@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .otherTiles .tile:nth-child(8) .card-content-icon img {
        width: 170px;
    }

    /* fire danger boxes */
    .fire-danger-bottom-card{
        flex-direction: column;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {

        /* .overlay-logo{
    
        top: 16px;
        left: 16px;
        } */

    .news-content-card.eurobodalla-news-content-emergTiles {
        padding-top: 20px;
    }


    .eurobodalla-content-wrapper-emergTiles .card-content h5 {
        font-size: 20px;
        margin-bottom: 0;
    }

    .eurobodalla-under-map-tiles .news-area-heading h5 {
        font-size: 18px;
    }

    .eurobodalla-fire-ban-tile .text-wrapper h5 {
        font-size: 18px !important;
        letter-spacing: 0px;
    }
}

@media only screen and (min-width: 1100px) {
    .news-hover-content-wrapper {
        width: 1000px;
    }
}

@media (max-width: 767px) {

    /* hero content */
    .hero-content.eurobodalla-dashboard{
        margin-top: 25%
    }
    /* Keep the translate widget in the white strip on mobile too (Eurobodalla has
       no hamburger menu, so no need to float it). */
    .eurobodalla-google-widget {
        position: static;
    }

    /* .council-logo {
        position: relative;
    } */

    /* end of menu  */

    /* map layers conainer  */
    .layer-control-container {
    top: 70px;
    right: 20px;
    }

    /* disable google translate to be close to menu */
    .gt-wrapper {
        margin-left: 0;
        margin-right: 0;
    }


    .hero-section {
        height: fit-content;
    }

    .hero-content.eurobodalla-dashboard h2,
    .hero-content.eurobodalla-dashboard h1 {
        font-size: 32px;
        line-height: 32px;
    }

    .overlay-text-subheader.eurobodalla-dashboard {
        font-size: 18px !important;
    }

    .eurobodalla-dashboard .overlay {
        gap: 16px;
    }

    .eurobodalla-dashboard .overlay-text {
        line-height: 40px;
    }

    .emergency-area-heading img {
        max-width: 20px !important;
    }

    .eurobodalla-content-wrapper-emergTiles .card-content h5 {
        font-size: 20px;
    }

    .eurobodalla-fire-ban-tile .text-wrapper h5 {
        font-size: 18px !important;
        letter-spacing: 0px;
    }

    .overlay-text-subheader.eurobodalla-dashboard {
        font-size: 15px !important;
    }

    /* 4 tiles */
    .eurobodalla-content-wrapper-emergTiles .card-content h5 {
        line-height: 24px !important;
    }

    .news-content-title h4,
    .eurobodalla-complex-modal-content summary p,
    .eurobodalla-weather-warning-list p,
    .news-content-card.eurobodalla-card-content h5,
    .bpar-info-banner h2,
    .bpar-tile {
        font-size: 18px;
    }

    .cross-btn span {
        padding: 10px 16px 10px 16px;
        font-size: 16px;
    }

    div:has(> .eurobodalla-road-status-table) {
        padding: 0;
        margin: 0;
    }

    /* under map tiles */
    .eurobodalla-undermapTiles-Text,
    .news-content-card .eurobodalla-content-wrapper p,
    .bpar-info-banner p {
        font-size: 14px !important;

        font-style: normal;

        font-weight: 400 !important;

        line-height: 18px;
        /* 150% */
    }

    .eurobodalla-under-map-tiles .news-area-heading h5 {
        font-size: 18px;
    }

    .agency-contacts-tiles {
        gap: 16px;
    }

    .eurobodalla-under-map-tiles {
        flex-direction: column;
        gap: 16px;
    }

    /* weather observation */
    /* .eurobodalla-sb-wrap .sb-wave-direction{
        font-size: 16px;
    } */

    /* social */
    .eurobodalla-agnecyContacts-tiles-wrapper h3,
    .eurobodalla-radio-tiles-wrapper h3,
    .eurobodalla-social-tiles-wrapper h3,
    .hero-content.eurobodalla-dashboard h2,
    .hero-content.eurobodalla-dashboard h1 {
        text-transform: none;
        font-size: 24px;
        font-style: normal;
    }

    .eurobodalla-under-map-tiles .col-lg-4:nth-child(1),
    .eurobodalla-under-map-tiles .col-md-4:nth-child(1),
    .eurobodalla-under-map-tiles .col-lg-4:nth-child(2),
    .eurobodalla-under-map-tiles .col-md-4:nth-child(2) {
        /* padding-right: 15px; */
        padding: 0;
    }

    .eurobodalla-under-map-tiles .col-lg-4:nth-child(4),
    .eurobodalla-under-map-tiles .col-md-4:nth-child(4),
    .eurobodalla-under-map-tiles .col-lg-4:nth-child(2),
    .eurobodalla-under-map-tiles .col-md-4:nth-child(2) {
        /* padding-left: 15px; */
        padding: 0;
    }

    .eurobodalla-under-map-tiles .col-lg-4:nth-child(3),
    .eurobodalla-under-map-tiles .col-md-4:nth-child(3) {
        /* padding-right: 15px; */
        padding: 0;
    }

    .fire-danger-bottom-card {
        flex-direction: column;
    }

}


@media (max-width: 991px) {

    .weather-card.weather-observation-only h2,
    .eurobodalla-agnecyContacts-tiles-wrapper h3,
    .eurobodalla-radio-tiles-wrapper h3,
    .eurobodalla-social-tiles-wrapper h3,
    .bpar-section-heading {
        font-size: 24px;
    }

    /* be prepared/recovery */
    .bpar-tile-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .eurobodalla-sb-wrap .sb-tiles {
        grid-template-columns: repeat(2, 1fr);
    }

    /* fire danger/weather info flex box */
    .eurobodalla-observe-wrapper, .eurobodalla-fire-rating-wrap{width: 100%;}
    .weather-cards-fire-danger-flex{
        gap: 15px;
    }
}

@media (max-width: 575px) {
    .overlay-logo{ max-width: 110px; top: 16px; left: 16px; }
    .eurobodalla-fire-ban-tile .emergency-area-heading {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    /* be prepared/recovery */
    .bpar-tile-grid {
        grid-template-columns: 1fr;
    }


    #disc-body {
        padding: 24px 20px 20px;
    }

    #disc-footer {
        padding: 16px 20px;
    }

    #disc-title {
        font-size: 1.1rem;
    }

    /* .bpar-tile {
        padding: 20px 16px;
        font-size: 0.875rem;
    }

    .bpar-section-heading {
        font-size: 1.4rem;
    } */

    /* smart beaches */
    .eurobodalla-sb-wrap .sb-tabs {
        flex-direction: column;
    }

    .eurobodalla-sb-wrap .sb-tiles {
        grid-template-columns: 1fr;
    }

    .eurobodalla-sb-wrap .sb-heading {
        font-size: 1.4rem;
    }

    .eurobodalla-sb-wrap .sb-hazards {
        gap: 20px;
    }

    .eurobodalla.versionStyle-two .acknowledgement {
        padding: 32px 50px 32px 50px !important;

    }

    /* alert stip */
    .alrt-strip {
        padding: 14px 16px;
        justify-content: flex-start;
    }

    .alrt-text {
        font-size: 0.9rem;
    }

}

@media (max-width: 315px) {

       /* hero content */
    .hero-content.eurobodalla-dashboard{
        margin-top: 45%
    }

    .hero-section {
        height: fit-content;
    }

    #disc-footer {
        flex-direction: column;
    }

    /* smart beaches */
    .eurobodalla-sb-wrap .sb-water-cols {
        flex-direction: column;
    }

    .eurobodalla-sb-wrap .sb-hazards {
        justify-content: center;
    }

}
/* Map layer control — keep the toggle tick (✓) vertically centred and right-aligned
   regardless of label length. Long labels like "Local area boundary" pushed the
   floated tick up out of line; flex layout neutralises the float. Eurobodalla-only. */
.layer-control__list ul li.layer_elements {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

/* Eurobodalla: hide the "Understanding your risks" banner within the Be prepared
   section (client doesn't want it). Scoped to this page via the per-client stylesheet. */
.bpar-info-banner {
    display: none;
}

/* Left-align the banner headline so it matches the subtext/emergency line below it. */
.hero-content.eurobodalla-dashboard .overlay-text.header,
.hero-content.eurobodalla-dashboard h2,
.hero-content.eurobodalla-dashboard h1 {
    text-align: left;
}

/* ==========================================================================
   Accessibility & brand feedback V3 (Oct 2026)
   ========================================================================== */

/* Banner: dark semi-transparent layer between the photo and the white text (WCAG 1.4.3).
   Same image as .hero-section above, with a gradient layer painted on top of it. */
.hero-section {
    background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
        url('https://eurobodalla.opendatasoft.com/assets/theme_image/Beach%20-%20Eurobodalla-%20disaster-dash.png');
}

/* Banner: larger "For all emergencies, call triple zero (000)" */
.eurobodalla-dashboard .overlay p strong {
    font-size: 20px;
    line-height: 28px;
    text-align: left;
}

/* Weather observations + fire danger headings: dark grey instead of white */
.weather-card.weather-observation-only .eurobodalla-observe-wrapper > h2,
.weather-card.weather-observation-only .eurobodalla-observe-wrapper > p,
.eurobodalla-fire-rating-wrap .fire-dan-top h2 {
    color: #212529;
    opacity: 1;
}

/* Phones: the stacked fire card sits over a mixed light/dark part of the photo where neither dark nor
   white text passes, so give the heading the same dark backing as the data cards (#0000009C) */
@media (max-width: 575px) {
    .eurobodalla-fire-rating-wrap .fire-dan-top h2 {
        color: #FFFFFF;
        background: #0000009C;
        display: inline-block;
        padding: 6px 12px;
        border-radius: 8px;
    }
}

/* More space between the "Fire Danger Rating" heading and the gauge */
.eurobodalla-fire-rating-wrap .fire-dan-top h2 {
    margin-bottom: 24px;
}

/* Rating pills: national AFDRS colours, dark text where white fails contrast */
.eurobodalla-fire-rating-wrap .plan-prepare h2 {
    color: #212529;
}
.eurobodalla-fire-rating-wrap .plan-prepare.yellow-col h2 {
    background: #FEDD3A;
}
.eurobodalla-fire-rating-wrap .plan-prepare.orange-col h2 {
    background: #F78201;
}
.eurobodalla-fire-rating-wrap .plan-prepare.red-col h2 {
    background: #AD0908;
    color: #FFFFFF;
}

/* Rating value comes from the RFS feed in capitals (e.g. MODERATE) — show it in sentence case */
.eurobodalla-fire-rating-wrap .danger-card h3 {
    text-transform: lowercase;
}
.eurobodalla-fire-rating-wrap .danger-card h3::first-letter {
    text-transform: uppercase;
}

/* RFS source link styled like the Willy Weather source link */
.eurobodalla-fire-rating-wrap .nsw-content a {
    color: #66b3ff;
    text-decoration: none;
    border-bottom: 2px solid #009270;
}

/* Footer: white "Stay in touch" heading and bottom links (WCAG 1.4.3) */
.eurobodalla.versionStyle-two .social-col h2,
.eurobodalla.versionStyle-two .footer-bottom a {
    color: #FFFFFF;
}

/* Section headings added above the map and the news tiles */
.map-section-heading,
.more-resources-heading {
    margin-top: 40px;
}

/* Mobile/tablet banner: aspect-ratio 16/4 + min-height 230px forced the banner to 920px wide
   on any screen narrower than that (horizontal scroll) and the text spilled out below the photo.
   Below 920px let the banner height follow its content instead. */
@media (max-width: 919.98px) {
    .hero-section {
        aspect-ratio: auto;
        min-height: 230px;
        padding: 24px 0;
    }
}

/* Phones & tablets: keep the social carousel arrows inside the screen (they sat 5px past the edge → sideways scroll) */
@media (max-width: 991.98px) {
    .ts-carousel-wrapper .ts-arrow--prev { left: -15px; }
    .ts-carousel-wrapper .ts-arrow--next { right: -15px; }
    /* emergency tile count badge overhung the screen edge on the right-hand tile */
    .eurobodalla-news-content-emergTiles .card-number { right: 0; }
}