/* Remove underline / hover background from header title */
.navbar-brand a,
.navbar-brand a:hover,
.navbar-brand a:focus {
text-decoration: none !important;
background: none !important;
}
/* Kill any hover/focus line effects on the header brand/title */
.navbar-brand a,
.navbar-brand a:hover,
.navbar-brand a:focus,
.navbar-brand a:active,
.navbar-brand a:hover *,
.navbar-brand a:focus *,
.navbar-brand .siteTitle,
.navbar-brand .custom-sitetitle {
text-decoration: none !important;
background: transparent !important;
border-bottom: 0 !important;
box-shadow: none !important;
}

.navbar-brand a:focus,
.navbar-brand a:focus-visible {
outline: none !important;
}

/* If the line is from a pseudo-element */
.navbar-brand a::before,
.navbar-brand a::after {
content: none !important;
display: none !important;
}
/* Hide the logo image in the header brand */
.navbar-brand img {
display: none !important;
}
/* STEP 2: Top utility bar skeleton */
/* STEP 6: Top utility bar should be white */
.scoc-topbar {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #ffffff; /* white row */
padding: 10px 16px;
border-bottom: 1px solid #d9d9d9;
}
/* STEP 3: Title bar (SCOC-style) */
.scoc-titlebar {
background-color: #f1d400; /* SCOC-like yellow */
padding: 10px 16px;
text-align: center;
border-bottom: 1px solid #c9b200;
}

.scoc-titlebar h1,
.scoc-titlebar .siteTitle {
margin: 0;
font-size: 1.5rem;
font-weight: 600;
color: #333;
}

/* STEP 6C: Force our 3 sections to stack even inside Bootstrap navbar/container */
.navbar .scoc-topbar,
.navbar .scoc-menubar,
.navbar .scoc-titlebar,
.container .scoc-topbar,
.container .scoc-menubar,
.container .scoc-titlebar {
display: block !important;
width: 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}

/* Ensure the parent behaves like a wrapping container */
.navbar .custom-container {
display: flex !important;
flex-wrap: wrap !important;
align-items: stretch !important;
}
/* STEP 6D: Remove hover/focus underline/background/box effects in title band */
.scoc-titlebar a,
.scoc-titlebar a:hover,
.scoc-titlebar a:focus,
.scoc-titlebar a:active {
text-decoration: none !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
outline: none !important;
}

/* If theme draws a pseudo-element line on links */
.scoc-titlebar a::before,
.scoc-titlebar a::after {
content: none !important;
display: none !important;
}
/* STEP 6D: Remove hover/focus underline/background/box effects in title band */
.scoc-titlebar a,
.scoc-titlebar a:hover,
.scoc-titlebar a:focus,
.scoc-titlebar a:active {
text-decoration: none !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
outline: none !important;
}

/* If theme draws a pseudo-element line on links */
.scoc-titlebar a::before,
.scoc-titlebar a::after {
content: none !important;
display: none !important;
}
/* STEP 7B: Ensure header sections are visible and stacked */
.scoc-topbar, .scoc-menubar, .scoc-titlebar {
position: relative !important;
z-index: 1000 !important;
display: block !important;
width: 100% !important;
}

/* Make the *container* allow full-width header look */
.navbar .container.custom-container {
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}

/* Give inner content its left/right padding back */
.scoc-inner {
padding-left: 16px !important;
padding-right: 16px !important;
}
/* STEP 7C: Kill the theme’s top border/line above our custom header */
.navbar,
.navbar-static-top,
header .navbar {
border-top: 0 !important;
box-shadow: none !important;
background-image: none !important;
}

/* If the line is a pseudo element */
.navbar::before,
.navbar::after {
content: none !important;
display: none !important;
}
/* STEP 7C: Kill the theme’s top border/line above our custom header */
.navbar,
.navbar-static-top,
header .navbar {
border-top: 0 !important;
box-shadow: none !important;
background-image: none !important;
}

/* If the line is a pseudo element */
.navbar::before,
.navbar::after {
content: none !important;
display: none !important;
}
/* Kill the “top strip” (border/shadow/pseudo-element) */
body { border-top: 0 !important; }

body::before, body::after,
header::before, header::after,
.navbar::before, .navbar::after,
.scoc-topbar::before, .scoc-topbar::after {
content: none !important;
display: none !important;
}

header, .navbar {
box-shadow: none !important;
border-top: 0 !important;
}
/* Hide the default Bootstrap navbar toggle (we'll bring it back when menu is ready) */
.navbar-toggle,
.navbar-toggler,
button.navbar-toggler,
button.navbar-toggle,
.navbar-header .navbar-toggle {
display: none !important;
}