/*
Theme Name: SW87 Theme Three
Theme URI: https://example.com/sw87-theme-three
Author: Siteweb87
Author URI: https://siteweb87.fr
Description: A Flexible WordPress theme from Siteweb87.fr with build-in tools and welcome page template based on sectors.
Version: 10.0.64
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sw87-theme-three
*/


/* ==========================================================================
   SW87 Theme Three - Main Stylesheet - Base Styles
   ========================================================================== */
   
:root {
    /* ==================== */
    /* Core Font Families */
    /* ==================== */
    --font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --font-family-code: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
    --font-family-serif: Georgia, "Times New Roman", Times, serif;
    
    /* ==================== */
    /* Structural Elements */
    /* ==================== */
    --font-family-body: var(--font-family-base);
    --font-family-header: var(--font-family-base);
    --font-family-footer: var(--font-family-base);
    --font-family-site-container: var(--font-family-base);
    
    /* ==================== */
    /* Branding & Titles */
    /* ==================== */
    --font-family-site-title: var(--font-family-base);
    --font-family-site-description: var(--font-family-base);
    
    /* ==================== */
    /* Navigation */
    /* ==================== */
    --font-family-main-nav: var(--font-family-base);
    --font-family-main-nav-items: var(--font-family-base);
    --font-family-dropdown-menu: var(--font-family-base);
    --font-family-mobile-menu: var(--font-family-base);
    --font-family-menu-toggle: var(--font-family-base);
    
    /* ==================== */
    /* Content Typography */
    /* ==================== */
    --font-family-headings: var(--font-family-base);
    --font-family-paragraphs: var(--font-family-base);
    --font-family-entry-title: var(--font-family-base);
    --font-family-page-title: var(--font-family-base);
    --font-family-post-title: var(--font-family-base);
    --font-family-blockquotes: var(--font-family-serif);
    --font-family-lists: var(--font-family-base);
    --font-family-tables: var(--font-family-base);
    --font-family-table-headers: var(--font-family-base);
    --font-family-captions: var(--font-family-base);
    --font-family-preformatted: var(--font-family-code);
    --font-family-code: var(--font-family-code);
    --font-family-entry-content: var(--font-family-base);
    --font-family-entry-meta: var(--font-family-base);
    --font-family-cite: var(--font-family-serif);
    --font-family-abbr: var(--font-family-base);
    --font-family-acronym: var(--font-family-base);
    --font-family-mark: var(--font-family-base);
    
    /* ==================== */
    /* Featured Header Elements */
    /* ==================== */
    --font-family-featured-header-title: var(--font-family-headings);
    --font-family-featured-header-description: var(--font-family-paragraphs);
    
    /* ==================== */
    /* Widgets & Sidebar */
    /* ==================== */
    --font-family-widget-title: var(--font-family-base);
    --font-family-widget-text: var(--font-family-base);
    --font-family-widget-lists: var(--font-family-base);
    --font-family-tag-cloud: var(--font-family-base);
    --font-family-calendar: var(--font-family-base);
    --font-family-recent-posts: var(--font-family-base);
    --font-family-recent-comments: var(--font-family-base);
    
    /* ==================== */
    /* Footer Widgets */
    /* ==================== */
    --font-family-footer-widget-title: var(--font-family-base);
    --font-family-footer-widget-text: var(--font-family-base);
    --font-family-footer-lists: var(--font-family-base);
    --font-family-footer-tag-cloud: var(--font-family-base);
    --font-family-footer-calendar: var(--font-family-base);
    --font-family-footer-copyright: var(--font-family-base);
    --font-family-footer-links: var(--font-family-base);
    
    /* ==================== */
    /* Forms & Buttons */
    /* ==================== */
    --font-family-buttons: var(--font-family-base);
    --font-family-inputs: var(--font-family-base);
    --font-family-search-form: var(--font-family-base);
    --font-family-comment-form: var(--font-family-base);
    --font-family-labels: var(--font-family-base);
    --font-family-form-labels: var(--font-family-base);
    --font-family-form-placeholders: var(--font-family-base);
    --font-family-form-error-messages: var(--font-family-base);
    
    /* ==================== */
    /* Comment Section */
    /* ==================== */
    --font-family-comment-author: var(--font-family-headings);
    --font-family-comment-text: var(--font-family-paragraphs);
    --font-family-comment-meta: var(--font-family-base);
    --font-family-comment-reply-link: var(--font-family-base);
    
    /* ==================== */
    /* Special Elements */
    /* ==================== */
    --font-family-pagination: var(--font-family-base);
    --font-family-breadcrumbs: var(--font-family-base);
    --font-family-notices: var(--font-family-base);
    --font-family-error-messages: var(--font-family-base);
    --font-family-success-messages: var(--font-family-base);
    --font-family-warning-messages: var(--font-family-base);
    --font-family-social-icons: var(--font-family-base);
    --font-family-social-icons-label: var(--font-family-base);
    --font-family-back-to-top: var(--font-family-base);
    
    /* ==================== */
    /* Blog/Archive Specific */
    /* ==================== */
    --font-family-post-grid-title: var(--font-family-base);
    --font-family-post-list-title: var(--font-family-base);
    --font-family-post-meta: var(--font-family-base);
    --font-family-post-excerpt: var(--font-family-base);
    --font-family-read-more: var(--font-family-base);
    --font-family-search-results-title: var(--font-family-base);
    --font-family-search-result-item: var(--font-family-base);
    --font-family-no-results: var(--font-family-base);
    
    /* ==================== */
    /* Media Elements */
    /* ==================== */
    --font-family-image-captions: var(--font-family-base);
    --font-family-gallery-captions: var(--font-family-base);
    --font-family-video-captions: var(--font-family-base);
    --font-family-audio-captions: var(--font-family-base);
    
    /* ==================== */
    /* Core Color Variables */
    /* ==================== */
    --primary-color: #0073aa;
    --secondary-color: #222;
    --text-color: #333;
    --light-text: #777;
    --background-color: #fff;
    --border-color: #ddd;
    --visited-link: #005a8c;
    --focus-outline: rgba(0, 115, 170, 0.5);
    
    /* ==================== */
    /* Header & Navigation */
    /* ==================== */
    --header-bg: #fff;
    --header-text: var(--text-color);
    --header-link: var(--text-color);
    --header-link-hover: var(--primary-color);
    --header-shadow: rgba(0,0,0,0.1);
    --nav-bg: transparent;
    --nav-text: var(--text-color);
    --nav-link: var(--text-color);
    --nav-link-hover: var(--primary-color);
    --nav-hover-bg: rgba(0, 115, 170, 0.08);
    --nav-current-bg: rgba(0, 115, 170, 0.1);
    --nav-current-text: var(--primary-color);
    
    /* Dropdowns */
    --dropdown-bg: #fff;
    --dropdown-text: var(--text-color);
    --dropdown-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    --dropdown-item-border: rgba(0, 0, 0, 0.05);
    --dropdown-hover-bg: var(--primary-color);
    --dropdown-hover-text: #fff;
    --mobile-menu-bg: var(--background-color);
    --mobile-menu-text: var(--text-color);
    
    /* ==================== */
    /* Footer & Site Info */
    /* ==================== */
    --footer-bg: #222;
    --footer-text: #fff;
    --footer-link: #fff;
    --footer-link-hover: var(--primary-color);
    --site-info-bg: #111;
    --site-info-text: rgba(255,255,255,0.7);
    --site-info-link: rgba(255,255,255,0.8);
    --site-info-link-hover: #fff;
    --site-info-border: rgba(255,255,255,0.1);
    
    /* Footer Widgets */
    --footer-widget-title: #fff;
    --footer-widget-title-border: rgba(255,255,255,0.2);
    --footer-widget-underline: var(--primary-color);
    --footer-widget-text: rgba(255,255,255,0.7);
    --footer-widget-link: rgba(255,255,255,0.8);
    --footer-widget-link-hover: #fff;
    --footer-widget-hover-indicator: var(--primary-color);
    --footer-tag-cloud-bg: rgba(255,255,255,0.1);
    --footer-tag-cloud-text: rgba(255,255,255,0.8);
    --footer-tag-cloud-hover: var(--primary-color);
    --footer-search-bg: rgba(255,255,255,0.1);
    --footer-search-border: rgba(255,255,255,0.1);
    --footer-search-placeholder: rgba(255,255,255,0.5);
    --footer-calendar-text: rgba(255,255,255,0.7);
    --footer-calendar-border: rgba(255,255,255,0.1);
    
    /* ==================== */
    /* Sidebar */
    /* ==================== */
    --sidebar-bg: #f8f8f8;
    --sidebar-text: var(--text-color);
    --sidebar-link: var(--text-color);
    --sidebar-link-hover: var(--primary-color);
    --sidebar-widget-bg: #fff;
    --sidebar-widget-title: var(--text-color);
    --sidebar-widget-title-border: var(--border-color);
    --sidebar-widget-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    --sidebar-list-border: rgba(0, 0, 0, 0.05);
    --sidebar-list-hover-indicator: var(--primary-color);
    --sidebar-tag-cloud-bg: #f5f5f5;
    --sidebar-tag-cloud-text: var(--text-color);
    --sidebar-tag-cloud-hover: var(--primary-color);
    --sidebar-search-button-bg: var(--primary-color);
    --sidebar-search-button-text: #fff;
    --sidebar-search-button-hover: rgba(0, 115, 170, 0.9);
    
    /* ==================== */
    /* Content & Posts */
    /* ==================== */
    --content-bg: #fff;
    --content-text: var(--text-color);
    --content-link: var(--primary-color);
    --content-link-hover: #005177;
    
    /* Headings */
    --heading-text: var(--text-color);
    --heading-link: var(--text-color);
    --heading-link-hover: var(--primary-color);
    
    /* Blockquotes */
    --blockquote-text: var(--text-color);
    --blockquote-border: var(--primary-color);
    --blockquote-bg: rgba(0, 115, 170, 0.05);
    --blockquote-cite: var(--light-text);
    
    /* Captions */
    --caption-bg: #f9f9f9;
    --caption-text: var(--light-text);
    --caption-border: var(--border-color);
    
    /* Tables */
    --table-bg: #fff;
    --table-text: var(--text-color);
    --table-border: var(--border-color);
    --table-header-bg: var(--primary-color);
    --table-header-text: #fff;
    
    /* Code */
    --code-text: var(--text-color);
    --code-bg: color-mix(in srgb, var(--primary-color) 10%, white);
    --code-bg-fallback: rgba(0, 115, 170, 0.1);
    --pre-text: var(--text-color);
    --pre-bg: #f5f5f5;
    
    /* Featured Header */
    --header-overlay: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
    --header-overlay-solid: rgba(0,0,0,0.4);
    --video-header-overlay: rgba(0,0,0,0.4);
    --featured-header-title: #fff;
    --featured-header-description: rgba(255,255,255,0.9);
	
    
    /* Blog Grid */
    --empty-thumbnail-bg: var(--code-bg);
    --grid-post-bg: #fff;
    --grid-post-text: var(--text-color);
    --grid-post-border: var(--border-color);
    --grid-post-meta: var(--light-text);
    
    /* Gallery */
    --gallery-caption-bg: rgba(0,0,0,0.7);
    --gallery-caption-text: #fff;
    
    /* ==================== */
    /* Buttons & Forms */
    /* ==================== */
    --button-bg: var(--primary-color);
    --button-text: #fff;
    --button-hover: #005177;
    --button-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    --button-disabled-bg: #ccc;
    --button-disabled-text: #666;
    
    /* Inputs */
    --input-bg: #fff;
    --input-text: var(--text-color);
    --input-border: var(--border-color);
    --input-focus-bg: #fff;
    --input-focus-border: var(--primary-color);
    --input-focus-shadow: rgba(0, 115, 170, 0.2);
    --input-placeholder: var(--light-text);
    
    /* ==================== */
    /* Notices & States */
    /* ==================== */
    --notice-success-text: #46b450;
    --notice-success-border: #46b450;
    --notice-success-bg: rgba(70,180,80,0.1);
    --notice-warning-text: #ffb900;
    --notice-warning-border: #ffb900;
    --notice-warning-bg: rgba(255,185,0,0.1);
    --notice-error-text: #dc3232;
    --notice-error-border: #dc3232;
    --notice-error-bg: rgba(220,50,50,0.1);
    
    /* Loading States */
    --loading-spinner: var(--primary-color);
    --loading-spinner-track: rgba(0,0,0,0.1);
    
    /* ==================== */
    /* Icons & Misc */
    /* ==================== */
    --widget-transparent-bg: rgba(255,255,255,0.05);
    --search-icon: var(--background-color);
    --search-icon-hover: rgba(255,255,255,0.9);
    
    /* SVG Icons */
    --search-icon-svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>');
    --search-icon-hover-svg: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="rgba(255,255,255,0.9)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>');
    
    /* ==================== */
    /* Breadcrumb Variables */
    /* ==================== */
    --breadcrumb-bg: color-mix(in srgb, var(--primary-color) 5%, white);
    --breadcrumb-bg-fallback: rgba(0, 115, 170, 0.05);
    --breadcrumb-text: var(--light-text);
    --breadcrumb-link: var(--light-text);
    --breadcrumb-link-hover: var(--primary-color);
    --breadcrumb-separator: var(--light-text);
    --breadcrumb-separator-opacity: 0.6;
    --breadcrumb-padding: 15px 20px;
    
    /* ==================== */
    /* Social Buttons */
    /* ==================== */
    --social-button-bg: var(--primary-color);
    --social-button-text: var(--background-color);
    --social-button-hover-bg: var(--footer-bg);
    --social-button-hover-text: var(--primary-color);
    --social-button-border: var(--footer-bg);
    --social-button-hover-border: var(--primary-color);
	
/* ==================== */
/* Sector Variables */
/* ==================== */
--about-title-color: var(--heading-text);
--about-subtitle-color: var(--light-text);
--about-primary-btn: var(--primary-color);
--about-primary-btn-text: var(--button-text);
--about-primary-btn-hover: var(--button-hover);
--about-secondary-btn: transparent;
--about-secondary-btn-text: var(--primary-color);
--about-secondary-btn-border: var(--primary-color);
--about-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--team-title-color: var(--heading-text);
--team-subtitle-color: var(--light-text);
--team-primary-btn: var(--primary-color);
--team-primary-btn-text: var(--button-text);
--team-primary-btn-hover: var(--button-hover);
--team-secondary-btn: transparent;
--team-secondary-btn-text: var(--primary-color);
--team-secondary-btn-border: var(--primary-color);
--team-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--services-title-color: var(--heading-text);
--services-subtitle-color: var(--light-text);
--services-primary-btn: var(--primary-color);
--services-primary-btn-text: var(--button-text);
--services-primary-btn-hover: var(--button-hover);
--services-secondary-btn: transparent;
--services-secondary-btn-text: var(--primary-color);
--services-secondary-btn-border: var(--primary-color);
--services-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--clientlogo-title-color: var(--heading-text);
--clientlogo-subtitle-color: var(--light-text);
--clientlogo-primary-btn: var(--primary-color);
--clientlogo-primary-btn-text: var(--button-text);
--clientlogo-primary-btn-hover: var(--button-hover);
--clientlogo-secondary-btn: transparent;
--clientlogo-secondary-btn-text: var(--primary-color);
--clientlogo-secondary-btn-border: var(--primary-color);
--clientlogo-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--actions-title-color: var(--heading-text);
--actions-subtitle-color: var(--light-text);
--actions-primary-btn: var(--primary-color);
--actions-primary-btn-text: var(--button-text);
--actions-primary-btn-hover: var(--button-hover);
--actions-secondary-btn: transparent;
--actions-secondary-btn-text: var(--primary-color);
--actions-secondary-btn-border: var(--primary-color);
--actions-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--features-title-color: var(--heading-text);
--features-subtitle-color: var(--light-text);
--features-primary-btn: var(--primary-color);
--features-primary-btn-text: var(--button-text);
--features-primary-btn-hover: var(--button-hover);
--features-secondary-btn: transparent;
--features-secondary-btn-text: var(--primary-color);
--features-secondary-btn-border: var(--primary-color);
--features-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--news-title-color: var(--heading-text);
--news-subtitle-color: var(--light-text);
--news-primary-btn: var(--primary-color);
--news-primary-btn-text: var(--button-text);
--news-primary-btn-hover: var(--button-hover);
--news-secondary-btn: transparent;
--news-secondary-btn-text: var(--primary-color);
--news-secondary-btn-border: var(--primary-color);
--news-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--contact-title-color: var(--heading-text);
--contact-subtitle-color: var(--light-text);
--contact-primary-btn: var(--primary-color);
--contact-primary-btn-text: var(--button-text);
--contact-primary-btn-hover: var(--button-hover);
--contact-secondary-btn: transparent;
--contact-secondary-btn-text: var(--primary-color);
--contact-secondary-btn-border: var(--primary-color);
--contact-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--photos-title-color: var(--heading-text);
--photos-subtitle-color: var(--light-text);
--photos-primary-btn: var(--primary-color);
--photos-primary-btn-text: var(--button-text);
--photos-primary-btn-hover: var(--button-hover);
--photos-secondary-btn: transparent;
--photos-secondary-btn-text: var(--primary-color);
--photos-secondary-btn-border: var(--primary-color);
--photos-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--events-title-color: var(--heading-text);
--events-subtitle-color: var(--light-text);
--events-primary-btn: var(--primary-color);
--events-primary-btn-text: var(--button-text);
--events-primary-btn-hover: var(--button-hover);
--events-secondary-btn: transparent;
--events-secondary-btn-text: var(--primary-color);
--events-secondary-btn-border: var(--primary-color);
--events-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--tutorials-title-color: var(--heading-text);
--tutorials-subtitle-color: var(--light-text);
--tutorials-primary-btn: var(--primary-color);
--tutorials-primary-btn-text: var(--button-text);
--tutorials-primary-btn-hover: var(--button-hover);
--tutorials-secondary-btn: transparent;
--tutorials-secondary-btn-text: var(--primary-color);
--tutorials-secondary-btn-border: var(--primary-color);
--tutorials-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--videos-title-color: var(--heading-text);
--videos-subtitle-color: var(--light-text);
--videos-primary-btn: var(--primary-color);
--videos-primary-btn-text: var(--button-text);
--videos-primary-btn-hover: var(--button-hover);
--videos-secondary-btn: transparent;
--videos-secondary-btn-text: var(--primary-color);
--videos-secondary-btn-border: var(--primary-color);
--videos-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--counters-title-color: var(--heading-text);
--counters-subtitle-color: var(--light-text);
--counters-primary-btn: var(--primary-color);
--counters-primary-btn-text: var(--button-text);
--counters-primary-btn-hover: var(--button-hover);
--counters-secondary-btn: transparent;
--counters-secondary-btn-text: var(--primary-color);
--counters-secondary-btn-border: var(--primary-color);
--counters-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--testimonials-title-color: var(--heading-text);
--testimonials-subtitle-color: var(--light-text);
--testimonials-primary-btn: var(--primary-color);
--testimonials-primary-btn-text: var(--button-text);
--testimonials-primary-btn-hover: var(--button-hover);
--testimonials-secondary-btn: transparent;
--testimonials-secondary-btn-text: var(--primary-color);
--testimonials-secondary-btn-border: var(--primary-color);
--testimonials-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--projects-title-color: var(--heading-text);
--projects-subtitle-color: var(--light-text);
--projects-primary-btn: var(--primary-color);
--projects-primary-btn-text: var(--button-text);
--projects-primary-btn-hover: var(--button-hover);
--projects-secondary-btn: transparent;
--projects-secondary-btn-text: var(--primary-color);
--projects-secondary-btn-border: var(--primary-color);
--projects-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--maps-title-color: var(--heading-text);
--maps-subtitle-color: var(--light-text);
--maps-primary-btn: var(--primary-color);
--maps-primary-btn-text: var(--button-text);
--maps-primary-btn-hover: var(--button-hover);
--maps-secondary-btn: transparent;
--maps-secondary-btn-text: var(--primary-color);
--maps-secondary-btn-border: var(--primary-color);
--maps-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--candidates-title-color: var(--heading-text);
--candidates-subtitle-color: var(--light-text);
--candidates-primary-btn: var(--primary-color);
--candidates-primary-btn-text: var(--button-text);
--candidates-primary-btn-hover: var(--button-hover);
--candidates-secondary-btn: transparent;
--candidates-secondary-btn-text: var(--primary-color);
--candidates-secondary-btn-border: var(--primary-color);
--candidates-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--vacancies-title-color: var(--heading-text);
--vacancies-subtitle-color: var(--light-text);
--vacancies-primary-btn: var(--primary-color);
--vacancies-primary-btn-text: var(--button-text);
--vacancies-primary-btn-hover: var(--button-hover);
--vacancies-secondary-btn: transparent;
--vacancies-secondary-btn-text: var(--primary-color);
--vacancies-secondary-btn-border: var(--primary-color);
--vacancies-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--cases-title-color: var(--heading-text);
--cases-subtitle-color: var(--light-text);
--cases-primary-btn: var(--primary-color);
--cases-primary-btn-text: var(--button-text);
--cases-primary-btn-hover: var(--button-hover);
--cases-secondary-btn: transparent;
--cases-secondary-btn-text: var(--primary-color);
--cases-secondary-btn-border: var(--primary-color);
--cases-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--clients-title-color: var(--heading-text);
--clients-subtitle-color: var(--light-text);
--clients-primary-btn: var(--primary-color);
--clients-primary-btn-text: var(--button-text);
--clients-primary-btn-hover: var(--button-hover);
--clients-secondary-btn: transparent;
--clients-secondary-btn-text: var(--primary-color);
--clients-secondary-btn-border: var(--primary-color);
--clients-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--gallery-title-color: var(--heading-text);
--gallery-subtitle-color: var(--light-text);
--gallery-primary-btn: var(--primary-color);
--gallery-primary-btn-text: var(--button-text);
--gallery-primary-btn-hover: var(--button-hover);
--gallery-secondary-btn: transparent;
--gallery-secondary-btn-text: var(--primary-color);
--gallery-secondary-btn-border: var(--primary-color);
--gallery-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--newsletter-title-color: var(--heading-text);
--newsletter-subtitle-color: var(--light-text);
--newsletter-primary-btn: var(--primary-color);
--newsletter-primary-btn-text: var(--button-text);
--newsletter-primary-btn-hover: var(--button-hover);
--newsletter-secondary-btn: transparent;
--newsletter-secondary-btn-text: var(--primary-color);
--newsletter-secondary-btn-border: var(--primary-color);
--newsletter-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--stories-title-color: var(--heading-text);
--stories-subtitle-color: var(--light-text);
--stories-primary-btn: var(--primary-color);
--stories-primary-btn-text: var(--button-text);
--stories-primary-btn-hover: var(--button-hover);
--stories-secondary-btn: transparent;
--stories-secondary-btn-text: var(--primary-color);
--stories-secondary-btn-border: var(--primary-color);
--stories-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--products-title-color: var(--heading-text);
--products-subtitle-color: var(--light-text);
--products-primary-btn: var(--primary-color);
--products-primary-btn-text: var(--button-text);
--products-primary-btn-hover: var(--button-hover);
--products-secondary-btn: transparent;
--products-secondary-btn-text: var(--primary-color);
--products-secondary-btn-border: var(--primary-color);
--products-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--downloads-title-color: var(--heading-text);
--downloads-subtitle-color: var(--light-text);
--downloads-primary-btn: var(--primary-color);
--downloads-primary-btn-text: var(--button-text);
--downloads-primary-btn-hover: var(--button-hover);
--downloads-secondary-btn: transparent;
--downloads-secondary-btn-text: var(--primary-color);
--downloads-secondary-btn-border: var(--primary-color);
--downloads-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--accommodations-title-color: var(--heading-text);
--accommodations-subtitle-color: var(--light-text);
--accommodations-primary-btn: var(--primary-color);
--accommodations-primary-btn-text: var(--button-text);
--accommodations-primary-btn-hover: var(--button-hover);
--accommodations-secondary-btn: transparent;
--accommodations-secondary-btn-text: var(--primary-color);
--accommodations-secondary-btn-border: var(--primary-color);
--accommodations-secondary-btn-hover: rgba(0, 115, 170, 0.1);

--games-title-color: var(--heading-text);
--games-subtitle-color: var(--light-text);
--games-primary-btn: var(--primary-color);
--games-primary-btn-text: var(--button-text);
--games-primary-btn-hover: var(--button-hover);
--games-secondary-btn: transparent;
--games-secondary-btn-text: var(--primary-color);
--games-secondary-btn-border: var(--primary-color);
--games-secondary-btn-hover: rgba(0, 115, 170, 0.1);
}


