/*----------------------------------------------------
  Custom Theme Overrides — 2026-03-22
  Aligns frontend with project design system:
  Font: Nunito | Primary: #4e73df | Dark: #5a5c69
----------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Nunito:400,600,700,800&display=swap");

/* ===== Font Overrides ===== */
body {
    font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: #858796;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Nunito', sans-serif;
    color: #5a5c69;
}

/* ===== Primary Color: #ff1857 → #4e73df ===== */

/* -- Section Titles -- */
.main_title2 {
    border-left-color: #4e73df;
}

.main_title h2,
.main_title2 h2 {
    font-family: 'Nunito', sans-serif;
}

/* -- Top Menu -- */
.top_menu .float-left a {
    background: #4e73df;
    border-color: #4e73df;
    font-family: 'Nunito', sans-serif;
}

.top_menu .float-left a:hover {
    color: #4e73df;
}

/* -- Navbar -- */
.main_menu .navbar .nav .nav-item:hover .nav-link,
.main_menu .navbar .nav .nav-item.active .nav-link,
.navbar.home .nav-item:hover .nav-link,
.navbar.home .nav-item.active .nav-link {
    color: #4e73df;
}

.main_menu .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link {
    background: #4e73df;
}

.navbar-blog {
    background: #4e73df;
}

.navbar-blog .nav-item:hover .nav-link,
.navbar-blog .nav-item.active .nav-link {
    color: #4e73df;
}

/* -- Buttons -- */
.genric-btn.danger {
    background: #4e73df;
    border-color: #4e73df;
}

.genric-btn.danger:hover {
    background: #2e59d9;
    border-color: #2e59d9;
}

.genric-btn.danger-border {
    color: #4e73df;
    border-color: #4e73df;
}

.genric-btn.danger-border:hover {
    background: #4e73df;
    color: #fff;
}

.genric-btn.success {
    background: #1cc88a;
    border-color: #1cc88a;
}

.genric-btn.success:hover {
    background: #17a673;
    border-color: #17a673;
}

/* -- Category Badge -- */
.gad_btn {
    background: #4e73df;
}

.gad_btn:hover {
    background: #2e59d9;
}

/* -- Choice / Card Items -- */
.choice_text h4:hover,
.choice_text a:hover h4 {
    color: #4e73df;
}

/* -- Latest News -- */
.latest_news .media .media-body .choice_text a:hover h4 {
    color: #4e73df;
}

/* -- Sidebar -- */
.sidebar .popular_post .media .media-body h4:hover,
.sidebar .popular_post .media .media-body a:hover h4 {
    color: #4e73df;
}

/* -- Footer -- */
.f_title {
    border-left-color: #4e73df;
}

.single-footer-widget ul li a:hover {
    color: #4e73df;
}

.m_news_widgets .m_news .media .media-body h4:hover {
    color: #4e73df;
}

.footer-social a:hover {
    color: #4e73df;
}

/* -- Subscribe Button -- */
.card .genric-btn.danger {
    background: #4e73df;
    border-color: #4e73df;
}

.card .genric-btn.danger:hover {
    background: #2e59d9;
    border-color: #2e59d9;
}

/* -- Pagination / Links -- */
a:hover {
    color: #4e73df;
}

.page-item.active .page-link {
    background-color: #4e73df;
    border-color: #4e73df;
}

/* -- Breadcrumb -- */
.breadcrumb_area {
    background: linear-gradient(135deg, #4e73df 0%, #224abe 100%);
}

/* -- Selection highlight -- */
::selection {
    background-color: #4e73df;
    color: white;
}
::-moz-selection {
    background-color: #4e73df;
    color: white;
}

/* ===== Theme Toggle Button — 2026-03-22 ===== */
.theme-toggle {
    cursor: pointer;
    font-size: 16px;
    padding: 6px 10px !important;
    transition: all 0.3s ease;
}

.theme-toggle:hover {
    color: #4e73df !important;
}

/* ===== Dark Mode — 2026-03-22 ===== */
body.dark-mode {
    background: #1a1d23;
    color: #c9cdd4;
}

/* -- Navbar -- */
body.dark-mode .navbar.home,
body.dark-mode .navbar-light.bg-light {
    background: #22262e !important;
    border-bottom: 1px solid #2d3139;
}

body.dark-mode .navbar.home .navbar-brand,
body.dark-mode .navbar.home .nav-item .nav-link {
    color: #c9cdd4;
}

body.dark-mode .navbar.home .nav-item:hover .nav-link,
body.dark-mode .navbar.home .nav-item.active .nav-link {
    color: #6d8df7;
}

body.dark-mode .navbar-toggler {
    border-color: rgba(255,255,255,0.2);
}

body.dark-mode .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28201, 205, 212, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* -- Headings & Text -- */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
    color: #e1e4e8;
}

