/*
Theme Name: EVASTAFF
Theme URI: https://evastaff.ro
Author: EVASTAFF Development Team
Author URI: https://evastaff.ro
Description: Tema custom enterprise pentru EVASTAFF - sisteme integrate de securitate si automatizare. Design premium, minimalist, corporate. Compatibila Elementor, WooCommerce, WPML, TranslatePress.
Version: 2.7.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.1
License: Proprietary
Text Domain: evastaff
Tags: custom-colors, custom-menu, custom-logo, threaded-comments, translation-ready, e-commerce, one-column, two-columns
*/

/* =========================================================
   EVASTAFF - DESIGN TOKENS
   ========================================================= */
:root{
    --e-white:#ffffff;
    --e-black:#000000;
    --e-accent:#0A84FF;
    --e-accent-dark:#0060df;
    --e-gray-50:#f7f8fa;
    --e-gray-100:#eef0f3;
    --e-gray-300:#d7dbe0;
    --e-gray-500:#8a919c;
    --e-gray-700:#4a4f57;
    --e-ink:#0d0f12;

    --e-gradient-hero: linear-gradient(135deg, #000000 0%, #0a1a2e 45%, #0A84FF 100%);

    --e-radius-sm: 8px;
    --e-radius-md: 16px;
    --e-radius-lg: 24px;

    --e-shadow-card: 0 2px 10px rgba(13,15,18,0.05), 0 8px 24px rgba(13,15,18,0.04);
    --e-shadow-card-hover: 0 6px 20px rgba(13,15,18,0.08), 0 16px 40px rgba(10,132,255,0.10);

    --e-font-display: 'Clash Display', 'Satoshi', sans-serif;
    --e-font-body: 'Satoshi', 'Inter', sans-serif;

    --e-max-width: 1240px;
    --e-gutter: clamp(1.25rem, 4vw, 3rem);

    --e-transition: 220ms cubic-bezier(.2,.8,.2,1);
}

*,*::before,*::after{ box-sizing:border-box; }

html{ scroll-behavior:smooth; }

body{
    margin:0;
    font-family:var(--e-font-body);
    color:var(--e-ink);
    background:var(--e-white);
    -webkit-font-smoothing:antialiased;
    line-height:1.6;
}

h1,h2,h3,h4,h5,h6{
    font-family:var(--e-font-display);
    font-weight:600;
    letter-spacing:-0.02em;
    line-height:1.15;
    margin:0 0 0.6em;
}

a{ color:inherit; text-decoration:none; }

img{ max-width:100%; display:block; }

.e-container{
    max-width:var(--e-max-width);
    margin-inline:auto;
    padding-inline:var(--e-gutter);
}

.e-section{ padding-block: clamp(3rem, 8vw, 7rem); }

/* Buttons */
.e-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    padding:.85rem 1.6rem;
    border-radius:999px;
    font-weight:600;
    font-size:.95rem;
    border:1px solid transparent;
    cursor:pointer;
    transition:transform var(--e-transition), box-shadow var(--e-transition), background var(--e-transition), color var(--e-transition);
}
.e-btn:hover{ transform:translateY(-2px); }
.e-btn--primary{ background:var(--e-black); color:var(--e-white); }
.e-btn--primary:hover{ background:var(--e-accent); box-shadow:0 10px 24px rgba(10,132,255,.28); }
.e-btn--accent{ background:var(--e-accent); color:var(--e-white); }
.e-btn--accent:hover{ background:var(--e-accent-dark); box-shadow:0 10px 24px rgba(10,132,255,.32); }
.e-btn--ghost{ background:rgba(255,255,255,.08); color:var(--e-white); border-color:rgba(255,255,255,.35); backdrop-filter:blur(6px); }
.e-btn--ghost:hover{ background:rgba(255,255,255,.16); }
.e-btn--outline{ background:transparent; color:var(--e-ink); border-color:var(--e-gray-300); }
.e-btn--outline:hover{ border-color:var(--e-accent); color:var(--e-accent); }

