/* ============================================
   KOORA UPDATES - FULL SITE DARK THEME OVERRIDE
   Applies premium dark sports design to ALL pages
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;900&display=swap');

:root {
    --red: #e63946 !important;
    --red-dark: #c02b37 !important;
    --dark: #0d1117 !important;
    --surface: #161b22 !important;
    --surface2: #1f2937 !important;
    --border: rgba(255,255,255,0.08) !important;
    --text: #e6edf3 !important;
    --muted: #8b949e !important;
    /* Override Kadence palette */
    --global-palette1: #e63946 !important;
    --global-palette3: #e6edf3 !important;
    --global-palette4: #c9d1d9 !important;
    --global-palette5: #8b949e !important;
    --global-palette7: #161b22 !important;
    --global-palette8: #c9d1d9 !important;
    --global-palette9: #0d1117 !important;
}

/* ---- BASE ---- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body,
.content-bg,
body.content-style-unboxed .site,
.site-content,
.site-main,
.wp-site-blocks,
main,
#inner-wrap {
    background-color: #0d1117 !important;
    color: #e6edf3 !important;
    font-family: 'Outfit', sans-serif !important;
}

/* ---- SCROLLBAR ---- */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #0d1117; }
::-webkit-scrollbar-thumb { background: #e63946; border-radius: 3px; }

/* ---- HEADER ---- */
#masthead,
.site-header,
.site-header-inner-wrap,
.site-main-header-wrap,
.site-main-header-wrap .site-header-row-container-inner,
.site-header-row-container-inner,
#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap),
#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner {
    background: #0a0e14 !important;
    border-bottom: 2px solid #e63946 !important;
}

/* Nav links */
.main-navigation .primary-menu-container > ul > li.menu-item > a {
    color: #c9d1d9 !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    transition: color 0.2s ease, background 0.2s ease !important;
    border-radius: 6px !important;
}
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a {
    color: #fff !important;
    background: #e63946 !important;
}

/* Dropdown menu */
.header-navigation .header-menu-container ul ul.sub-menu,
.header-navigation .header-menu-container ul ul.submenu {
    background: #161b22 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important;
}
.header-navigation .header-menu-container ul ul li.menu-item > a {
    color: #c9d1d9 !important;
    font-family: 'Outfit', sans-serif !important;
}
.header-navigation .header-menu-container ul ul li.menu-item > a:hover {
    background: #1f2937 !important;
    color: #e63946 !important;
}

