/*************************************************
 * THEME VARIABLES
 *************************************************/
:root {
    --u18-bg: #222;
    --u18-bg-alt: #111;
    --u18-surface: #1a1a1a;
    --u18-border: rgba(255, 42, 42, 0.35);
    --u18-primary: #ff2a2a;
    --u18-primary-soft: rgba(255, 42, 42, 0.4);
    --u18-primary-strong: #ff4545;
    --u18-text: #f5f5f5;
    --u18-muted: #aaa;

    /* GeneratePress contrast token override */
    --contrast: var(--u18-bg);
}

/*************************************************
 * GLOBAL LAYOUT (GP SAFE)
 *************************************************/
body {
    background-color: var(--u18-bg);
    color: var(--u18-text);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.6;
}

.site,
.site-content {
    background: transparent;
    box-shadow: none;
}

/*************************************************
 * TYPOGRAPHY
 *************************************************/
h1, h2, h3, h4, h5, h6 {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.6em;
}

/* Accent bar for sections */
h2, h3 {
    border-left: 4px solid var(--u18-primary);
    padding-left: 10px;
}

/*************************************************
 * LINKS
 *************************************************/
a {
    color: var(--u18-primary);
    text-decoration: none;
    transition: 0.18s ease;
}

a:hover {
    color: var(--u18-primary-strong);
}

/*************************************************
 * BUTTONS
 *************************************************/
button,
.wp-block-button__link,
input[type="submit"],
input[type="button"] {
    background: var(--u18-primary);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 10px 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    cursor: pointer;
    box-shadow: 0 0 16px var(--u18-primary-soft);
    transition: 0.18s ease;
}

button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover {
    background: var(--u18-primary-strong);
}

/*************************************************
 * BLOCK CONTAINERS (SAFE TARGETING)
 *************************************************/
.gb-container,
.wp-block-group {
    background-color: var(--u18-surface);
    border-radius: 10px;
    border: 1px solid var(--u18-border);
    padding: 20px;
}

