/* Shared dropdown panels, scoped to the Meteocam navigation. */
.mc-header #mainNav .dropdown-menu.mc-submenu-panel { padding:0; border:1px solid #dbe6ec!important; border-top:3px solid var(--submenu-accent,#167d8d)!important; border-radius:0 0 14px 14px; background:#fff; margin-top:0; box-shadow:0 18px 45px rgba(13,39,55,.22),0 3px 8px rgba(13,39,55,.06); max-height:none!important; overflow:visible!important; min-width:280px; animation:mc-submenu-enter .16s ease-out; }
.mc-header #mainNav .mc-submenu-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px 20px; background:linear-gradient(115deg,#f1f7f9,#fff); border-bottom:1px solid #e5edf1; color:#203d50; font:700 16px/1.4 'Open Sans',Arial,sans-serif; letter-spacing:-.2px; list-style:none; }
.mc-header #mainNav .mc-submenu-count { display:inline-flex; align-items:center; justify-content:center; min-width:30px; padding:3px 8px; border:1px solid #dce8ed; border-radius:20px; background:#fff; color:var(--submenu-accent); font-size:11px; font-weight:600; letter-spacing:0; }
.mc-header #mainNav .mc-submenu-body { list-style:none; padding:8px; }
.mc-header #mainNav .mc-submenu-items { display:grid; grid-template-columns:1fr; gap:3px 10px; list-style:none; margin:0; padding:3px; max-height:min(58vh,480px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#b3c9d2 transparent; }
.mc-header #mainNav .mc-submenu-items > li { min-width:0; margin:0; padding:0; list-style:none; }
.mc-header #mainNav #myNavbar > ul > li > ul.mc-submenu-panel .mc-submenu-items a { display:flex; align-items:center; gap:10px; min-height:42px; padding:10px 12px; border:1px solid transparent; border-radius:8px; background:transparent; color:#344e60; font:500 13px/1.45 'Open Sans',Arial,sans-serif; text-decoration:none; white-space:normal; overflow-wrap:anywhere; transition:background .15s,border-color .15s,color .15s; }
.mc-header #mainNav .mc-submenu-items a::before { content:''; width:6px; height:6px; flex:0 0 6px; border:1.5px solid var(--submenu-accent); border-radius:50%; opacity:.65; }
.mc-header #mainNav .mc-submenu-items a font { color:inherit; }
.mc-header #mainNav #myNavbar > ul > li > ul.mc-submenu-panel .mc-submenu-items a:hover,
.mc-header #mainNav #myNavbar > ul > li > ul.mc-submenu-panel .mc-submenu-items a:focus-visible { color:#145b6d; background:#edf6f8!important; border-color:#d3e6eb; }
.mc-header #mainNav .mc-submenu-items a:hover::before { background:var(--submenu-accent); opacity:1; }
.mc-header #mainNav .dropdown-toggle .caret { transition:transform .18s; }
.mc-header #mainNav .dropdown-toggle[aria-expanded=true] .caret { transform:rotate(180deg); }
@media(min-width:1100px) {
 .mc-header #mainNav .mc-submenu-panel[data-columns="1"] { width:290px; }
 .mc-header #mainNav .mc-submenu-panel[data-columns="2"] { width:490px; }
 .mc-header #mainNav .mc-submenu-panel[data-columns="3"] { width:720px; }
 .mc-header #mainNav .mc-submenu-panel[data-columns="2"] .mc-submenu-items { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .mc-header #mainNav .mc-submenu-panel[data-columns="3"] .mc-submenu-items { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:1099px) {
 .mc-header #mainNav .dropdown-menu.mc-submenu-panel { width:100%; min-width:0; max-width:100%; margin:0 0 12px; border-radius:10px; box-shadow:0 5px 15px rgba(0,0,0,.1); }
 .mc-header #mainNav .mc-submenu-heading { padding:12px 16px; font-size:14px; }
 .mc-header #mainNav .mc-submenu-items { max-height:45vh; }
}
@media(min-width:600px) and (max-width:1099px) { .mc-header #mainNav .mc-submenu-panel:not([data-columns="1"]) .mc-submenu-items { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@keyframes mc-submenu-enter { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) { .mc-header #mainNav .dropdown-menu.mc-submenu-panel { animation:none; } .mc-header #mainNav .dropdown-toggle .caret,.mc-header #mainNav .mc-submenu-items a { transition:none; } }
/* Richer category palettes, with dark text retained for readability. */
.mc-header #mainNav .mc-submenu-panel { --submenu-light:#e4f6f5; --submenu-hover:#c9ece9; --submenu-ink:#155c60; --submenu-edge:#a8dcd7; }
.mc-header #mainNav .mc-submenu-panel:nth-child(n) .mc-submenu-heading { background:linear-gradient(115deg,var(--submenu-ink),var(--submenu-accent)); color:#fff; border-bottom:0; }
.mc-header #mainNav .mc-submenu-count { background:rgba(255,255,255,.2); border-color:rgba(255,255,255,.4); color:#fff; }
.mc-header #mainNav .mc-submenu-body { background:linear-gradient(135deg,var(--submenu-light),#fff 85%); border-radius:0 0 13px 13px; }
.mc-header #mainNav #myNavbar > ul > li > ul.mc-submenu-panel .mc-submenu-items a { background:rgba(255,255,255,.78); border-color:var(--submenu-edge); color:var(--submenu-ink); }
.mc-header #mainNav .mc-submenu-items a::before { background:var(--submenu-accent); border-color:var(--submenu-accent); opacity:1; box-shadow:0 0 0 3px var(--submenu-light); }
.mc-header #mainNav #myNavbar > ul > li > ul.mc-submenu-panel .mc-submenu-items a:hover,
.mc-header #mainNav #myNavbar > ul > li > ul.mc-submenu-panel .mc-submenu-items a:focus-visible { background:var(--submenu-hover)!important; border-color:var(--submenu-accent); color:var(--submenu-ink); box-shadow:inset 3px 0 0 var(--submenu-accent); }
.mc-header #mainNav .dropdown-toggle[aria-expanded=true] { box-shadow:inset 0 -3px 0 #7fe4df; }
/* Match each navigation tab to its dropdown category palette. */
.mc-header #mainNav #myNavbar > ul > li > a.dropdown-toggle {
    color:var(--submenu-light,#e0f6f3)!important;
    background:var(--submenu-ink,#12575e);
    box-shadow:inset 0 -3px 0 var(--submenu-accent,#168b91);
    border-radius:7px 7px 0 0;
    margin:4px 2px 0;
    min-height:52px;
    transition:background .15s,color .15s;
}
.mc-header #mainNav #myNavbar > ul > li > a.dropdown-toggle:hover,
.mc-header #mainNav #myNavbar > ul > li > a.dropdown-toggle:focus-visible,
.mc-header #mainNav #myNavbar > ul > li > a.dropdown-toggle[aria-expanded=true] {
    color:var(--submenu-ink,#12575e)!important;
    background:var(--submenu-light,#e0f6f3);
    box-shadow:inset 0 -3px 0 var(--submenu-accent,#168b91);
}
@media(max-width:1099px) {
    .mc-header #mainNav #myNavbar > ul > li > a.dropdown-toggle { margin:4px 0; min-height:44px; border-radius:7px; box-shadow:inset 4px 0 0 var(--submenu-accent,#168b91); }
}
@media(prefers-reduced-motion:reduce) { .mc-header #mainNav #myNavbar > ul > li > a.dropdown-toggle { transition:none; } }
.mc-header #mainNav #myNavbar > ul > li > a.mc-multiview-link {
    background:#b52d3c; color:#fff!important; border-radius:7px 7px 0 0;
    margin:4px 2px 0; min-height:52px; box-shadow:inset 0 -3px 0 #ef8290;
}
.mc-header #mainNav #myNavbar > ul > li > a.mc-multiview-link:hover,
.mc-header #mainNav #myNavbar > ul > li > a.mc-multiview-link:focus-visible {
    background:#922232; color:#fff!important;
}
@media(max-width:1099px) {
    .mc-header #mainNav #myNavbar > ul > li > a.mc-multiview-link { margin:4px 0; min-height:44px; border-radius:7px; }
}