/*
Theme Name: Auberge Child - Modern Job Portal
Description: A modern, responsive job portal child theme with step-by-step application process, PDF integration, and Laravel API connectivity. Features brand colors #E1211C and black with mobile-first design.
Author: Your Name
Template: auberge
Version: 1.0.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: auberge-child
Tags: jobs, portal, applications, responsive, modern
*/

/* 
 * Child Theme Base Styles
 * Main job portal styles are in css/jobs-portal.css
 * This file contains basic child theme setup and overrides
 */

/* Import parent theme styles - handled by functions.php enqueue */

/* Global enhancements for job portal pages */
.has-job-portal {
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ensure proper spacing on job portal pages */
.has-job-portal .site-content {
    padding: 0;
}

.has-job-portal .entry-content {
    margin: 0;
    padding: 0;
}

/* Hide page title on job portal pages if needed */
.has-job-portal .entry-header {
    display: none;
}

/* Custom scrollbar for modern browsers */
.job-portal-container ::-webkit-scrollbar {
    width: 8px;
}

.job-portal-container ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.job-portal-container ::-webkit-scrollbar-thumb {
    background: #E1211C;
    border-radius: 4px;
}

.job-portal-container ::-webkit-scrollbar-thumb:hover {
    background: #c41e1a;
}

/* Focus styles for better accessibility */
.job-portal-container *:focus {
    outline: 2px solid #E1211C;
    outline-offset: 2px;
}

/* Print styles for applications */
@media print {
    .modal,
    .step-indicator,
    .modal-actions,
    button {
        display: none !important;
    }
    
    .job-portal-container {
        max-width: none !important;
        padding: 0 !important;
    }
    
    .application-form {
        page-break-inside: avoid;
    }
    
    .form-section {
        page-break-inside: avoid;
        margin-bottom: 1rem;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .job-portal-container {
        --primary-red: #FF0000;
        --primary-black: #000000;
        --text-gray: #333333;
        --light-gray: #FFFFFF;
        --border-gray: #000000;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .job-portal-container * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Dark mode support (if parent theme supports it) */
@media (prefers-color-scheme: dark) {
    .job-portal-container {
        --light-gray: #1a1a1a;
        --border-gray: #333;
        --text-gray: #ccc;
    }
    
    .modal-content {
        background: #2a2a2a;
        color: #ffffff;
    }
    
    .form-input {
        background: #333;
        color: #ffffff;
        border-color: #555;
    }
}

/* Child theme specific overrides */

/* Ensure parent theme doesn't interfere with job portal styles */
.job-portal-container h1,
.job-portal-container h2,
.job-portal-container h3,
.job-portal-container h4,
.job-portal-container h5,
.job-portal-container h6 {
    font-family: inherit;
    line-height: 1.2;
}

.job-portal-container p {
    margin-bottom: 1rem;
}

.job-portal-container ul,
.job-portal-container ol {
    margin: 0 0 1rem 0;
    padding-left: 1.5rem;
}

/* Override any conflicting button styles from parent theme */
.job-portal-container button,
.job-portal-container .btn,
.job-portal-container input[type="submit"],
.job-portal-container input[type="button"] {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    letter-spacing: normal;
}

/* Ensure form elements don't inherit unwanted parent styles */
.job-portal-container input,
.job-portal-container textarea,
.job-portal-container select {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.5;
}

/* Child theme customizations can be added below this line */

/* 
 * Add any additional customizations specific to your site here
 * These styles will override both parent theme and job portal styles
 */