/*
Theme Name: XenithForce
Theme URI: https://xenithforce.com
Author: XenithForce Team
Author URI: https://xenithforce.com
Description: A professional hybrid WordPress theme for job listing marketplace with blog and custom pages. Built with Tailwind CSS, featuring modern design, block editor support, and custom post types for job listings.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: xenithforce
Tags: blog, business, jobs, marketplace, custom-post-types, block-editor, responsive, translation-ready, tailwind

XenithForce is a custom WordPress theme designed for job marketplaces, powered by Tailwind CSS.
*/

/* ==========================================================================
   Custom Styles
   ========================================================================== */

/* Logo Styles */
.custom-logo {
    max-height: 50px;
    width: auto;
    height: auto;
}

.custom-logo-link {
    display: flex;
    align-items: center;
}

/* WordPress Core Alignments */
.alignleft {
    float: left;
    margin-right: 1.5rem;
}

.alignright {
    float: right;
    margin-left: 1.5rem;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* WordPress Block Editor Compatibility */
.wp-block-image img {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
}

/* Screen Reader Text */
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Skip Link */
.skip-link {
    position: absolute;
    top: -2.5rem;
    left: 0;
    background-color: #2563eb;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
}

.skip-link:focus {
    top: 0;
}

/* Custom Job Listing Styles */
.job-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.875rem;
    font-weight: 500;
}

.job-badge-full-time {
    background-color: #dcfce7;
    color: #166534;
}

.job-badge-part-time {
    background-color: #dbeafe;
    color: #1e40af;
}

.job-badge-contract {
    background-color: #f3e8ff;
    color: #7c3aed;
}

.job-badge-remote {
    background-color: #fef9c3;
    color: #a16207;
}

/* Widget Styles */
.widget {
    margin-bottom: 2rem;
}

.widget-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #111827;
}

.widget ul {
    list-style: none;
    padding: 0;
}

.widget li {
    margin-bottom: 0.5rem;
}

.widget a {
    color: #4b5563;
    transition: color 0.15s ease;
}

.widget a:hover {
    color: #2563eb;
}

/* Navigation Menu Styles - Dark Green Header */
#primary-menu {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

#primary-menu li a {
    display: block;
    padding: 0.5rem 1rem;
    color: #d4af37; /* Gold color */
    font-weight: 500;
    text-decoration: none;
    transition: all 0.15s ease;
    border-radius: 0.375rem;
}

#primary-menu li a:hover {
    color: #fbbf24;
    background-color: rgba(255, 255, 255, 0.1);
}

/* Mobile Menu */
#primary-menu-mobile {
    list-style: none;
    margin: 0;
    padding: 0;
}

#primary-menu-mobile li a {
    display: block;
    padding: 0.75rem 1rem;
    color: #d4af37;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.15s ease;
    border-radius: 0.375rem;
}

#primary-menu-mobile li a:hover {
    color: #fbbf24;
    background-color: rgba(255, 255, 255, 0.1);
}

/* Footer Widget Styles */
.footer-widget a {
    color: #9ca3af;
    transition: color 0.15s ease;
}

.footer-widget a:hover {
    color: white;
}