/*
	Theme Name: XPress Dark
	Author: seosbg
	Description: Discover the perfect balance between speed, functionality, and design with our new WordPress theme. Crafted to meet the needs of any type of website—from corporate pages and online stores to personal blogs and creative portfolios. Whether you’re building a business website, an online store with WooCommerce, a blog, or a creative portfolio, this theme offers flexible templates for easy customization. Seamless integration with leading plugins. Optimized performance for lightning-fast load times SEO-Friendly Structur. Designed with search engines in mind, the theme follows the latest SEO best practices, ensuring. Clean and semantic code for better indexing, Mobile optimization with a fully responsive design. Enhanced speed to boost your rankings on Google. Create a website that not only looks stunning but also performs flawlessly.
	Version: 1.1.0
	Requires at least: 5.6
	Requires PHP: 5.6
	Tested up to: 6.9
	Author URI: https://seosthemes.com/
	Template: wpxpress
	Theme URI: https://seosthemes.com/wpxpress-wordpress-theme/
	License: GNU General Public License v2 or later
	License URI: https://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: xpress-dark
	Tags: grid-layout, wide-blocks, one-column, two-columns, left-sidebar, right-sidebar, rtl-language-support, translation-ready, footer-widgets, microformats, theme-options, flexible-header, custom-header, custom-logo, full-width-template, sticky-post, custom-background, custom-menu, custom-colors, featured-image-header, threaded-comments, blog, featured-images, portfolio, editor-style, template-editing, photography

*/
.wpx-dark {
    background: #1a1919;
	color: #eee;
}

.wpx-dark .archive-header,
.wpx-dark .blog-post-item,
.wpx-dark #secondary .widget_block,
.wpx-dark .page-item {
    border: 1px solid #332d2d;
    background-color: #121416;
}

.wpx-dark #secondary .widget_search input[type="search"],
.wpx-dark #secondary .widget_block > h1,
.wpx-dark #secondary .widget_block > h2,
.wpx-dark #secondary .widget_block > h3,
.wpx-dark #secondary .widget_block > h4,
.wpx-dark #secondary .widget_block > h5,
.wpx-dark #secondary .widget_block > h6,
.wpx-dark #secondary .wp-block-group__inner-container > h1,
.wpx-dark #secondary .wp-block-group__inner-container > h2,
.wpx-dark #secondary .wp-block-group__inner-container > h3,
.wpx-dark #secondary .wp-block-group__inner-container > h4,
.wpx-dark #secondary .wp-block-group__inner-container > h5,
.wpx-dark #secondary .wp-block-group__inner-container > h6,
.wpx-dark #secondary .wp-block-search .wp-block-search__label,
.wpx-dark #secondary a,
.wpx-dark .entry-title a,
.wpx-dark .comments-link a,
.wpx-dark button, 
.wpx-dark input, 
.wpx-dark select, 
.wpx-dark optgroup, 
.wpx-dark textarea, 
.wpx-dark h1, 
.wpx-dark h2, 
.wpx-dark h3, 
.wpx-dark h4, 
.wpx-dark h5, 
.wpx-dark h6 {
	color: #eee;
}

.wpx-dark .archive-header,
.wpx-dark .blog-post-item .entry-footer,
.wpx-dark #secondary .widget_search input[type="search"],
.wpx-dark input[type="text"],
.wpx-dark input[type="email"],
.wpx-dark input[type="url"],
.wpx-dark input[type="password"],
.wpx-dark input[type="search"],
.wpx-dark input[type="number"],
.wpx-dark input[type="tel"],
.wpx-dark input[type="range"],
.wpx-dark input[type="date"],
.wpx-dark input[type="month"],
.wpx-dark input[type="week"],
.wpx-dark input[type="time"],
.wpx-dark input[type="datetime"],
.wpx-dark input[type="datetime-local"],
.wpx-dark input[type="color"],
.wpx-dark textarea,
.wpx-dark #secondary .widget_block,
.wpx-dark #comments ol.comment-list article,
.wpx-dark .blog-post-item,
.wpx-dark .page-item {
    border: 1px solid #332d2d;
    background-color: #292525;
}

.wpx-dark #secondary .wp-block-group__inner-container > h1,
.wpx-dark #secondary .wp-block-group__inner-container > h2,
.wpx-dark #secondary .wp-block-group__inner-container > h3,
.wpx-dark #secondary .wp-block-group__inner-container > h4,
.wpx-dark #secondary .wp-block-group__inner-container > h5,
.wpx-dark #secondary .wp-block-group__inner-container > h6 {
    border: 1px solid #332d2d;	
}

.wpx-dark #secondary .wp-block-group__inner-container > h2 {
    border: none;		
}

/* 🔧 Hermes fixes - dark mode & layout */
.wpx-dark,
.wpx-dark .site,
.wpx-dark #page,
.wpx-dark .site-content,
.wpx-dark #content,
.wpx-dark .content-area {
    background: #1a1919 !important;
}

.wpx-dark .site-main {
    background: transparent;
}

/* Hide default contact bar */
.header-top .h-email:empty,
.header-top .h-address:empty,
.header-top .h-phone:empty {
    display: none;
}

/* Hero section on homepage */
.home .site-main::before {
    content: "Vergelijk de beste B2B-software voor jouw bedrijf";
    display: block;
    text-align: center;
    font-size: 2.2em;
    font-weight: 700;
    color: #e6edf3;
    padding: 40px 20px 10px;
    line-height: 1.3;
    max-width: 700px;
    margin: 0 auto;
}
.home .site-main::after {
    content: "CRM · facturatie · HR · boekhouding — onafhankelijke vergelijkingen van de top 5 pakketten";
    display: block;
    text-align: center;
    font-size: 1.1em;
    color: #8b949e;
    padding: 0 20px 30px;
    max-width: 550px;
    margin: 0 auto 30px;
    border-bottom: 1px solid #30363d;
}

/* Force dark background - highest priority */
html body.wpx-dark,
html body.wpx-dark #page,
html .wpx-dark .site-content {
    background-color: #1a1919 !important;
}
.wpx-dark .content-area,
.wpx-dark .site-main {
    background: transparent !important;
}
.wpx-dark .blog-post-item {
    border: 1px solid #332d2d !important;
    background-color: #121416 !important;
}
.wpx-dark .entry-title a {
    color: #e6edf3 !important;
}



/* Back to home button */
.back-to-home {
    margin-bottom: 15px;
}
.back-to-home a {
    display: inline-block;
    padding: 8px 18px;
    background: #6C63FF;
    color: #fff !important;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: background 0.2s;
}
.back-to-home a:hover {
    background: #5A52E0;
    text-decoration: none;
}

/* FAQ styling */
.faq-item {
    background: #1e1e1e;
    border: 1px solid #30363d;
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 12px;
}
.faq-item h3 {
    font-size: 16px;
    margin: 0 0 8px 0;
    color: #e6edf3;
}
.faq-item p {
    margin: 0;
    color: #8B949E;
    font-size: 14px;
    line-height: 1.5;
}

/* Logo styling */
.wpx-dark .site-branding-logo {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    text-align: center;
    padding: 8px 0 0px;
    z-index: 1;
}
.wpx-dark .site-branding-logo img {
    max-height: 120px;
    width: auto;
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(108, 99, 255, 0.15);
}