/*
 * Newsmunch Modern Skin
 * All custom styles consolidated here
 */

/* ============================================
   H1/H2 SIZE ADJUSTMENTS
   ============================================ */
h1, .h1 {
    font-size: 3.2rem !important;
}

h2, .h2 {
    font-size: 2.6rem !important;
}

.post-single .post-header .post-title {
    font-size: 32px !important;
}

/* ============================================
   ARTICLE CONTENT FULL WIDTH
   ============================================ */
.post-single .post-content,
.post-single .post-header,
.post-single .post-bottom,
.post-single .featured-image {
    width: 100% !important;
    max-width: 100% !important;
}

.post-single .featured-image img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
}

.post-single .post-content p,
.post-single .post-content h1,
.post-single .post-content h2,
.post-single .post-content h3,
.post-single .post-content h4,
.post-single .post-content h5,
.post-single .post-content h6,
.post-single .post-content ul,
.post-single .post-content ol,
.post-single .post-content blockquote,
.post-single .post-content pre,
.post-single .post-content table,
.post-single .post-content figure,
.post-single .post-content .wp-block-image,
.post-single .post-content .wp-block-gallery {
    width: 100% !important;
    max-width: 100% !important;
}

/* ============================================
   METALLIC SHINY WHITE FA ICONS
   ============================================ */