/* EDGE-TO-EDGE SECTION – GP SAFE */
.gb-element-b9197374 {
    background:
        radial-gradient(circle at top left, #ff2a2a33, transparent 55%),
        radial-gradient(circle at bottom right, #ff2a2a11, transparent 60%),
        var(--u18-bg);

    border-top: 1px solid var(--u18-border);
    border-bottom: 1px solid var(--u18-border);
    box-shadow: 0 0 30px rgba(0,0,0,0.8);
}

/* Inner content stays centered */
.gb-element-b9197374 > .gb-inside-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 24px;
}


/*************************************************
 * HEADER / NAVIGATION
 *************************************************/
.site-header,
.main-navigation {
    background: var(--u18-bg-alt);
    border-bottom: 1px solid var(--u18-border);
}

.main-navigation a {
    color: var(--u18-text);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
}

/*************************************************
 * FOOTER
 *************************************************/
.site-footer {
    background: var(--u18-bg-alt);
    color: var(--u18-muted);
    border-top: 1px solid var(--u18-border);
}

/*************************************************
 * FORMS
 *************************************************/
input,
textarea,
select {
    background: #141414;
    color: #fff;
    border: 1px solid #444;
    border-radius: 6px;
    padding: 9px 11px;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
    border-color: var(--u18-primary);
    box-shadow: 0 0 14px var(--u18-primary-soft);
}

/*************************************************
 * TABLES
 *************************************************/
table {
    width: 100%;
    border-collapse: collapse;
    background: var(--u18-surface);
}

th, td {
    padding: 10px;
    border-bottom: 1px solid #333;
}

thead {
    background: linear-gradient(90deg, #3a3a3a, #1d1d1d);
}

/*************************************************
 * UTILITIES
 *************************************************/
.u18-muted,
.has-small-font-size {
    color: var(--u18-muted);
}

.u18-badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 999px;
    background: #ff2a2a22;
    color: var(--u18-primary);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border: 1px solid var(--u18-primary-soft);
}

/* ================================
   U18 CDL NAV THEME (Black + Red)
   Works for most WP theme menus
================================== */

/* --- Global variables (optional but clean) --- */
:root{
  --u18-black:#0f0f10;
  --u18-black-2:#141416;
  --u18-text:#e8e8ea;
  --u18-muted:#b8b8bd;
  --u18-red:#ff2a2a;
  --u18-red-soft:rgba(255,42,42,.18);
}

/* --- Header / Nav background --- */
header, .site-header, .main-navigation, nav, .wp-block-navigation,
.gb-container .wp-block-navigation {
  background: linear-gradient(180deg, var(--u18-black) 0%, #0b0b0c 100%) !important;
}

/* Thin red accent line under nav */
.site-header, header, .main-navigation, .wp-block-navigation {
  border-bottom: 1px solid rgba(255,42,42,.35) !important;
}

/* --- Top-level menu links --- */
.main-navigation a,
.wp-block-navigation a,
.wp-block-navigation-item__content {
  color: var(--u18-text) !important;
  text-decoration: none !important;
  font-weight: 600;
  letter-spacing: .4px;
}

/* Hover / focus */
.main-navigation a:hover,
.main-navigation a:focus,
.wp-block-navigation a:hover,
.wp-block-navigation a:focus,
.wp-block-navigation-item__content:hover,
.wp-block-navigation-item__content:focus {
  color: var(--u18-red) !important;
}

/* Active / current item */
.current-menu-item > a,
.current_page_item > a,
.current-menu-ancestor > a,
.wp-block-navigation-item.current-menu-item > a,
.wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content,
.wp-block-navigation__submenu-container .current-menu-item > a {
  color: var(--u18-red) !important;
}

/* Optional: small underline on hover/active */
.main-navigation a,
.wp-block-navigation-item__content {
  position: relative;
}
.main-navigation a::after,
.wp-block-navigation-item__content::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-10px;
  width:0;
  height:2px;
  background: var(--u18-red);
  transition: width .18s ease;
  opacity:.9;
}
.main-navigation a:hover::after,
.wp-block-navigation-item__content:hover::after,
.current-menu-item > a::after,
.wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content::after{
  width:100%;
}

/* --- Dropdown containers --- */
.main-navigation ul ul,
.wp-block-navigation__submenu-container,
.wp-block-navigation-submenu__content {
  background: var(--u18-black-2) !important;
  border: 1px solid rgba(255,42,42,.22) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.45) !important;
  border-radius: 10px;
  padding: 8px !important;
}

/* Dropdown links */
.main-navigation ul ul a,
.wp-block-navigation__submenu-container a,
.wp-block-navigation-submenu__content a,
.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  color: var(--u18-text) !important;
  padding: 10px 12px !important;
  border-radius: 8px;
}

/* Dropdown hover */
.main-navigation ul ul a:hover,
.wp-block-navigation__submenu-container a:hover,
.wp-block-navigation-submenu__content a:hover,
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
  background: var(--u18-red-soft) !important;
  color: var(--u18-red) !important;
}

/* Dropdown indicator arrows */
.wp-block-navigation__submenu-icon,
.wp-block-navigation-item__arrow,
.main-navigation .dropdown-menu-toggle,
.main-navigation .icon {
  color: var(--u18-text) !important;
  fill: var(--u18-text) !important;
}
.wp-block-navigation-item:hover .wp-block-navigation__submenu-icon,
.wp-block-navigation-item:hover .wp-block-navigation-item__arrow {
  color: var(--u18-red) !important;
  fill: var(--u18-red) !important;
}

/* --- Remove theme's blue "active" / "focus" styles --- */
a:focus, button:focus, .wp-block-navigation a:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(255,42,42,.25) !important;
}

/* If your theme uses a 'primary' link color (blue), override inside header/nav */
header a, .site-header a, .main-navigation a, .wp-block-navigation a {
  color: var(--u18-text) !important;
}


.page .entry-title { display: none; }