/* Corrections */

.featured-header-content .entry-title {
    color: var(--featured-header-title) !important;

}

.featured-header-content .entry-description {
    color: var(--featured-header-description) !important;

}

/* Dark Mode (won't affect header dimensions) */
@media (prefers-color-scheme: dark) {
    :root {
        /* Core Colors */
        --primary-color: #4a9bd1;
        --secondary-color: #ddd;
        --text-color: #eee;
        --light-text: #aaa;
        --background-color: #121212;
        --border-color: #333;
        --visited-link: #b388ff;
        --focus-outline: rgba(74, 155, 209, 0.5);
        
        /* Header & Navigation */
        --header-bg: #1e1e1e;
        --header-text: #eee;
        --header-link: #eee;
        --header-link-hover: #4a9bd1;
        --header-shadow: rgba(0,0,0,0.3);
        --nav-bg: transparent;
        --nav-text: #eee;
        --nav-link: #eee;
        --nav-link-hover: #4a9bd1;
        --nav-hover-bg: rgba(74, 155, 209, 0.15);
        --nav-current-bg: rgba(74, 155, 209, 0.2);
        --nav-current-text: #4a9bd1;
        
        --breadcrumb-text: rgba(255,255,255,0.8);
        --breadcrumb-link: rgba(255,255,255,0.9);
        --breadcrumb-link-hover: #fff;
        --breadcrumb-separator: rgba(255,255,255,0.6);
        --breadcrumb-bg: color-mix(in srgb, var(--primary-color) 15%, transparent);
        --breadcrumb-bg-fallback: rgba(0, 115, 170, 0.15);
        
        /* Footer & Site Info */
        --footer-bg: #000;
        --footer-text: #eee;
        --footer-link: #eee;
        --footer-link-hover: #4a9bd1;
        --site-info-bg: #050505;
        --site-info-text: rgba(255,255,255,0.6);
        --site-info-link: rgba(255,255,255,0.8);
        --site-info-link-hover: #fff;
        --site-info-border: rgba(255,255,255,0.15);
        
        /* Footer Widgets */
        --footer-widget-title: #fff;
        --footer-widget-title-border: rgba(255,255,255,0.3);
        --footer-widget-text: rgba(255,255,255,0.7);
        --footer-widget-link: rgba(255,255,255,0.8);
        --footer-widget-link-hover: #fff;
        --footer-tag-cloud-bg: rgba(255,255,255,0.15);
        --footer-tag-cloud-text: rgba(255,255,255,0.9);
        --footer-search-bg: rgba(255,255,255,0.15);
        --footer-search-border: rgba(255,255,255,0.2);
        --footer-search-placeholder: rgba(255,255,255,0.6);
        
        /* Sidebar */
        --sidebar-bg: #1a1a1a;
        --sidebar-text: #eee;
        --sidebar-link: #eee;
        --sidebar-link-hover: #4a9bd1;
        --sidebar-widget-bg: #1e1e1e;
        --sidebar-widget-title: #eee;
        --sidebar-widget-title-border: #444;
        --sidebar-widget-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
        --sidebar-list-border: rgba(255,255,255,0.1);
        --sidebar-tag-cloud-bg: #2a2a2a;
        --sidebar-tag-cloud-text: #eee;
        --sidebar-tag-cloud-hover: #4a9bd1;
        
        /* Content & Posts */
        --content-bg: #121212;
        --content-text: #eee;
        --content-link: #4a9bd1;
        --content-link-hover: #3a8bc1;
        
        /* Headings */
        --heading-text: #eee;
        --heading-link: #eee;
        --heading-link-hover: #4a9bd1;
        
        /* Blockquotes */
        --blockquote-text: #eee;
        --blockquote-bg: rgba(74, 155, 209, 0.1);
        --blockquote-cite: #aaa;
        
        /* Captions */
        --caption-bg: #2a2a2a;
        --caption-text: #aaa;
        --caption-border: #444;
        
        /* Tables */
        --table-bg: #1e1e1e;
        --table-text: #eee;
        --table-border: #444;
        --table-header-text: #eee;
        
        /* Code */
        --code-text: #eee;
        --code-bg: color-mix(in srgb, var(--primary-color) 20%, black);
        --code-bg-fallback: rgba(0, 115, 170, 0.2);
        --pre-text: #eee;
        --pre-bg: #2a2a2a;
        
        /* Featured Header */
        --header-overlay: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
        --header-overlay-solid: rgba(0,0,0,0.8);
        --video-header-overlay: rgba(0,0,0,0.5);
        --featured-header-title: #fff;
        --featured-header-description: rgba(255,255,255,0.8);
        
        /* Blog Grid */
        --empty-thumbnail-bg: #2a2a2a;
        --grid-post-bg: #1e1e1e;
        --grid-post-text: #eee;
        --grid-post-border: #444;
        --grid-post-meta: #aaa;
        
        /* Gallery */
        --gallery-caption-bg: rgba(0,0,0,0.8);
        --gallery-caption-text: #fff;
        
        /* Widgets */
        --widget-transparent-bg: rgba(255,255,255,0.05);
        
        /* Social Buttons */
        --social-button-bg: #4a9bd1;
        --social-button-text: #121212;
        --social-button-hover-bg: #000;
        --social-button-hover-text: #4a9bd1;
        --social-button-border: #000;
        --social-button-hover-border: #4a9bd1;
		
		        /* Sector Variables for Dark Mode */
 --about-title-color: var(--heading-text);
        --about-subtitle-color: var(--light-text);
        --about-primary-btn: var(--primary-color);
        --about-primary-btn-text: var(--button-text);
        --about-secondary-btn: transparent;
        --about-secondary-btn-text: var(--primary-color);
        --about-secondary-btn-border: var(--primary-color);

        --team-title-color: var(--heading-text);
        --team-subtitle-color: var(--light-text);
        --team-primary-btn: var(--primary-color);
        --team-primary-btn-text: var(--button-text);
        --team-secondary-btn: transparent;
        --team-secondary-btn-text: var(--primary-color);
        --team-secondary-btn-border: var(--primary-color);

        --services-title-color: var(--heading-text);
        --services-subtitle-color: var(--light-text);
        --services-primary-btn: var(--primary-color);
        --services-primary-btn-text: var(--button-text);
        --services-secondary-btn: transparent;
        --services-secondary-btn-text: var(--primary-color);
        --services-secondary-btn-border: var(--primary-color);

        --clientlogo-title-color: var(--heading-text);
        --clientlogo-subtitle-color: var(--light-text);
        --clientlogo-primary-btn: var(--primary-color);
        --clientlogo-primary-btn-text: var(--button-text);
        --clientlogo-secondary-btn: transparent;
        --clientlogo-secondary-btn-text: var(--primary-color);
        --clientlogo-secondary-btn-border: var(--primary-color);

        --actions-title-color: var(--heading-text);
        --actions-subtitle-color: var(--light-text);
        --actions-primary-btn: var(--primary-color);
        --actions-primary-btn-text: var(--button-text);
        --actions-secondary-btn: transparent;
        --actions-secondary-btn-text: var(--primary-color);
        --actions-secondary-btn-border: var(--primary-color);

        --features-title-color: var(--heading-text);
        --features-subtitle-color: var(--light-text);
        --features-primary-btn: var(--primary-color);
        --features-primary-btn-text: var(--button-text);
        --features-secondary-btn: transparent;
        --features-secondary-btn-text: var(--primary-color);
        --features-secondary-btn-border: var(--primary-color);

        --news-title-color: var(--heading-text);
        --news-subtitle-color: var(--light-text);
        --news-primary-btn: var(--primary-color);
        --news-primary-btn-text: var(--button-text);
        --news-secondary-btn: transparent;
        --news-secondary-btn-text: var(--primary-color);
        --news-secondary-btn-border: var(--primary-color);

        --contact-title-color: var(--heading-text);
        --contact-subtitle-color: var(--light-text);
        --contact-primary-btn: var(--primary-color);
        --contact-primary-btn-text: var(--button-text);
        --contact-secondary-btn: transparent;
        --contact-secondary-btn-text: var(--primary-color);
        --contact-secondary-btn-border: var(--primary-color);

        --photos-title-color: var(--heading-text);
        --photos-subtitle-color: var(--light-text);
        --photos-primary-btn: var(--primary-color);
        --photos-primary-btn-text: var(--button-text);
        --photos-secondary-btn: transparent;
        --photos-secondary-btn-text: var(--primary-color);
        --photos-secondary-btn-border: var(--primary-color);

        --events-title-color: var(--heading-text);
        --events-subtitle-color: var(--light-text);
        --events-primary-btn: var(--primary-color);
        --events-primary-btn-text: var(--button-text);
        --events-secondary-btn: transparent;
        --events-secondary-btn-text: var(--primary-color);
        --events-secondary-btn-border: var(--primary-color);

        --tutorials-title-color: var(--heading-text);
        --tutorials-subtitle-color: var(--light-text);
        --tutorials-primary-btn: var(--primary-color);
        --tutorials-primary-btn-text: var(--button-text);
        --tutorials-secondary-btn: transparent;
        --tutorials-secondary-btn-text: var(--primary-color);
        --tutorials-secondary-btn-border: var(--primary-color);

        --videos-title-color: var(--heading-text);
        --videos-subtitle-color: var(--light-text);
        --videos-primary-btn: var(--primary-color);
        --videos-primary-btn-text: var(--button-text);
        --videos-secondary-btn: transparent;
        --videos-secondary-btn-text: var(--primary-color);
        --videos-secondary-btn-border: var(--primary-color);

        --counters-title-color: var(--heading-text);
        --counters-subtitle-color: var(--light-text);
        --counters-primary-btn: var(--primary-color);
        --counters-primary-btn-text: var(--button-text);
        --counters-secondary-btn: transparent;
        --counters-secondary-btn-text: var(--primary-color);
        --counters-secondary-btn-border: var(--primary-color);

        --testimonials-title-color: var(--heading-text);
        --testimonials-subtitle-color: var(--light-text);
        --testimonials-primary-btn: var(--primary-color);
        --testimonials-primary-btn-text: var(--button-text);
        --testimonials-secondary-btn: transparent;
        --testimonials-secondary-btn-text: var(--primary-color);
        --testimonials-secondary-btn-border: var(--primary-color);

        --projects-title-color: var(--heading-text);
        --projects-subtitle-color: var(--light-text);
        --projects-primary-btn: var(--primary-color);
        --projects-primary-btn-text: var(--button-text);
        --projects-secondary-btn: transparent;
        --projects-secondary-btn-text: var(--primary-color);
        --projects-secondary-btn-border: var(--primary-color);

        --maps-title-color: var(--heading-text);
        --maps-subtitle-color: var(--light-text);
        --maps-primary-btn: var(--primary-color);
        --maps-primary-btn-text: var(--button-text);
        --maps-secondary-btn: transparent;
        --maps-secondary-btn-text: var(--primary-color);
        --maps-secondary-btn-border: var(--primary-color);

        --candidates-title-color: var(--heading-text);
        --candidates-subtitle-color: var(--light-text);
        --candidates-primary-btn: var(--primary-color);
        --candidates-primary-btn-text: var(--button-text);
        --candidates-secondary-btn: transparent;
        --candidates-secondary-btn-text: var(--primary-color);
        --candidates-secondary-btn-border: var(--primary-color);

        --vacancies-title-color: var(--heading-text);
        --vacancies-subtitle-color: var(--light-text);
        --vacancies-primary-btn: var(--primary-color);
        --vacancies-primary-btn-text: var(--button-text);
        --vacancies-secondary-btn: transparent;
        --vacancies-secondary-btn-text: var(--primary-color);
        --vacancies-secondary-btn-border: var(--primary-color);

        --cases-title-color: var(--heading-text);
        --cases-subtitle-color: var(--light-text);
        --cases-primary-btn: var(--primary-color);
        --cases-primary-btn-text: var(--button-text);
        --cases-secondary-btn: transparent;
        --cases-secondary-btn-text: var(--primary-color);
        --cases-secondary-btn-border: var(--primary-color);

        --clients-title-color: var(--heading-text);
        --clients-subtitle-color: var(--light-text);
        --clients-primary-btn: var(--primary-color);
        --clients-primary-btn-text: var(--button-text);
        --clients-secondary-btn: transparent;
        --clients-secondary-btn-text: var(--primary-color);
        --clients-secondary-btn-border: var(--primary-color);

        --gallery-title-color: var(--heading-text);
        --gallery-subtitle-color: var(--light-text);
        --gallery-primary-btn: var(--primary-color);
        --gallery-primary-btn-text: var(--button-text);
        --gallery-secondary-btn: transparent;
        --gallery-secondary-btn-text: var(--primary-color);
        --gallery-secondary-btn-border: var(--primary-color);

        --newsletter-title-color: var(--heading-text);
        --newsletter-subtitle-color: var(--light-text);
        --newsletter-primary-btn: var(--primary-color);
        --newsletter-primary-btn-text: var(--button-text);
        --newsletter-secondary-btn: transparent;
        --newsletter-secondary-btn-text: var(--primary-color);
        --newsletter-secondary-btn-border: var(--primary-color);

        --stories-title-color: var(--heading-text);
        --stories-subtitle-color: var(--light-text);
        --stories-primary-btn: var(--primary-color);
        --stories-primary-btn-text: var(--button-text);
        --stories-secondary-btn: transparent;
        --stories-secondary-btn-text: var(--primary-color);
        --stories-secondary-btn-border: var(--primary-color);
		
		--products-title-color: var(--heading-text);
--products-subtitle-color: var(--light-text);
--products-primary-btn: var(--primary-color);
--products-primary-btn-text: var(--button-text);
--products-secondary-btn: transparent;
--products-secondary-btn-text: var(--primary-color);
--products-secondary-btn-border: var(--primary-color);

--downloads-title-color: var(--heading-text);
--downloads-subtitle-color: var(--light-text);
--downloads-primary-btn: var(--primary-color);
--downloads-primary-btn-text: var(--button-text);
--downloads-secondary-btn: transparent;
--downloads-secondary-btn-text: var(--primary-color);
--downloads-secondary-btn-border: var(--primary-color);

--accommodations-title-color: var(--heading-text);
--accommodations-subtitle-color: var(--light-text);
--accommodations-primary-btn: var(--primary-color);
--accommodations-primary-btn-text: var(--button-text);
--accommodations-secondary-btn: transparent;
--accommodations-secondary-btn-text: var(--primary-color);
--accommodations-secondary-btn-border: var(--primary-color);

--games-title-color: var(--heading-text);
--games-subtitle-color: var(--light-text);
--games-primary-btn: var(--primary-color);
--games-primary-btn-text: var(--button-text);
--games-secondary-btn: transparent;
--games-secondary-btn-text: var(--primary-color);
--games-secondary-btn-border: var(--primary-color);

    }
    
    body {
        color-scheme: dark;
    }
    
    /* Additional dark mode specific adjustments */
    .sidebar .widget {
        background: var(--sidebar-widget-bg);
    }
    
    /* Make sure images aren't too bright in dark mode */
    img {
        opacity: 0.9;
        transition: opacity 0.3s ease;
    }
    
    img:hover {
        opacity: 1;
    }
}