/*
Theme Name: ATIS RentCar
Theme URI: https://example.com/atis-rentcar
Author: ATIS
Description: Modern, színes, reszponzív magyar nyelvű autókölcsönző WordPress sablon. PHP 8.2, REST API és Gutenberg támogatással. Az ATIS RentCar Manager pluginnal együtt teljes körű foglalási rendszert biztosít.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.2
License: GPL-2.0-or-later
Text Domain: atis-rentcar
Tags: car-rental, business, responsive, custom-colors, translation-ready
*/

/* ====== Design tokens ====== */
:root{
  --atis-primary:#6366f1;
  --atis-primary-dark:#4f46e5;
  --atis-secondary:#8b5cf6;
  --atis-accent:#f59e0b;
  --atis-dark:#0f172a;
  --atis-muted:#64748b;
  --atis-bg:#f8fafc;
  --atis-surface:#ffffff;
  --atis-radius:1rem;
  --atis-shadow:0 10px 30px rgba(15,23,42,.08);
  --atis-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);
  --atis-container:1200px;
  --atis-font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;font-family:var(--atis-font);color:var(--atis-dark);
  background:var(--atis-bg);line-height:1.65;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--atis-primary);}
h1,h2,h3{line-height:1.2;}

.atis-container{max-width:var(--atis-container);margin:0 auto;padding:0 1.25rem;}
.atis-section{padding:5rem 0;}
.atis-section__head{text-align:center;max-width:640px;margin:0 auto 3rem;}
.atis-section__title{font-size:clamp(1.8rem,4vw,2.6rem);margin:.25rem 0;}
.atis-section__eyebrow{color:var(--atis-primary);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;}
.atis-section__lead{color:var(--atis-muted);}
.atis-section--alt{background:var(--atis-surface);}

/* ====== Header ====== */
.atis-header{
  position:sticky;top:0;z-index:100;background:rgba(255,255,255,.85);
  backdrop-filter:blur(12px);border-bottom:1px solid rgba(15,23,42,.06);
}
.atis-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;max-width:var(--atis-container);margin:0 auto;}
.atis-logo{font-weight:800;font-size:1.4rem;text-decoration:none;color:var(--atis-dark);display:flex;align-items:center;gap:.5rem;}
.atis-logo span{background:var(--atis-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;}
.atis-nav{display:flex;gap:1.75rem;align-items:center;}
.atis-nav a{text-decoration:none;color:var(--atis-dark);font-weight:600;font-size:.95rem;transition:color .2s;}
.atis-nav a:hover{color:var(--atis-primary);}
.atis-burger{display:none;background:none;border:0;font-size:1.6rem;cursor:pointer;}

/* ====== Hero ====== */
.atis-hero{
  position:relative;color:#fff;overflow:hidden;
  background:linear-gradient(135deg,#0f172a 0%,#4f46e5 60%,#8b5cf6 100%);
  padding:6rem 0 7rem;
}
.atis-hero::after{
  content:"";position:absolute;inset:0;opacity:.15;
  background:radial-gradient(circle at 80% 20%,#fff 0,transparent 40%),radial-gradient(circle at 10% 90%,#f59e0b 0,transparent 35%);
}
.atis-hero__inner{position:relative;z-index:1;max-width:760px;}
.atis-hero h1{font-size:clamp(2.2rem,6vw,4rem);margin:0 0 1rem;}
.atis-hero p{font-size:1.2rem;opacity:.92;margin:0 0 2rem;}
.atis-hero__cta{display:flex;gap:1rem;flex-wrap:wrap;}

/* ====== Buttons ====== */
.atis-btn{display:inline-block;border:0;cursor:pointer;border-radius:.7rem;padding:.85rem 1.6rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;}
.atis-btn--primary{background:var(--atis-gradient);color:#fff;box-shadow:0 8px 22px rgba(99,102,241,.4);}
.atis-btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(99,102,241,.55);}
.atis-btn--ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.4);}
.atis-btn--ghost:hover{background:rgba(255,255,255,.22);}

/* ====== Search bar ====== */
.atis-search{
  background:#fff;border-radius:var(--atis-radius);box-shadow:var(--atis-shadow);
  padding:1.5rem;margin-top:-3.5rem;position:relative;z-index:5;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;align-items:end;
}
.atis-search label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:.85rem;color:var(--atis-muted);}
.atis-search input,.atis-search select{padding:.7rem;border:1px solid #d8dee9;border-radius:.6rem;font-size:1rem;}

/* ====== Features ====== */
.atis-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.75rem;}
.atis-feature{background:#fff;border-radius:var(--atis-radius);padding:2rem;box-shadow:var(--atis-shadow);text-align:center;}
.atis-feature__icon{font-size:2.5rem;display:block;margin-bottom:.75rem;}
.atis-feature h3{margin:.25rem 0;}
.atis-feature p{color:var(--atis-muted);margin:0;}

/* ====== Steps ====== */
.atis-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;counter-reset:step;}
.atis-step{text-align:center;position:relative;}
.atis-step__num{width:60px;height:60px;border-radius:50%;background:var(--atis-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;margin:0 auto 1rem;box-shadow:0 8px 20px rgba(99,102,241,.4);}

/* ====== CTA banner ====== */
.atis-cta-banner{background:var(--atis-gradient);color:#fff;border-radius:1.5rem;padding:3.5rem 2rem;text-align:center;}
.atis-cta-banner h2{font-size:clamp(1.6rem,4vw,2.4rem);margin:0 0 1rem;}

/* ====== Footer ====== */
.atis-footer{background:var(--atis-dark);color:#cbd5e1;padding:3.5rem 0 2rem;}
.atis-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;}
.atis-footer h4{color:#fff;margin:0 0 1rem;}
.atis-footer a{color:#cbd5e1;text-decoration:none;}
.atis-footer a:hover{color:#fff;}
.atis-footer__bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:2.5rem;padding-top:1.5rem;text-align:center;font-size:.85rem;color:#94a3b8;}

/* ====== Single car ====== */
.atis-single{display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;align-items:start;}
.atis-single__media img{border-radius:var(--atis-radius);box-shadow:var(--atis-shadow);}
.atis-single__specs{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0;}
.atis-single__spec{background:#fff;border-radius:.7rem;padding:1rem;box-shadow:var(--atis-shadow);}
.atis-single__spec strong{display:block;font-size:1.1rem;}
.atis-single__spec span{color:var(--atis-muted);font-size:.85rem;}

/* ====== Responsive ====== */
@media (max-width:900px){
  .atis-single{grid-template-columns:1fr;}
}
@media (max-width:768px){
  .atis-nav{
    position:fixed;inset:64px 0 auto 0;flex-direction:column;background:#fff;
    padding:1.5rem;box-shadow:var(--atis-shadow);transform:translateY(-150%);transition:transform .3s;
  }
  .atis-nav.is-open{transform:translateY(0);}
  .atis-burger{display:block;}
}