/* XmartPro Blog appearance: tokens are selected in Admin > Themes.
   Keep this established override layer after the vendor/theme styles. */

html, body {
    background-color: var(--xmp-background) !important;
}

body {
    color: var(--xmp-text) !important;
    background-image: none !important;
}

/* Links */
a { color: var(--xmp-text); }
a:hover, a:focus { color: var(--xmp-heading); }

/* Header / Nav */
#header,
#header .navbar,
.navbar,
.navbar-inverse,
.nav-top-container,
.nav-top-container .nav-top,
.nav-top-container .nav-top ul,
.nav-top-container .nav-top li {
    background-color: var(--xmp-background) !important;
}

/* Main menu links */
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover,
.nav-top a,
.nav-top a:focus,
.nav-top a:hover {
    color: var(--xmp-text) !important;
}

.navbar-inverse .navbar-nav > li > a:hover,
.nav-top a:hover {
    color: var(--xmp-heading) !important;
}

/* Dropdowns */
.dropdown-menu,
.top-dropdown,
.navbar-nav .dropdown-menu {
    background-color: var(--xmp-background) !important;
    border-color: var(--xmp-border) !important;
}

.dropdown-menu > li > a,
.dropdown-menu > li > a:focus {
    color: var(--xmp-text) !important;
}

.dropdown-menu > li > a:hover {
    background-color: var(--xmp-surface) !important;
    color: var(--xmp-heading) !important;
}

/* Site wrappers */
#wrapper,
#main,
#content,
.content,
.wrapper,
.content-area,
.content-wrapper,
.main,
.main-content,
.page-content {
    background-color: transparent !important;
}

/* Common light backgrounds from theme / bootstrap */
.bg-white,
.bg-light,
.bg-default,
.white-bg,
.light-bg {
    background-color: var(--xmp-background) !important;
}

/* Cards / Widgets / Post blocks */
.post-item,
.post-content,
.post-details,
.post-body,
.post-text,
.sidebar-widget,
.widget,
.card,
.box,
.panel,
.panel-body,
.comment,
.comment-body,
.nav-tabs,
.tab-content {
    background-color: var(--xmp-surface) !important;
    color: var(--xmp-text) !important;
    border-color: var(--xmp-border) !important;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    color: var(--xmp-heading) !important;
}

p, span, small, li, label, div {
    color: inherit;
}

/* Forms */
input, textarea, select, .form-control {
    background-color: var(--xmp-surface) !important;
    color: var(--xmp-text) !important;
    border-color: var(--xmp-border) !important;
}

input::placeholder, textarea::placeholder {
    color: var(--xmp-muted) !important;
}

/* Tables */
table, .table {
    color: var(--xmp-text) !important;
}
.table > thead > tr > th,
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th {
    border-color: var(--xmp-border) !important;
}

/* Footer */
#footer,
footer,
.footer,
.footer-area {
    background-color: var(--xmp-background) !important;
    color: var(--xmp-text) !important;
}

#footer a, footer a {
    color: var(--xmp-text) !important;
}
#footer a:hover, footer a:hover {
    color: var(--xmp-heading) !important;
}

/* Misc borders */
hr, .border, .border-top, .border-bottom, .border-left, .border-right {
    border-color: var(--xmp-border) !important;
}

/* Match the existing mobile menu, metadata and auxiliary panels to the palette. */
html { color-scheme: var(--xmp-color-scheme); }
a { color: var(--xmp-link); }
.nav-mobile, .mobile-nav-container > .nav-mobile-header,
.navbar-inverse .dropdown .dropdown-menu, .sub-dropdown,
.modal-newsletter .modal-content, .cookies-warning,
.swal-modal { background-color: var(--xmp-surface) !important; color: var(--xmp-text) !important; border-color: var(--xmp-border) !important; }
.nav-mobile .navbar-nav .nav-item .nav-link,
.nav-mobile-header .mobile-menu-button a,
.nav-mobile-header .mobile-button-buttons a,
.navbar-inverse .dropdown .dropdown-menu > li > a,
.profile-tabs .nav .nav-item .nav-link,
.swal-modal .swal-text { color: var(--xmp-text) !important; }
.navbar-inverse .dropdown .dropdown-menu > li > a:hover,
.profile-tabs .nav .active .nav-link,
.profile-tabs .nav .nav-link:hover { background-color: var(--xmp-background) !important; }
.post-meta .post-meta-inner span, .post-meta .post-meta-inner a,
.post-content .post-meta span, .post-content .post-meta a,
.post-item-horizontal .summary, .post-item-boxed .summary,
.post-item .post-footer .summary, .profile-details .description,
.w-category-list li span, .page-breadcrumb .breadcrumb .breadcrumb-item,
.text-style, .font-text { color: var(--xmp-muted) !important; }
.post-item .post-image, .post-item-horizontal .item-image,
.post-item-boxed .item-image, .w-popular-list li .left,
.w-our-picks-list li .post-image, .w-tag-list li a,
.pagination li a, .reactions .progress, .reactions .btn-reaction,
.f-widget-follow ul li a { background-color: var(--xmp-surface); }
#header, .nav-top-container, .nav-mobile .navbar-nav .nav-item,
.widget-title .title, .related-posts .related-post-title .title,
.about-author, .pagination li a, .post-content .post-tags .tag-list li a,
.profile-buttons ul li a, .comment-section .nav-tabs,
.widget-followers .widget-head { border-color: var(--xmp-border); }
.pagination li a, .w-tag-list li a { color: var(--xmp-text) !important; }
input:invalid, input:valid, .modal-newsletter .form-input {
    background-color: var(--xmp-surface) !important;
    border-color: var(--xmp-border) !important;
    color: var(--xmp-text) !important;
}