/*
Theme Name:   Engitech Child
Theme URI:    http://wpdemo.archiwp.com/engitech/
Description:  Make your modifications to [Parent Theme] in this Engitech child theme.
Author:       OceanThemes
Author URI:   http://oceanthemes.net/
Template:     engitech
Version:      1.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  engitech-child
*/

/* =Theme customization starts here
------------------------------------------------------- */

/* =========================================================
   ECHELLE RESOURCES - GLOBAL DESIGN SYSTEM
   Digital Style Guide v1.0
   ========================================================= */

:root {
    --echelle-navy: #006699;
    --echelle-teal: #0DA5B5;
    --echelle-blue: #0082B5;
    --echelle-aqua: #63C7C7;
    --echelle-white: #FFFFFF;
    --echelle-cloud: #F5F7FA;
    --echelle-steel: #DCE4EE;
    --echelle-graphite: #1C2733;
    --echelle-slate: #596775;
    --echelle-content-width: 1320px;
    --echelle-section-spacing: 100px;
    --echelle-card-gap: 28px;
    --echelle-radius: 6px;
}

html { font-size: 16px; }

body {
    font-family: "Inter", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.65;
    color: var(--echelle-graphite);
}

p { margin-top: 0; margin-bottom: 16px; }

a {
    color: var(--echelle-navy);
    font-family: "Inter", sans-serif;
    font-weight: 600;
}
a:hover, a:focus { color: var(--echelle-teal); }

h1, h2, h3, h4, h5, h6 {
    font-family: "Manrope", sans-serif;
    color: var(--echelle-graphite);
    margin-top: 0;
}
h1 { font-size: 64px; font-weight: 700; line-height: 1.10; letter-spacing: -1px; }
h2 { font-size: 48px; font-weight: 700; line-height: 1.15; letter-spacing: -0.5px; }
h3 { font-size: 30px; font-weight: 700; line-height: 1.25; letter-spacing: 0; }
h4 { font-size: 24px; font-weight: 600; line-height: 1.30; letter-spacing: 0; }
h5 { font-size: 20px; font-weight: 600; line-height: 1.35; letter-spacing: 0; }
h6 { font-size: 16px; font-weight: 600; line-height: 1.40; letter-spacing: 0; }

button, input[type="button"], input[type="submit"], input[type="reset"], .elementor-button {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    border-radius: var(--echelle-radius);
}
.elementor-button { background-color: var(--echelle-navy); color: var(--echelle-white); }
.elementor-button:hover, .elementor-button:focus {
    background-color: var(--echelle-teal);
    color: var(--echelle-white);
}

input, select, textarea { font-family: "Inter", sans-serif; color: var(--echelle-graphite); }
input:focus, select:focus, textarea:focus {
    border-color: var(--echelle-navy);
    outline-color: var(--echelle-navy);
}

.echelle-section {
    padding-top: var(--echelle-section-spacing);
    padding-bottom: var(--echelle-section-spacing);
}
.echelle-container {
    width: 100%;
    max-width: var(--echelle-content-width);
    margin-left: auto;
    margin-right: auto;
}
.echelle-card {
    background: var(--echelle-white);
    border: 1px solid var(--echelle-steel);
    border-radius: var(--echelle-radius);
    padding: 32px;
    box-shadow: 0 4px 18px rgba(28, 39, 51, 0.06);
}
.echelle-card:hover {
    transform: translateY(-2px);
    transition: transform 180ms ease, box-shadow 180ms ease;
    box-shadow: 0 8px 24px rgba(28, 39, 51, 0.09);
}

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, .elementor-button:focus-visible {
    outline: 3px solid var(--echelle-aqua);
    outline-offset: 3px;
}

@media (max-width: 1024px) {
    :root { --echelle-section-spacing: 80px; }
    h1 { font-size: 48px; line-height: 1.10; letter-spacing: -0.5px; }
    h2 { font-size: 40px; line-height: 1.15; letter-spacing: -0.25px; }
    h3 { font-size: 28px; line-height: 1.25; }
    h4 { font-size: 22px; line-height: 1.30; }
}

@media (max-width: 767px) {
    :root { --echelle-section-spacing: 64px; --echelle-card-gap: 20px; }
    body { font-size: 16px; line-height: 1.60; }
    h1 { font-size: 40px; line-height: 1.15; letter-spacing: 0; }
    h2 { font-size: 32px; line-height: 1.20; letter-spacing: 0; }
    h3 { font-size: 26px; line-height: 1.30; }
    h4 { font-size: 21px; line-height: 1.35; }
    h5 { font-size: 18px; line-height: 1.40; }
    h6 { font-size: 15px; line-height: 1.45; }
    .echelle-card { padding: 24px; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* =========================================================
   ECHELLE HEADER NAVIGATION
   Compact navigation + single active/hover underline
   ========================================================= */

.main-navigation > ul > li > a {
    position: relative;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.main-navigation > ul > li > a::after,
.ot-nav-menu ul > li > a::after {
    content: none !important;
    display: none !important;
}

.main-navigation > ul > li > a::before {
    bottom: 5px !important;
}