/* ===== COASTAL CRIME SITE STYLE ===== */

/* ===== MAIN SITE BACKGROUND ===== */

body,
.site,
.wp-site-blocks,
#page,
.site-content,
.content-area,
.entry-content,
main {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* ===== TEXT ===== */

p,
li,
span,
div,
label {
    color: #ffffff;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #ffffff !important;
}

/* Links */
a {
    color: #ffffff !important;
}

a:hover {
    color: #ff2b2b !important;
}

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

header,
#masthead,
.site-header,
.header-inner,
.header-wrapper,
.wp-block-template-part,
nav,
.main-navigation,
.primary-navigation,
.menu,
.menu-primary-container,
.wp-block-navigation,
.wp-block-navigation__container {
    background: #000000 !important;
    background-color: #000000 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Navigation menu text */
nav a,
.main-navigation a,
.primary-navigation a,
.menu a,
.site-header a,
.wp-block-navigation a,
.wp-block-navigation-item a,
.wp-block-navigation-item__content {
    color: #ffffff !important;
    font-weight: 500;
    letter-spacing: 1px;
    text-decoration: none !important;
}

/* Navigation hover */
nav a:hover,
.main-navigation a:hover,
.primary-navigation a:hover,
.menu a:hover,
.site-header a:hover,
.wp-block-navigation a:hover {
    color: #ff2b2b !important;
}

/* Dropdown menus */
.sub-menu,
.dropdown-menu,
.children {
    background: #000000 !important;
    background-color: #000000 !important;
}

.sub-menu a,
.dropdown-menu a,
.children a {
    color: #ffffff !important;
}

/* White dropdown arrows */
.wp-block-navigation__submenu-icon {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Remove white active/current menu box */
.wp-block-navigation .current-menu-item,
.wp-block-navigation .current-menu-item a,
.wp-block-navigation .current_page_item,
.wp-block-navigation .current_page_item a,
.wp-block-navigation-item.current-menu-item,
.wp-block-navigation-item.current_page_item {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Keep active menu text white */
.wp-block-navigation .current-menu-item a,
.wp-block-navigation .current_page_item a {
    color: #ffffff !important;
}

/* Subtle separator under nav */
header,
.site-header,
.wp-block-template-part {
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.35);
}

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

footer,
.site-footer,
.footer,
.footer-area,
.footer-widgets,
.footer-widget-area,
.footer-bottom,
.site-info,
div[class*="footer"],
section[class*="footer"] {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

/* Footer text */
footer *,
.site-footer *,
.footer *,
.footer-area *,
.footer-widgets *,
.footer-bottom *,
.site-info * {
    color: #ffffff !important;
}

/* Footer links */
footer a,
.site-footer a,
.footer a {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Footer hover */
footer a:hover,
.site-footer a:hover,
.footer a:hover {
    color: #ff2b2b !important;
    text-decoration: none !important;
}

/* Remove footer divider lines */
footer li,
.site-footer li,
.footer li,
footer ul,
.site-footer ul,
.footer ul {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Remove separators between footer links */
footer li::before,
footer li::after,
.site-footer li::before,
.site-footer li::after {
    display: none !important;
    content: none !important;
}

/* ===== BUTTONS ===== */

button,
input[type="submit"],
.wp-block-button__link {
    background-color: #ff2b2b !important;
    color: #ffffff !important;
    border: none !important;
}

button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* ===== REMOVE RANDOM GREY/WHITE BLOCKS ===== */

.wp-block-group,
.wp-block-cover,
.wp-block-columns,
.wp-block-column {
    background-color: transparent !important;
}
/* Narrow the navigation content */

.wp-block-navigation__container,
.main-navigation,
.menu,
.nav-menu {
    max-width: 1400px;
    margin: 0 auto !important;
    justify-content: center !important;
}
/* Remove active page box/highlight on all pages */
.wp-block-navigation li,
.wp-block-navigation li a,
.wp-block-navigation-item,
.wp-block-navigation-item a,
.wp-block-navigation-item__content,
.current-menu-item,
.current-menu-item a,
.current_page_item,
.current_page_item a,
.current-menu-ancestor,
.current-menu-ancestor a,
.current_page_ancestor,
.current_page_ancestor a {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Keep all nav text white */
.wp-block-navigation a,
.wp-block-navigation-item__content {
    color: #ffffff !important;
}

/* Make dropdown arrows white, not red */
.wp-block-navigation__submenu-icon,
.wp-block-navigation__submenu-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* Remove tiny red square/icon highlights */
.wp-block-navigation__submenu-icon path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}
/* ===== CLEAN NAVIGATION ===== */

/* All navigation backgrounds transparent */
.wp-block-navigation li,
.wp-block-navigation li a,
.wp-block-navigation-item,
.wp-block-navigation-item a,
.wp-block-navigation-item__content,
.current-menu-item,
.current-menu-item a,
.current_page_item,
.current_page_item a,
.current-menu-ancestor,
.current-menu-ancestor a,
.current_page_ancestor,
.current_page_ancestor a {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Navigation text always white */
.wp-block-navigation a,
.wp-block-navigation-item__content,
nav a,
.menu a {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Hover stays white */
.wp-block-navigation a:hover,
nav a:hover,
.menu a:hover {
    color: #ffffff !important;
}

/* Dropdown arrows white */
.wp-block-navigation__submenu-icon,
.wp-block-navigation__submenu-icon svg,
.wp-block-navigation__submenu-icon path {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* Remove all nav pseudo-elements causing red squares */
.wp-block-navigation *::before,
.wp-block-navigation *::after {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
/* Force navigation dropdown arrows to white */
.wp-block-navigation__submenu-icon,
.wp-block-navigation__submenu-icon *,
.wp-block-navigation__submenu-icon svg,
.wp-block-navigation__submenu-icon svg *,
.wp-block-navigation__submenu-icon path,
.wp-block-navigation__submenu-icon polygon {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
    background: transparent !important;
}

/* If the theme uses a red background behind the arrow */
.wp-block-navigation__submenu-icon {
    background-color: transparent !important;
    border: none !important;
}

/* Remove red marker styling from menu buttons */
.wp-block-navigation button,
.wp-block-navigation button *,
.wp-block-navigation-submenu__toggle,
.wp-block-navigation-submenu__toggle * {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
    background: transparent !important;
    border: none !important;
}