@charset "UTF-8";
/*!
Theme Name: Villagio Child
Theme URI: https://motopress.com/themes/villagio/
Author: MotoPress
Author URI: https://motopress.com/
Description: WordPress photography theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: villagio
Tags:one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Template: villagio
*/

/* Dark Theme Styles */
body {
    background-color: #1a1a1a;
    color: #ffffff;
}

/* High contrast text colors */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
    font-weight: 700;
}

a {
    color: #4a9eff;
}

a:hover {
    color: #66b3ff;
}

/* Navigation and header */
.site-header {
    background-color: #2d2d2d;
    border-bottom: 1px solid #404040;
}

.main-navigation {
    background-color: #2d2d2d;
}

.main-navigation a {
    color: #ffffff;
}

.main-navigation a:hover {
    color: #4a9eff;
}

/* Content areas */
.site-content {
    background-color: #1a1a1a;
}

.entry-content {
    color: #ffffff;
}

/* Sidebar */
.widget-area {
    background-color: #2d2d2d;
    color: #ffffff;
}

.widget-title {
    color: #ffffff;
    border-bottom: 2px solid #404040;
}

/* Footer */
.site-footer {
    background-color: #2d2d2d;
    color: #ffffff;
}

/* Forms */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    background-color: #333333;
    border: 1px solid #404040;
    color: #ffffff;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    border-color: #4a9eff;
    outline: none;
}

/* Buttons */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: #4a9eff;
    color: #ffffff;
    border: none;
}

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: #66b3ff;
}

/* Comments */
.comment-content {
    background-color: #2d2d2d;
    color: #ffffff;
}

.comment-metadata {
    color: #b3b3b3;
}

/* Search results */
.search-results .entry-title a {
    color: #ffffff;
}

.search-results .entry-title a:hover {
    color: #4a9eff;
}

/* Pagination */
.pagination .page-numbers {
    background-color: #2d2d2d;
    color: #ffffff;
    border: 1px solid #404040;
}

.pagination .page-numbers.current {
    background-color: #4a9eff;
    color: #ffffff;
}

/* Mobile menu */
.menu-toggle {
    background-color: #2d2d2d;
    color: #ffffff;
}

/* Ensure proper contrast for all text elements */
.entry-meta,
.entry-footer,
.posted-on,
.byline,
.cat-links,
.tags-links {
    color: #b3b3b3;
}

/* Improve readability of code blocks */
pre, code {
    background-color: #2d2d2d;
    color: #ffffff;
    border: 1px solid #404040;
}

/* Ensure proper contrast for blockquotes */
blockquote {
    background-color: #2d2d2d;
    color: #ffffff;
    border-left: 4px solid #4a9eff;
}

/* High contrast styles for search component */
.search-form label,
.search-form .form-label,
.search-form .required,
.search-form .form-control-label,
.search-form .form-text,
.search-form .form-control {
    color: #ffffff !important;
    font-weight: 600;
}

.search-form .form-control {
    background-color: #333333;
    border: 2px solid #404040;
    color: #ffffff;
}

.search-form .form-control:focus {
    border-color: #4a9eff;
    box-shadow: 0 0 0 0.2rem rgba(74, 158, 255, 0.25);
}

.search-form .form-select {
    background-color: #333333;
    border: 2px solid #404040;
    color: #ffffff;
}

.search-form .form-select:focus {
    border-color: #4a9eff;
    box-shadow: 0 0 0 0.2rem rgba(74, 158, 255, 0.25);
}

.search-form .required {
    color: #ff4a4a !important;
    font-weight: 700;
}

.search-form .form-text {
    color: #ffffff !important;
    font-size: 0.9em;
    margin-top: 0.25rem;
}

/* Ensure proper contrast for number inputs */
.search-form input[type="number"] {
    background-color: #333333;
    border: 2px solid #404040;
    color: #ffffff;
    font-weight: 600;
}

.search-form input[type="number"]:focus {
    border-color: #4a9eff;
    box-shadow: 0 0 0 0.2rem rgba(74, 158, 255, 0.25);
}