/*
Theme Name: Curtain Town Hello Child
Theme URI: https://curtaintownuae.store/
Description: A professional, responsive, SEO-friendly Hello Elementor child theme designed for Curtain Town UAE, offering premium curtains, blinds, shutters, soft furnishings, and expert installation services in Abu Dhabi, United Arab Emirates. Supports Elementor and Elementor Pro Theme Builder with fully editable global headers, footers, service pages, contact forms, and reusable sections. Optimized for accessibility, performance, and mobile responsiveness.
Author: Aftab Bashir Senior WordPress Developer
Author URI: https://aftabbashir.site/
Template: hello-elementor
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: curtain-town-hello-child
Tags: elementor, custom-menu, custom-logo, featured-images, full-width-template, accessibility-ready, translation-ready
*/

:root {
    --djr-color-navy: #0F172A;
    --djr-color-charcoal: #1E293B;
    --djr-color-slate: #334155;
    --djr-color-muted: #64748B;
    --djr-color-light-bg: #F8FAFC;
    --djr-color-border: #E2E8F0;
    --djr-color-white: #FFFFFF;
    --djr-color-orange: #F97316;
    --djr-color-orange-hover: #C2410C;
    --djr-color-amber: #F59E0B;
    --djr-color-success: #15803D;
    --djr-font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --djr-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --djr-radius-sm: 6px;
    --djr-radius-md: 12px;
    --djr-radius-lg: 16px;
    --djr-shadow-card: 0 10px 25px -5px rgba(15, 23, 42, 0.08), 0 8px 10px -6px rgba(15, 23, 42, 0.04);
}

/* Base Accessibility & Skip Link */
.djr-skip-link {
    position: absolute;
    top: -100px;
    left: 16px;
    background-color: var(--djr-color-navy);
    color: var(--djr-color-white);
    padding: 12px 20px;
    border: 2px solid var(--djr-color-orange);
    border-radius: var(--djr-radius-sm);
    font-weight: 700;
    z-index: 99999;
    text-decoration: none;
    transition: top 0.2s ease;
}

.djr-skip-link:focus {
    top: 16px;
    outline: 3px solid var(--djr-color-amber);
    outline-offset: 2px;
}

body {
    font-family: var(--djr-font-body);
    color: var(--djr-color-charcoal);
    background-color: var(--djr-color-white);
    line-height: 1.65;
    margin: 0;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--djr-font-heading);
    color: var(--djr-color-navy);
    line-height: 1.25;
    font-weight: 700;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid var(--djr-color-orange);
    outline-offset: 2px;
}