/* ==========================================================================
   GDC CSS MODULE 03: CORE COMPONENTS & LAYOUTS
   Target: gdc-css-03-core-components-layouts.css
   ========================================================================== */

/* 1. STRIP DARK BLEED FROM THEME WRAPPERS (PRESERVE GRID GUTTERS) */
.page-template-page-command-ops .entry-content,
.page-template-page-command-ops #main,
.page-template-page-command-ops .site-main,
.page-id-command-ops .entry-content,
.single-post #main,
.single-post .content-area,
.single-post #content,
.single-post article,
.gdc-command-ops-wrapper,
.gdc-main-chassis-container,
.gdc-portal-chassis,
#primary,
article.page {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 2. MASTER GLASSMORPHISM CHASSIS (CYAN HUD ENGINE) */
.gdc-owner-dashboard,
.gdc-dash-glass-workspace,
.gdc-dash-card,
.gdc-global-card,
.gdc-login-wrapper,
.gdc-glass-panel,
.section.dark {
    background: linear-gradient(
      135deg, 
      rgba(14, 116, 144, 0.12) 0%, 
      rgba(15, 23, 42, 0.35) 100%
    ) !important;
    backdrop-filter: blur(6px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(6px) saturate(140%) !important;
    border: 1px solid rgba(56, 189, 248, 0.45) !important;
    border-radius: 12px !important;
    box-shadow: 
      0 15px 35px 0 rgba(0, 0, 0, 0.40),
      0 0 25px 2px rgba(56, 189, 248, 0.30),
      inset 1px 1px 2px 0 rgba(255, 255, 255, 0.70),
      inset -1px -1px 2px 0 rgba(56, 189, 248, 0.40),
      inset 0 0 15px 0 rgba(56, 189, 248, 0.15) !important;
    padding: 30px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* 3. DOCUMENT CENTER STAINLESS STEEL YEAR DRAWER BARS */
.gdc-stainless-group,
details.gdc-year-group {
    background: transparent !important;
    border-radius: 10px !important;
    border: 1.5px solid rgba(56, 189, 248, 0.45) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.40), 0 0 15px rgba(56, 189, 248, 0.25) !important;
    margin-bottom: 15px !important;
    overflow: hidden !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
}

.gdc-stainless-summary,
details.gdc-year-group > summary {
    background: linear-gradient(
      100deg, 
      #6F8697 0%, 
      #D8E0E9 10%, 
      #91ACC0 26%, 
      #6C96C7 31%, 
      #99B5CA 37%, 
      #C6D1D8 48%, 
      #6F8697 54%, 
      #D8E0E9 62%, 
      #91ACC0 71%, 
      #C6D1DB 77%, 
      #BAE0FC 83%, 
      #C6D1DB 93%, 
      #6F8697 100%
    ) !important;
    padding: 12px 25px !important;
    color: #14243A !important;
    cursor: pointer !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    list-style: none !important;
    border-bottom: 2px solid rgba(0, 0, 0, 0.6) !important;
    box-shadow: inset 0 2px 5px rgba(255, 255, 255, 0.7) !important;
    min-height: 54px !important;
    margin: 0 !important;
}

.gdc-stainless-summary::-webkit-details-marker,
details.gdc-year-group > summary::-webkit-details-marker { 
    display: none !important; 
}

.gdc-stainless-year,
details.gdc-year-group summary span {
    font-size: 26px !important;
    font-weight: 800 !important;
    text-transform: none !important;
    color: #14243A !important;
    text-shadow: none !important;
}

.gdc-stainless-view,
details.gdc-year-group summary .gdc-view-door-btn {
    color: #14243A !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    text-transform: none !important;
    text-shadow: none !important;
}

/* 4. FLUSH SMOKED GLASS DRAWER INTERIORS */
.gdc-stainless-interior,
details.gdc-year-group > div,
details.gdc-ethereal-wrapper > div,
details.gdc-sd-drawer > div {
    margin: 0 !important;
    padding: 20px !important;
    background: linear-gradient(
      135deg, 
      rgba(12, 24, 48, 0.35) 0%, 
      rgba(8, 16, 32, 0.45) 100%
    ) !important;
    backdrop-filter: blur(6px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(6px) saturate(140%) !important;
    border: none !important;
    border-top: 1.5px solid rgba(56, 189, 248, 0.40) !important;
    border-radius: 0 !important;
    box-shadow: 
      inset 0 0 20px rgba(0, 0, 0, 0.35),
      inset 0 0 10px rgba(56, 189, 248, 0.15) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.gdc-doc-row,
details.gdc-year-group > div > div {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}

.gdc-doc-title,
details.gdc-year-group > div > div strong {
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* 5. BOARD NOTES & AUDIT LOG CALLOUT FLAGS */
div[style*="background: rgba(245, 158, 11"],
div[style*="rgba(245, 158, 11"],
.gdc-board-notes {
    background: linear-gradient(
      135deg, 
      rgba(20, 36, 58, 0.85) 0%, 
      rgba(35, 22, 10, 0.85) 100%
    ) !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
    border-left: 4px solid #F59E0B !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.30) !important;
}

div[style*="background: rgba(16, 185, 129"],
div[style*="rgba(16, 185, 129"],
.gdc-audit-log {
    background: linear-gradient(
      135deg, 
      rgba(20, 36, 58, 0.85) 0%, 
      rgba(10, 32, 22, 0.85) 100%
    ) !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    border-left: 4px solid #10B981 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.30) !important;
}

/* 6. STAINLESS STEEL ACTION BUTTONS INSIDE DRAWERS & ARCHIVES */
.gdc-doc-btn,
.gdc-standard-btn,
a.gdc-standard-btn,
button.gdc-standard-btn,
.gdc-stainless-interior a,
details.gdc-year-group a,
details.gdc-year-group div a,
.gdc-year-group a[target="_blank"],
details.gdc-year-group a[target="_blank"] {
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 900 !important;
    letter-spacing: 0.5px !important;
    text-transform: none !important;
    font-size: 18px !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 20px !important;
    background: linear-gradient(100deg, #6F8697 0%, #D8E0E9 30%, #91ACC0 70%, #C6D1D8 100%) !important;
    border: 1px solid rgba(15, 23, 42, 0.6) !important;
    color: #14243A !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    box-shadow: inset 0 2px 5px rgba(255,255,255,0.7), 0 2px 4px rgba(0,0,0,0.5) !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0px transparent !important;
}

.gdc-doc-btn:hover,
.gdc-standard-btn:hover,
a.gdc-standard-btn:hover,
button.gdc-standard-btn:hover,
.gdc-stainless-interior a:hover,
details.gdc-year-group a:hover,
details.gdc-year-group div a:hover,
.gdc-year-group a[target="_blank"]:hover,
details.gdc-year-group a[target="_blank"]:hover {
    filter: brightness(1.18) !important;
    transform: translateY(-2px) !important;
    box-shadow: inset 0 2px 5px rgba(255,255,255,0.9), 0 4px 8px rgba(0,0,0,0.6) !important;
    color: #000000 !important;
    background: linear-gradient(100deg, #6F8697 0%, #D8E0E9 30%, #91ACC0 70%, #C6D1D8 100%) !important;
}

/* 7. NAVIGATION TABS (TITLE CASE, HEAVY BOLD, NO ALL CAPS) */
.tabbed-content .nav { 
    display: flex !important; 
    flex-wrap: wrap !important; 
    justify-content: center !important; 
    row-gap: 15px !important; 
    column-gap: 8px !important; 
    border-bottom: none !important; 
    margin-bottom: 25px !important; 
}

.tabbed-content .nav > li { 
    margin: 0 !important; 
    display: block !important; 
    position: relative !important;
}

/* PURGE FLATSOME THEME OVERLAYS */
.tabbed-content .nav > li > a::before,
.tabbed-content .nav > li > a::after,
.tabbed-content .nav > li::before,
.tabbed-content .nav > li::after,
.nav-tabs li::before,
.nav-tabs li::after,
.nav-tabs li a::before,
.nav-tabs li a::after {
    display: none !important;
    content: none !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

/* Tab Base State (Stainless Metallic Silver) */
.tabbed-content .nav > li > a, 
.nav-line li a, 
.nav-tabs li a, 
.tab-nav li a,
.gdc-tab-btn,
a.gdc-tab-btn,
button.gdc-tab-btn { 
    text-transform: none !important; 
    font-size: 18px !important; 
    font-weight: 900 !important; 
    color: #14243A !important; 
    padding: 10px 20px !important; 
    background: linear-gradient(100deg, #6F8697 0%, #D8E0E9 30%, #91ACC0 70%, #C6D1D8 100%) !important; 
    border: 1px solid rgba(15, 23, 42, 0.6) !important; 
    border-radius: 6px !important; 
    transition: all 0.20s ease-in-out !important; 
    line-height: 1.2 !important; 
    white-space: nowrap !important; 
    box-shadow: inset 0 2px 5px rgba(255,255,255,0.7), 0 2px 4px rgba(0,0,0,0.5) !important; 
    text-shadow: none !important;
    -webkit-text-stroke: 0px transparent !important;
}

/* Tab Hover State */
.tabbed-content .nav > li > a:hover, 
.nav-line li a:hover,
.nav-tabs li a:hover,
.tab-nav li a:hover,
.gdc-tab-btn:hover,
a.gdc-tab-btn:hover,
button.gdc-tab-btn:hover { 
  color: #000000 !important; 
  background: linear-gradient(100deg, #6F8697 0%, #D8E0E9 30%, #91ACC0 70%, #C6D1D8 100%) !important; 
  filter: brightness(1.18) !important; 
  transform: translateY(-2px) !important; 
  box-shadow: inset 0 2px 5px rgba(255,255,255,0.9), 0 4px 8px rgba(0,0,0,0.6) !important; 
}

/* Active Selected Tab State (Metallic Blue Shield Lens) */
.tabbed-content .nav > li.active > a, 
.nav-line li.active a,
.nav-tabs li.active a,
.tab-nav li.active a,
.gdc-tab-btn.active,
a.gdc-tab-btn.active,
button.gdc-tab-btn.active { 
  background: linear-gradient(100deg, rgba(0, 102, 255, 0.6) 0%, rgba(0, 51, 153, 0.8) 100%), linear-gradient(100deg, #6F8697 0%, #D8E0E9 30%, #91ACC0 70%, #C6D1D8 100%) !important; 
  background-blend-mode: multiply !important; 
  color: #FFFFFF !important; 
  font-size: 18px !important;
  font-weight: 900 !important; 
  border: 1px solid #0F172A !important; 
  box-shadow: inset 0 2px 5px rgba(255,255,255,0.3), 0 2px 6px rgba(0,0,0,0.5), 0 0 10px rgba(56, 189, 248, 0.4) !important; 
  text-shadow: none !important; 
  -webkit-text-stroke: 0px transparent !important;
}

.tabbed-content .nav > li.active > a:hover,
.gdc-tab-btn.active:hover,
a.gdc-tab-btn.active:hover,
button.gdc-tab-btn.active:hover {
  filter: brightness(1.15) !important;
  transform: translateY(-2px) !important;
}

/* 8. TRANSLUCENT DARK NAVY GLASS CARDS */
.gdc-action-panel,
.gdc-banner-item,
.gdc-directory-card,
.gdc-desc-box,
.gdc-accordion-item,
.gdc-ticket-item,
.gdc-sd-drawer,
.gdc-ethereal-wrapper,
details.gdc-ethereal-wrapper,
.gdc-activity-item {
    background: linear-gradient(
      135deg, 
      rgba(12, 24, 48, 0.35) 0%, 
      rgba(8, 16, 32, 0.45) 100%
    ) !important;
    backdrop-filter: blur(8px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(8px) saturate(140%) !important;
    border: 1px solid rgba(56, 189, 248, 0.45) !important;
    border-radius: 10px !important;
    color: #FFFFFF !important;
    box-shadow: 
      0 4px 15px 0 rgba(0, 0, 0, 0.40), 
      0 0 15px 1px rgba(56, 189, 248, 0.20), 
      inset 1px 1px 2px 0 rgba(255, 255, 255, 0.20), 
      inset -1px -1px 2px 0 rgba(56, 189, 248, 0.20) !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.gdc-ethereal-row,
details.gdc-ethereal-wrapper > summary {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
    padding: 18px 20px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 9. SIDEBAR WIDGET TYPOGRAPHY */
.widget-title, .gdc-widget-title, .widget h2, .widget h3 {
    font-size: 18px !important;
    text-transform: capitalize !important;
    letter-spacing: 0.5px !important;
    line-height: 1.4 !important;
}
.widget, .widget-area {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* 10. MOBILE OVERRIDE */
@media (max-width: 768px) {
    .gdc-owner-dashboard,
    .gdc-dash-glass-workspace,
    .gdc-ops-root {
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border: none !important;
        box-shadow: none !important;
        padding: 10px 5px !important; 
    }
}

/* 11. SINGLE ARTICLE PRECISION GLASS CHASSIS (WITH SIDEBAR SPACING GAP) */
.single-post .article-inner {
    background: linear-gradient(
      135deg, 
      rgba(14, 116, 144, 0.12) 0%, 
      rgba(15, 23, 42, 0.35) 100%
    ) !important;
    backdrop-filter: blur(6px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(6px) saturate(140%) !important;
    border: 1px solid rgba(56, 189, 248, 0.45) !important;
    border-radius: 12px !important;
    box-shadow: 
      0 15px 35px 0 rgba(0, 0, 0, 0.40), 
      0 0 25px 2px rgba(56, 189, 248, 0.30), 
      inset 1px 1px 2px 0 rgba(255, 255, 255, 0.70), 
      inset -1px -1px 2px 0 rgba(56, 189, 248, 0.40), 
      inset 0 0 15px 0 rgba(56, 189, 248, 0.15) !important;
    padding: 30px !important;
    margin-bottom: 30px !important;
    margin-right: 15px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.single-post .entry-title,
.single-post h1, 
.single-post h2, 
.single-post h3, 
.single-post h4,
.single-post strong,
.single-post b {
    color: #FFFFFF !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.8) !important;
}

.single-post p,
.single-post li,
.single-post div:not(.article-inner),
.single-post .entry-content {
    color: #E2E8F0 !important;
}

/* Fix Invisible Dark Navy Meta Tags, Author, Date, Comments & Permalinks */
.single-post .entry-meta,
.single-post .entry-meta *,
.single-post .byline,
.single-post .posted-on,
.single-post .cat-links,
.single-post .entry-footer,
.single-post .entry-footer *,
.single-post #respond,
.single-post #respond *,
.single-post .comment-reply-title,
.single-post .logged-in-as,
.single-post .must-log-in {
    color: #94A3B8 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.8) !important;
}

.single-post a,
.single-post .entry-meta a,
.single-post .cat-links a,
.single-post .entry-footer a {
    color: #38BDF8 !important;
    text-decoration: underline !important;
}

.single-post a:hover {
    color: #FFFFFF !important;
}