/* ============================================================
   NAPELEM OÁZIS – GLOBAL.CSS
   Közös változók + Header + Footer. Minden oldalon betöltendő.
   Prefix: .no- (header) · .nof- (footer)
   ============================================================ */

/* ===== KÖZÖS GYÖKÉRVÁLTOZÓK (itt egyszer, mindenhol elérhető) ===== */
:root{
  --no-primary:#0B3D91;
  --no-primary-dark:#082B68;
  --no-accent:#00C896;
  --no-accent-dark:#00A87E;
  --no-sun:#FFB800;
  --no-ink:#1A1A2E;
  --no-body:#3A4256;
  --no-bg-soft:#F5F7FA;
  --no-bg-soft2:#EEF2F8;
  --no-border:#E4E9F0;
  --no-dark:#0A1E42;
  --no-dark2:#0D2856;
  /* header méretváltozók */
  --no-logo-h:50px;
  --no-logo-h-mobile:40px;
  --no-header-h:78px;
}

/* ============================================================
   HEADER
   ============================================================ */
.no-header,.no-header *{box-sizing:border-box;margin:0;padding:0;}

.elementor-widget-html .no-header{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;}
@media(max-width:1024px){.elementor-widget-html .no-header{position:relative;}}

@keyframes noSlideDown{from{transform:translateY(-100%);opacity:0;}to{transform:translateY(0);opacity:1;}}

.no-header{position:sticky;top:0;z-index:9999;width:100%;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(11,61,145,.08);font-family:'Poppins','Segoe UI',system-ui,-apple-system,sans-serif;animation:noSlideDown .6s cubic-bezier(.22,1,.36,1) both;transition:box-shadow .3s ease,height .3s ease;}
.no-header-inner{max-width:1240px;margin:0 auto;height:var(--no-header-h);padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;transition:height .3s ease;position:relative;z-index:10000;}
.no-header.no-scrolled{box-shadow:0 4px 24px rgba(11,61,145,.14);}
.no-header.no-scrolled .no-header-inner{height:64px;}

.no-logo{display:flex;align-items:center;flex-shrink:0;}
.no-logo img{height:var(--no-logo-h);width:auto;display:block;transition:height .3s ease;}
.no-header.no-scrolled .no-logo img{height:42px;}

.no-nav{display:flex;align-items:center;}
.no-nav ul{list-style:none;display:flex;align-items:center;gap:30px;}
.no-nav a{position:relative;text-decoration:none;color:var(--no-ink);font-size:15px;font-weight:500;letter-spacing:.2px;padding:6px 0;transition:color .25s ease;}
.no-nav a::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--no-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.22,1,.36,1);}
.no-nav a:hover{color:var(--no-primary);}
.no-nav a:hover::after{transform:scaleX(1);}

.no-actions{display:flex;align-items:center;gap:18px;flex-shrink:0;}
.no-phone{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--no-primary);font-weight:600;font-size:15px;white-space:nowrap;transition:color .25s ease;}
.no-phone svg{width:18px;height:18px;fill:var(--no-accent);flex-shrink:0;transition:transform .25s ease;}
.no-phone:hover{color:var(--no-accent-dark);}
.no-phone:hover svg{transform:rotate(-12deg) scale(1.1);}

.no-cta{display:inline-flex;align-items:center;background:var(--no-accent);color:#fff;text-decoration:none;font-weight:600;font-size:14.5px;padding:11px 22px;border-radius:40px;white-space:nowrap;box-shadow:0 4px 14px rgba(0,200,150,.35);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
.no-cta:hover{background:var(--no-accent-dark);transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,200,150,.45);}

.no-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;background:transparent;border:none;cursor:pointer;flex-shrink:0;position:relative;z-index:10001;}
.no-burger span{display:block;width:26px;height:2.5px;border-radius:2px;background:var(--no-primary);transition:transform .3s ease,opacity .3s ease;}
.no-burger.no-open span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
.no-burger.no-open span:nth-child(2){opacity:0;}
.no-burger.no-open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}