.dt_navbar-menus .fas,
.dt_navbar-menus .fa,
.dt_navbar-menus .fab,
.dt_navbar-menus .far,
.dt_mobilenav-main .fas,
.dt_mobilenav-main .fa,
.dt_mobilenav-main .fab,
.dt_mobilenav-main .far,
.dt_mobile-menu-body .fas,
.dt_mobile-menu-body .fa,
.dt_mobile-menu-body .fab,
.dt_mobile-menu-body .far,
.dt_menu_docker .fas,
.dt_menu_docker .fa,
.dt_menu_docker .fab,
.dt_menu_docker .far,
.dt_navbar-login-item .fas,
.dt_navbar-login-item .fa,
.dt_navbar-cart-item .fas,
.dt_navbar-cart-item .fa,
.dt_navbar-search-item .fas,
.dt_navbar-search-item .fa,
.dt_navbar-subscribe-item .fas,
.dt_navbar-subscribe-item .fa,
.dt_home-icon .fas,
.dt_home-icon .fa {
    color: #ffffff !important;
    text-shadow: 
        0 0 2px rgba(255,255,255,0.8),
        0 0 4px rgba(255,255,255,0.6),
        0 0 6px rgba(255,255,255,0.4),
        1px 1px 2px rgba(0,0,0,0.3) !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0e0e0 25%, #f5f5f5 50%, #d0d0d0 75%, #ffffff 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* ============================================
   SIDEBAR POPUP MENU - WHITE BG, BLACK TEXT
   (Fixed regardless of dark mode)
   ============================================ */
.dt_sidebar-toggle .dt_sidebar-wrapper,
.dt_sidebar-toggle .dt_sidebar-wrapper .dt_sidebar-content,
.dt_sidebar-toggle .dt_sidebar-wrapper .widget,
.dt_mobilenav-mainmenu-inner,
.dt_mobilenav-mainmenu-content .dt_mobilenav-mainmenu-inner {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.dt_sidebar-toggle .dt_sidebar-wrapper a,
.dt_sidebar-toggle .dt_sidebar-wrapper .widget a,
.dt_sidebar-toggle .dt_sidebar-wrapper .widget-title,
.dt_sidebar-toggle .dt_sidebar-wrapper .post-title a,
.dt_mobilenav-mainmenu-inner a,
.dt_mobilenav-mainmenu-inner .menu-item a,
.dt_mobilenav-mainmenu-inner .nav-link,
.dt_mobilenav-mainmenu-inner .dropdown-menu a,
.dt_mobilenav-mainmenu-inner .sub-menu a {
    color: #000000 !important;
}

.dt_sidebar-toggle .dt_sidebar-wrapper .fas,
.dt_sidebar-toggle .dt_sidebar-wrapper .fa,
.dt_sidebar-toggle .dt_sidebar-wrapper .fab,
.dt_sidebar-toggle .dt_sidebar-wrapper .far,
.dt_mobilenav-mainmenu-inner .fas,
.dt_mobilenav-mainmenu-inner .fa,
.dt_mobilenav-mainmenu-inner .fab,
.dt_mobilenav-mainmenu-inner .far,
.dt_sidebar-toggle .dt_sidebar-wrapper .dt_sidebar-close {
    color: #000000 !important;
    background: none !important;
    -webkit-text-fill-color: #000000 !important;
    text-shadow: none !important;
}

.dt_sidebar-toggle .dt_sidebar-wrapper .dropdown-menu,
.dt_sidebar-toggle .dt_sidebar-wrapper .sub-menu,
.dt_mobilenav-mainmenu-inner .dropdown-menu,
.dt_mobilenav-mainmenu-inner .sub-menu {
    background-color: #ffffff !important;
    border-color: #e0e0e0 !important;
}

.dt_sidebar-toggle .dt_sidebar-wrapper .dropdown-menu a,
.dt_sidebar-toggle .dt_sidebar-wrapper .sub-menu a,
.dt_mobilenav-mainmenu-inner .dropdown-menu a,
.dt_mobilenav-mainmenu-inner .sub-menu a {
    color: #000000 !important;
    background-color: #ffffff !important;
}

.dt_sidebar-toggle .dt_sidebar-wrapper .dropdown-menu a:hover,
.dt_mobilenav-mainmenu-inner .dropdown-menu a:hover {
    background-color: #f5f5f5 !important;
    color: #000000 !important;
}

/* Override dark mode for sidebar popup */
body.dark .dt_sidebar-toggle .dt_sidebar-wrapper,
body.dark .dt_sidebar-toggle .dt_sidebar-wrapper .dt_sidebar-content,
body.dark .dt_sidebar-toggle .dt_sidebar-wrapper .widget,
body.dark .dt_mobilenav-mainmenu-inner,
body.dark .dt_mobilenav-mainmenu-content .dt_mobilenav-mainmenu-inner {
    background-color: #ffffff !important;
    color: #000000 !important;
}

body.dark .dt_sidebar-toggle .dt_sidebar-wrapper a,
body.dark .dt_sidebar-toggle .dt_sidebar-wrapper .widget a,
body.dark .dt_sidebar-toggle .dt_sidebar-wrapper .widget-title,
body.dark .dt_mobilenav-mainmenu-inner a,
body.dark .dt_mobilenav-mainmenu-inner .menu-item a,
body.dark .dt_mobilenav-mainmenu-inner .nav-link {
    color: #000000 !important;
}

body.dark .dt_sidebar-toggle .dt_sidebar-wrapper .fas,
body.dark .dt_sidebar-toggle .dt_sidebar-wrapper .fa,
body.dark .dt_sidebar-toggle .dt_sidebar-wrapper .fab,
body.dark .dt_sidebar-toggle .dt_sidebar-wrapper .far,
body.dark .dt_mobilenav-mainmenu-inner .fas,
body.dark .dt_mobilenav-mainmenu-inner .fa,
body.dark .dt_mobilenav-mainmenu-inner .fab,
body.dark .dt_mobilenav-mainmenu-inner .far {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    background: none !important;
    text-shadow: none !important;
}

/* ============================================
   MOBILE MENU STYLING - BLACK BG
   ============================================ */
.dt_mobilenav-mainmenu-inner {
    background-color: #000000 !important;
    min-height: 3rem;
}

.dt_mobilenav-mainmenu-inner a,
.dt_mobilenav-mainmenu-inner .nav-link,
.dt_mobilenav-mainmenu-inner .menu-item a {
    color: #ffffff !important;
}

.dt_mobilenav-mainmenu-inner .fas,
.dt_mobilenav-mainmenu-inner .fa,
.dt_mobilenav-mainmenu-inner .fab,
.dt_mobilenav-mainmenu-inner .far {
    color: #ffffff !important;
    background: none !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: none !important;
}

/* ============================================
   MOBILE MENU MODAL ON LEFT
   ============================================ */
.dt_mobilenav-mainmenu {
    left: 0 !important;
    right: auto !important;
}

/* ============================================
   SEARCH BUTTON ON RIGHT IN MOBILE
   ============================================ */
@media (max-width: 61.938em) {
    .dt_navbar-search-item {
        order: 999;
        margin-left: auto;
    }

    .dt_navbar-wrapper .site-title,
    .dt_navbar-wrapper .site-name {
        display: none !important;
    }

    .dt_navbar-wrapper .site-description,
    .dt_navbar-wrapper .tagline {
        display: block !important;
        min-height: 3rem;
        line-height: 3rem;
    }

    .dt_navbar-wrapper {
        background-color: #000000 !important;
    }
}

@media (min-width: 62em) {
    .dt_navbar-wrapper .site-title,
    .dt_navbar-wrapper .site-name {
        display: block !important;
    }

    .dt_navbar-wrapper .site-description,
    .dt_navbar-wrapper .tagline {
        display: none !important;
    }
}

/* ============================================
   AVATAR IN POST META ONLY - 200% BIGGER
   ============================================ */
.post .meta img,
.post .meta .avatar,
.post .meta a img,
.post .meta a .avatar {
    width: 6rem !important;
    height: 6rem !important;
    max-width: 6rem !important;
}

.post .meta a {
    font-size: 1.2rem;
}

/* ============================================
   BLOCKQUOTE WHITE IN DARK MODE
   ============================================ */
body.dark blockquote,
body.dark .wp-block-quote,
body.dark .wp-block-pullquote,
body.dark .post-single blockquote,
body.dark .post-content blockquote {
    color: #ffffff !important;
    border-left-color: #ffffff !important;
}

body.dark blockquote p,
body.dark .wp-block-quote p,
body.dark .wp-block-pullquote p,
body.dark .post-single blockquote p,
body.dark .post-content blockquote p {
    color: #ffffff !important;
}

body.dark blockquote cite,
body.dark .wp-block-quote cite,
body.dark .wp-block-pullquote cite {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* ============================================
   SIDEBAR WRAPPER - NO MIN-HEIGHT 100%
   ============================================ */
.dt_sidebar-toggle .dt_sidebar-wrapper {
    height: auto !important;
    min-height: auto !important;
    overflow-y: auto;
    color: #ffffff !important;
    background-color: #000000 !important;
}

/* ============================================
   DROPDOWN MENUS IN SLIDE-OUT SIDEBAR
   ============================================ */
.dt_sidebar-toggle .dt_sidebar-wrapper .dropdown-menu,
.dt_sidebar-toggle .dt_sidebar-wrapper .sub-menu,
.dt_mobilenav-mainmenu-inner .dropdown-menu,
.dt_mobilenav-mainmenu-inner .sub-menu {
    background-color: #000000 !important;
    border-color: #333333 !important;
}

.dt_sidebar-toggle .dt_sidebar-wrapper .dropdown-menu a,
.dt_sidebar-toggle .dt_sidebar-wrapper .sub-menu a,
.dt_mobilenav-mainmenu-inner .dropdown-menu a,
.dt_mobilenav-mainmenu-inner .sub-menu a {
    color: #ffffff !important;
    background-color: #000000 !important;
}

.dt_sidebar-toggle .dt_sidebar-wrapper .dropdown-menu a:hover,
.dt_mobilenav-mainmenu-inner .dropdown-menu a:hover {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}