/* Mobile nav */
#mobile-drawer .drawer-inner,
#mobile-drawer.popup-drawer-layout-fullwidth .drawer-inner {
    background: #0a0e14 !important;
}
.mobile-navigation ul li > a,
.mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap {
    color: #c9d1d9 !important;
    font-family: 'Outfit', sans-serif !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.mobile-navigation ul li > a:hover { color: #e63946 !important; }
.mobile-navigation ul li.current-menu-item > a { color: #e63946 !important; }

/* Search */
#search-drawer .drawer-inner { background: rgba(9,12,16,0.98) !important; }
.search-field {
    background: #161b22 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #e6edf3 !important;
    border-radius: 8px !important;
    font-family: 'Outfit', sans-serif !important;
}
.search-toggle-open-container .search-toggle-open {
    background: #1f2937 !important;
    color: #e6edf3 !important;
    border-radius: 6px !important;
}
.search-toggle-open-container .search-toggle-open:hover { background: #e63946 !important; }

/* ---- CONTENT AREA ---- */
.content-area,
.content-container,
.entry-content,
.entry-content-wrap,
.single-entry,
.loop-entry,
article,
.wp-block-group,
.wp-block-cover,
.hentry {
    background: #0d1117 !important;
    color: #e6edf3 !important;
}

/* ---- SINGLE POST / PAGE CONTENT ---- */
.single-entry .entry-content-wrap,
.page .entry-content-wrap {
    background: #161b22 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 16px !important;
    color: #e6edf3 !important;
}

.entry-content p,
.entry-content li,
.entry-content span,
.entry-content div {
    color: #e6edf3 !important;
    font-family: 'Outfit', sans-serif !important;
    line-height: 1.8 !important;
}

/* ---- HEADINGS - ALL ---- */
h1, h2, h3, h4, h5, h6,
.entry-title, .page-title,
.loop-entry .entry-title a,
.single-entry .entry-title {
    color: #e6edf3 !important;
    font-family: 'Outfit', sans-serif !important;
}
.loop-entry h2.entry-title a:hover,
.entry-title a:hover { color: #e63946 !important; }

/* Post title in loop */
.loop-entry.type-post h2.entry-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    font-family: 'Outfit', sans-serif !important;
    color: #e6edf3 !important;
}

/* ---- LOOP / POST CARDS ---- */
.loop-entry,
.loop-entry.type-post,
article.loop-entry {
    background: #161b22 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}
.loop-entry:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 30px rgba(230,57,70,0.15) !important;
    border-color: rgba(230,57,70,0.4) !important;
}
.loop-entry .entry-content-wrap {
    background: #161b22 !important;
}

/* Post meta */
.loop-entry .entry-meta,
.loop-entry .entry-meta a,
.entry-meta, .entry-meta a,
.entry-footer, .entry-footer a {
    color: #8b949e !important;
    font-size: 12px !important;
    font-family: 'Outfit', sans-serif !important;
}

/* Category pills */
.entry-taxonomies .category-style-pill a,
.loop-entry .entry-taxonomies .category-style-pill a {
    background: #e63946 !important;
    color: #fff !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

/* ---- IMAGES ---- */
.wp-post-image,
.loop-entry .wp-post-image {
    transition: transform 0.4s ease !important;
}
.loop-entry:hover .wp-post-image { transform: scale(1.05) !important; }

/* ---- PAGE HERO ---- */
.entry-hero,
.page-hero-section,
.entry-hero-layout-contained {
    background: linear-gradient(135deg, #0d1117 0%, #1a0508 50%, #0d1117 100%) !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.entry-hero h1,
.page-hero-section h1,
.entry-hero .entry-title,
.wp-site-blocks .page-title h1 {
    color: #e6edf3 !important;
    font-family: 'Outfit', sans-serif !important;
    font-style: normal !important;
    text-shadow: 0 2px 20px rgba(0,0,0,0.8) !important;
}

/* Breadcrumbs */
.kadence-breadcrumbs,
.kadence-breadcrumbs a,
.kadence-breadcrumbs span {
    color: #8b949e !important;
    font-family: 'Outfit', sans-serif !important;
}
.kadence-breadcrumbs a:hover { color: #e63946 !important; }

/* ---- SIDEBAR WIDGETS ---- */
.widget,
.sidebar .widget,
aside .widget,
#secondary .widget {
    background: #161b22 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 12px !important;
    padding: 1.2rem !important;
    margin-bottom: 1.5rem !important;
    color: #e6edf3 !important;
}
.widget-title,
.widgettitle {
    color: #e6edf3 !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #e63946 !important;
    padding-bottom: 8px !important;
    margin-bottom: 14px !important;
}
.widget a { color: #c9d1d9 !important; }
.widget a:hover { color: #e63946 !important; }
.widget li {
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    padding: 6px 0 !important;
    color: #e6edf3 !important;
}

/* ---- PAGINATION ---- */
.pagination .page-numbers,
.nav-links a {
    background: #161b22 !important;
    color: #e6edf3 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 8px !important;
    font-family: 'Outfit', sans-serif !important;
    transition: all 0.2s ease !important;
}
.pagination .page-numbers:hover,
.nav-links a:hover,
.pagination .page-numbers.current {
    background: #e63946 !important;
    color: #fff !important;
    border-color: #e63946 !important;
}

/* ---- BUTTONS ---- */
button,
.button,
.wp-block-button__link,
input[type="submit"],
input[type="button"],
.elementor-button,
.mobile-header-button {
    background: #e63946 !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-family: 'Outfit', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: none !important;
    transition: background 0.25s ease, transform 0.2s ease !important;
}
button:hover,
.button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover {
    background: #c02b37 !important;
    transform: scale(1.03) !important;
}

/* ---- CONTENT VIEWS (CV) PLUGIN ---- */
.cv-view-container,
.pt-cv-wrapper {
    background: transparent !important;
}
.pt-cv-content-item {
    background: #161b22 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    color: #e6edf3 !important;
}
.pt-cv-content-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 30px rgba(230,57,70,0.15) !important;
    border-color: rgba(230,57,70,0.4) !important;
}
.pt-cv-title a { color: #e6edf3 !important; font-family: 'Outfit', sans-serif !important; }
.pt-cv-title a:hover { color: #e63946 !important; }
.pt-cv-meta-fields { color: #8b949e !important; }

/* ---- ELEMENTOR ---- */
.elementor-section,
.elementor-container,
.elementor-widget-wrap,
.e-con,
.e-con-inner {
    background: transparent !important;
}
.elementor-post__card {
    background: #161b22 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.elementor-post__card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 30px rgba(230,57,70,0.15) !important;
}
.elementor-post__title a,
.elementor-heading-title { color: #e6edf3 !important; }
.elementor-post__title a:hover { color: #e63946 !important; }
.elementor-post__meta-data { color: #8b949e !important; }
.elementor-text-editor p,
.elementor-text-editor span { color: #e6edf3 !important; }

/* ---- LINKS ---- */
a { color: #e6edf3 !important; transition: color 0.2s ease; }
a:hover { color: #e63946 !important; }

/* ---- FORM INPUTS ---- */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="url"],
textarea,
select {
    background: #161b22 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #e6edf3 !important;
    border-radius: 8px !important;
    font-family: 'Outfit', sans-serif !important;
}
input::placeholder,
textarea::placeholder { color: #8b949e !important; }
input:focus, textarea:focus {
    outline: none !important;
    border-color: #e63946 !important;
    box-shadow: 0 0 0 3px rgba(230,57,70,0.15) !important;
}

/* ---- FOOTER ---- */
#colophon,
.site-footer,
.site-bottom-footer-wrap .site-footer-row-container-inner {
    background: #060a0f !important;
    border-top: 2px solid #e63946 !important;
}
#colophon .footer-html,
#colophon .footer-html p,
.site-footer p { color: #8b949e !important; font-family: 'Outfit', sans-serif !important; }
#colophon .footer-navigation .footer-menu-container > ul > li > a {
    color: #8b949e !important;
    font-family: 'Outfit', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    transition: color 0.2s ease !important;
}
#colophon .footer-navigation .footer-menu-container > ul > li > a:hover { color: #e63946 !important; }

/* ---- SCROLL TO TOP ---- */
#kt-scroll-up, #kt-scroll-up-reader {
    background: #e63946 !important;
    color: #fff !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 16px rgba(230,57,70,0.4) !important;
    transition: background 0.25s ease, transform 0.25s ease !important;
}
#kt-scroll-up:hover, #kt-scroll-up-reader:hover {
    background: #c02b37 !important;
    transform: translateY(-3px) !important;
}

/* ---- SINGLE POST PAGE ---- */
.single .entry-header,
.page .entry-header {
    background: #0d1117 !important;
    padding: 2rem !important;
}
.single .entry-title,
.page .entry-title {
    color: #e6edf3 !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 2rem !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
}

/* Featured image on single post */
.post-thumbnail,
.single .post-thumbnail {
    border-radius: 14px !important;
    overflow: hidden;
    margin-bottom: 1.5rem !important;
}

/* ---- COMMENTS ---- */
.comment-content,
.comment-body,
.comment-list li {
    background: #161b22 !important;
    color: #e6edf3 !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}
.comment-author b, .comment-metadata a { color: #e6edf3 !important; }
.comment-metadata { color: #8b949e !important; }

/* ---- 404 PAGE ---- */
.error404 .site-content { text-align: center !important; padding: 4rem 1rem !important; }

/* ---- TABLE ---- */
table { border-collapse: collapse !important; width: 100% !important; }
th, td {
    border: 1px solid rgba(255,255,255,0.08) !important;
    padding: 10px 14px !important;
    color: #e6edf3 !important;
    font-family: 'Outfit', sans-serif !important;
}
th { background: #1f2937 !important; font-weight: 700 !important; }
tr:nth-child(even) { background: rgba(255,255,255,0.02) !important; }

/* Fix grid layout for custom templates */
.koora-custom-grid { display: grid !important; grid-template-columns: 1fr 340px !important; gap: 28px !important; align-items: start !important; max-width: 1280px; margin: 0 auto; padding: 28px 24px; }
.koora-custom-grid > .main-col { grid-column: 1 / 2 !important; order: 1 !important; width: 100% !important; }
.koora-custom-grid > .koora-global-sidebar { grid-column: 2 / 3 !important; order: 2 !important; width: 100% !important; }
@media (max-width: 1024px) { .koora-custom-grid { grid-template-columns: 1fr !important; } .koora-custom-grid > .main-col { grid-column: 1 / -1 !important; } .koora-custom-grid > .koora-global-sidebar { grid-column: 1 / -1 !important; order: 2 !important; } }