@media(max-width:1024px){
  .no-header{position:relative;animation:noSlideDown .5s cubic-bezier(.22,1,.36,1) both;}
  .no-burger{display:flex;}
  .no-nav{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;box-shadow:0 12px 24px rgba(11,61,145,.10);max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease,padding .3s ease;padding:0 24px;z-index:9998;border-top:1px solid #eef1f6;}
  .no-actions{display:none;}
  .no-header.no-menu-open .no-nav{max-height:400px;opacity:1;padding:12px 24px 16px;}
  .no-nav ul{flex-direction:column;align-items:flex-start;gap:0;width:100%;}
  .no-nav li{width:100%;}
  .no-nav a{display:block;width:100%;padding:13px 0;border-bottom:1px solid #f2f4f8;font-size:16px;}
  .no-nav a::after{display:none;}
  .no-header.no-menu-open .no-nav li{animation:noFadeIn .4s ease both;}
  .no-header.no-menu-open .no-nav li:nth-child(1){animation-delay:.05s;}
  .no-header.no-menu-open .no-nav li:nth-child(2){animation-delay:.10s;}
  .no-header.no-menu-open .no-nav li:nth-child(3){animation-delay:.15s;}
  .no-header.no-menu-open .no-nav li:nth-child(4){animation-delay:.20s;}
  .no-header.no-menu-open .no-nav li:nth-child(5){animation-delay:.25s;}
  .no-header.no-menu-open .no-nav li:nth-child(6){animation-delay:.30s;}
  .no-logo img{height:var(--no-logo-h-mobile);}
}
@keyframes noFadeIn{from{opacity:0;transform:translateX(-10px);}to{opacity:1;transform:translateX(0);}}

/* ============================================================
   FOOTER
   ============================================================ */
.nof-footer,.nof-footer *{box-sizing:border-box;margin:0;padding:0;}

.elementor-widget-html .nof-footer{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;}

.nof-footer{background:linear-gradient(160deg,var(--no-dark) 0%,var(--no-dark2) 100%);color:#C7D2E8;font-family:'Poppins','Segoe UI',system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.7;position:relative;overflow:hidden;}
.nof-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--no-accent),var(--no-sun),var(--no-accent));background-size:200% 100%;animation:nofShimmer 6s linear infinite;}
@keyframes nofShimmer{0%{background-position:0% 0;}100%{background-position:200% 0;}}

.nof-inner{max-width:1240px;margin:0 auto;padding:56px 24px 0;}
.nof-grid{display:grid;grid-template-columns:1.6fr 1fr 1.4fr;gap:48px;}
.nof-col{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);}
.nof-footer.nof-visible .nof-col{opacity:1;transform:translateY(0);}
.nof-footer.nof-visible .nof-col:nth-child(2){transition-delay:.12s;}
.nof-footer.nof-visible .nof-col:nth-child(3){transition-delay:.24s;}

.nof-logo img{height:54px;width:auto;display:block;margin-bottom:20px;filter:brightness(0) invert(1);}
.nof-about{color:#8194B5;max-width:340px;margin-bottom:22px;}
.nof-social{display:flex;gap:12px;}
.nof-social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.07);transition:background .3s ease,transform .3s ease;}
.nof-social a svg{width:19px;height:19px;fill:#C7D2E8;transition:fill .3s ease;}
.nof-social a:hover{background:var(--no-accent);transform:translateY(-3px);}
.nof-social a:hover svg{fill:#fff;}

.nof-h{color:#fff;font-size:16px;font-weight:600;margin-bottom:20px;position:relative;padding-bottom:12px;}
.nof-h::after{content:'';position:absolute;left:0;bottom:0;width:32px;height:2px;background:var(--no-accent);}

.nof-links{list-style:none;}
.nof-links li{margin-bottom:11px;}
.nof-links a{color:#C7D2E8;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:color .25s ease,transform .25s ease;}
.nof-links a::before{content:'\203A';color:var(--no-accent);font-size:18px;line-height:1;transition:transform .25s ease;}
.nof-links a:hover{color:#fff;transform:translateX(4px);}

.nof-contact{list-style:none;}
.nof-contact li{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;color:#C7D2E8;}
.nof-contact svg{width:18px;height:18px;fill:var(--no-accent);flex-shrink:0;margin-top:3px;}
.nof-contact a{color:#C7D2E8;text-decoration:none;transition:color .25s ease;}
.nof-contact a:hover{color:var(--no-accent);}
.nof-address-placeholder{color:#8194B5;font-style:italic;}

.nof-bottom{margin-top:48px;border-top:1px solid rgba(255,255,255,.08);padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#8194B5;font-size:14px;}
.nof-bottom a{color:#8194B5;text-decoration:none;transition:color .25s ease;}
.nof-bottom a:hover{color:var(--no-accent);}

@media(max-width:900px){.nof-grid{grid-template-columns:1fr 1fr;gap:36px;}.nof-col-brand{grid-column:1 / -1;}}
@media(max-width:600px){.nof-inner{padding:44px 22px 0;}.nof-grid{grid-template-columns:1fr;gap:32px;}.nof-bottom{flex-direction:column;text-align:center;gap:10px;}.nof-about{max-width:none;}}