/* ========================================= */
/* TACTICAL ENABLEMENT - MAIN STYLESHEET     */
/* ========================================= */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

/* --- Global Typography --- */
body, h1, h2, h3, h4, h5, h6, p, a, button, input, textarea, li { 
    font-family: 'Manrope', sans-serif !important; 
}

/* --- Surgical Background Fix --- */
#skilljar-content, .sj-page-catalog #main-container, sjwc-catalog-tile-platform-wrapper {
    background-color: #000000 !important;
    background-image: none !important;
}

/* --- Tile Structure & Radius --- */
sjwc-catalog-tile {
    border-radius: 16px !important;
    overflow: hidden !important;
    background-color: #000000 !important;
    border: 1px solid #ffffff !important;
    --511f908c: #000000 !important; 
    --3676d864: transparent !important; 
}

sjwc-catalog-tile:hover {
    border-color: #4CAF50 !important;
    transition: border-color 0.3s ease;
}

/* --- Tile Text Fix (Light DOM) --- */
sjwc-catalog-tile h2[slot="title"] { color: #ffffff !important; }
sjwc-catalog-tile p[slot="description"] { color: rgba(255, 255, 255, 0.9) !important; }

/* --- Header & Nav Styling --- */
.catalog-header-title { color: #ffffff !important; font-weight: 800 !important; }
.catalog-header-description { color: rgba(255,255,255,0.9) !important; }
.tw-custom-nav { display: flex !important; align-items: center !important; margin-right: 15px; height: 100%; }
.tw-nav-item { position: relative; margin: 0 5px; padding: 0 15px; color: #7F8188; font-size: 14px; font-weight: 500; cursor: pointer; display: flex; align-items: center; height: 80px; }
.tw-nav-item:hover { color: #ffffff; }
.tw-nav-item a { color: inherit; text-decoration: none; }
.tw-dropdown { display: none; position: absolute; top: 100%; left: 0; background: #000000; border: 1px solid rgba(255,255,255,0.1); min-width: 180px; z-index: 99999 !important; flex-direction: column; padding: 10px 0; box-shadow: 0 4px 12px rgba(0,0,0,0.5); }
.tw-nav-item:hover .tw-dropdown { display: flex !important; }
.tw-dropdown a { padding: 10px 20px; width: 100%; text-align: left; display: block; line-height: normal; color: #7F8188; }
.tw-dropdown a:hover { background: #1A6AFF; color: #ffffff; }
#header-right { display: flex !important; align-items: center !important; }
#header-right #header-drop, #header-right .header-dropdown-button { display: flex !important; align-items: center !important; margin-top: 0 !important; padding-top: 0 !important; height: 100% !important; }
#header-right #header-drop img, #header-right #header-drop .sj-icon-user { margin-top: 0 !important; transform: translateY(6px) !important; vertical-align: middle !important; }