body.dark-mode p,
body.dark-mode .choice_text p {
    color: #9ca3af;
}

body.dark-mode a {
    color: #9ca3af;
}

body.dark-mode a:hover {
    color: #6d8df7;
}

/* -- Section Titles -- */
body.dark-mode .main_title2 {
    background: #22262e;
    border-left-color: #6d8df7;
}

body.dark-mode .main_title2 h2 {
    color: #e1e4e8;
}

body.dark-mode .main_title h2 {
    color: #e1e4e8;
}

/* -- Cards / Choice Items -- */
body.dark-mode .choice_item {
    background: #22262e;
    border-radius: 6px;
    overflow: hidden;
}

body.dark-mode .choice_text {
    background: #22262e;
}

body.dark-mode .choice_text h4 {
    color: #e1e4e8;
}

body.dark-mode .choice_text h4:hover,
body.dark-mode .choice_text a:hover h4 {
    color: #6d8df7;
}

body.dark-mode .choice_text .date a {
    color: #858b95;
}

/* -- Subscribe Banner -- */
body.dark-mode .card.bg-light {
    background: #22262e !important;
    border-color: #2d3139;
}

body.dark-mode .card.bg-light h4.text-dark {
    color: #e1e4e8 !important;
}

body.dark-mode .card .form-control {
    background: #2d3139;
    border-color: #3d4250;
    color: #c9cdd4;
}

/* -- Latest News / Media -- */
body.dark-mode .latest_news .media {
    border-bottom-color: #2d3139;
}

body.dark-mode .latest_news .media .media-body .choice_text a:hover h4 {
    color: #6d8df7;
}

/* -- Sidebar -- */
body.dark-mode .right_sidebar .r_widgets {
    background: #22262e;
    border-radius: 6px;
    padding: 15px;
}

body.dark-mode .sidebar .popular_post .media .media-body h4:hover,
body.dark-mode .sidebar .popular_post .media .media-body a:hover h4 {
    color: #6d8df7;
}

body.dark-mode .social_widgets .list li a {
    color: #c9cdd4;
    border-color: #2d3139;
}

body.dark-mode .social_widgets .list li a:hover {
    color: #6d8df7;
}

/* -- Carousel -- */
body.dark-mode .carousel-item {
    background: #1a1d23;
}

/* -- Buttons -- */
body.dark-mode .genric-btn.danger {
    background: #4e73df;
    border-color: #4e73df;
}

body.dark-mode .genric-btn.danger-border {
    color: #6d8df7;
    border-color: #6d8df7;
}

body.dark-mode .genric-btn.danger-border:hover {
    background: #4e73df;
    color: #fff;
}

/* -- Footer -- */
body.dark-mode .footer-area {
    background: #0d1017;
}

body.dark-mode .f_title {
    background: #161a24;
    border-left-color: #6d8df7;
}

body.dark-mode .f_title h3 {
    color: #e1e4e8;
}

body.dark-mode .footer-bottom {
    border-top-color: #2d3139;
}

body.dark-mode .f_boder {
    background: #2d3139;
}

body.dark-mode .footer-text {
    color: #858b95;
}

body.dark-mode .footer-text a {
    color: #6d8df7;
}

/* -- Forms -- */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background: #2d3139;
    border-color: #3d4250;
    color: #c9cdd4;
}

/* -- Breadcrumb -- */
body.dark-mode .breadcrumb_area {
    background: linear-gradient(135deg, #2e3a5f 0%, #1a2240 100%);
}

/* -- Scrollbar -- */
body.dark-mode::-webkit-scrollbar {
    width: 8px;
}

body.dark-mode::-webkit-scrollbar-track {
    background: #1a1d23;
}

body.dark-mode::-webkit-scrollbar-thumb {
    background: #3d4250;
    border-radius: 4px;
}

body.dark-mode::-webkit-scrollbar-thumb:hover {
    background: #4e73df;
}

/* -- Smooth transition for theme switch -- */
body,
body .navbar,
body .card,
body .choice_item,
body .choice_text,
body .main_title2,
body .footer-area,
body .f_title,
body .right_sidebar .r_widgets {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}