/* Cards */
.e-card{
    background:var(--e-white);
    border-radius:var(--e-radius-md);
    box-shadow:var(--e-shadow-card);
    transition:box-shadow var(--e-transition), transform var(--e-transition);
    padding:1.75rem;
}
.e-card:hover{ box-shadow:var(--e-shadow-card-hover); transform:translateY(-3px); }

/* Header */
.e-header{
    position:fixed; inset-inline:0; top:0; z-index:1000;
    transition:background var(--e-transition), box-shadow var(--e-transition), backdrop-filter var(--e-transition);
    background:transparent;
}
.e-header.is-scrolled,
.e-header.e-header--solid{
    background:rgba(255,255,255,.85);
    backdrop-filter:blur(14px) saturate(150%);
    box-shadow:0 1px 0 rgba(13,15,18,.06);
}
.e-header .e-container{ display:flex; align-items:center; justify-content:space-between; height:84px; }
.e-header.is-scrolled .e-nav a,
.e-header.e-header--solid .e-nav a{ color:var(--e-ink); }
.e-header .e-nav a{ color:var(--e-white); font-weight:500; }
.e-header:not(.is-scrolled):not(.e-header--solid) .e-logo-dark{ display:none; }
.e-header.is-scrolled .e-logo-light,
.e-header.e-header--solid .e-logo-light{ display:none; }

.e-nav{ display:flex; align-items:center; gap:2rem; }
.e-nav ul{ display:flex; list-style:none; margin:0; padding:0; gap:1.75rem; }
.e-nav .sub-menu{
    position:absolute; margin-top:1rem; background:var(--e-white); border-radius:var(--e-radius-sm);
    box-shadow:var(--e-shadow-card-hover); padding:.5rem; min-width:220px; opacity:0; visibility:hidden;
    transform:translateY(6px); transition:all var(--e-transition);
}
.e-nav li:hover > .sub-menu{ opacity:1; visibility:visible; transform:translateY(0); }
.e-nav .sub-menu a{ color:var(--e-ink) !important; display:block; padding:.6rem .9rem; border-radius:6px; }
.e-nav .sub-menu a:hover{ background:var(--e-gray-50); color:var(--e-accent) !important; }

/* Hero */
.e-hero{
    position:relative; min-height:92vh; display:flex; align-items:center;
    background:var(--e-gradient-hero); color:var(--e-white); overflow:hidden;
}
.e-hero::after{
    content:""; position:absolute; inset:0;
    background:radial-gradient(60% 50% at 80% 20%, rgba(10,132,255,.35), transparent 60%);
    pointer-events:none;
}
.e-hero h1{ font-size:clamp(2.4rem, 5vw, 4.2rem); max-width:16ch; }
.e-hero p{ max-width:46ch; font-size:1.15rem; color:rgba(255,255,255,.82); }
.e-hero .e-cta-group{ display:flex; gap:1rem; flex-wrap:wrap; margin-top:2rem; }

/* Footer */
.e-footer{ background:var(--e-black); color:rgba(255,255,255,.75); padding-block:4rem 2rem; }
.e-footer a:hover{ color:var(--e-accent); }
.e-footer .e-footer-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:2rem; }
.e-footer .e-footer-bottom{ border-top:1px solid rgba(255,255,255,.12); margin-top:2.5rem; padding-top:1.5rem; display:flex; flex-wrap:wrap; gap:1rem; justify-content:space-between; font-size:.85rem; }

/* Grid helpers */
.e-grid{ display:grid; gap:1.5rem; }
.e-grid--3{ grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); }
.e-grid--4{ grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }

/* Glass */
.e-glass{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); backdrop-filter:blur(10px); }

/* Dark mode */
body.e-dark{ background:#0a0b0d; color:#eef0f3; }
body.e-dark .e-card{ background:#111318; box-shadow:none; border:1px solid rgba(255,255,255,.08); }

@media (max-width:880px){
    .e-nav ul{ display:none; }
}