/* ===== FA-LAND – CONTACT FORM WHITE LUXURY (TANK) ===== */

/* A kontakt űrlap doboza (action alapján) */
form[action*="information/contact"],
form[action*="route=information/contact"],
form[action*="contact"]{
  background:#ffffff !important;
  border-radius:22px !important;
  padding:22px !important;
  max-width:980px !important;
  margin:20px auto !important;
  box-shadow:0 30px 80px rgba(0,0,0,.25) !important;
}

/* Label */
form[action*="information/contact"] label,
form[action*="route=information/contact"] label,
form[action*="contact"] label{
  color:#111 !important;
  font-weight:700 !important;
  font-size:13px !important;
  margin-bottom:6px !important;
  display:block !important;
}

/* Mezők */
form[action*="information/contact"] input[type="text"],
form[action*="information/contact"] input[type="email"],
form[action*="information/contact"] textarea,
form[action*="route=information/contact"] input[type="text"],
form[action*="route=information/contact"] input[type="email"],
form[action*="route=information/contact"] textarea,
form[action*="contact"] input[type="text"],
form[action*="contact"] input[type="email"],
form[action*="contact"] textarea{
  width:100% !important;
  padding:12px 14px !important;
  border-radius:12px !important;
  border:1px solid #e5e7eb !important;
  background:#fafafa !important;
  font-size:14px !important;
  color:#111 !important;
  box-shadow:none !important;
}

form[action*="information/contact"] textarea,
form[action*="route=information/contact"] textarea,
form[action*="contact"] textarea{
  min-height:120px !important;
}

/* Checkbox szöveg */
form[action*="information/contact"] .checkbox,
form[action*="information/contact"] .form-group.checkbox,
form[action*="route=information/contact"] .checkbox,
form[action*="route=information/contact"] .form-group.checkbox,
form[action*="contact"] .checkbox,
form[action*="contact"] .form-group.checkbox{
  font-size:12px !important;
  color:#374151 !important;
  line-height:1.5 !important;
}

/* Küldés gomb */
form[action*="information/contact"] button,
form[action*="information/contact"] input[type="submit"],
form[action*="route=information/contact"] button,
form[action*="route=information/contact"] input[type="submit"],
form[action*="contact"] button,
form[action*="contact"] input[type="submit"]{
  width:100% !important;
  margin-top:14px !important;
  padding:14px !important;
  border-radius:999px !important;
  border:none !important;
  background:linear-gradient(90deg,#111827,#374151) !important;
  color:#ffffff !important;
  font-weight:800 !important;
  font-size:14px !important;
  cursor:pointer !important;
  box-shadow:0 10px 30px rgba(0,0,0,.25) !important;
}

@media (max-width:768px){
  form[action*="information/contact"],
  form[action*="route=information/contact"],
  form[action*="contact"]{
    padding:18px !important;
  }
}

/* === FA-LAND • CONTACT FORM — White Luxury x Clever Neon (TANK) === */

/* Form wrapper (sokféle Shoprenter sablonhoz) */
#content form,
#content .form-horizontal,
#content .contact-form,
#content .contact-page form,
#content form[action*="information/contact"],
#content form[action*="route=information/contact"],
#content form[action*="contact"]{
  background:
    radial-gradient(900px 420px at 12% 0%, rgba(46,242,255,.10), transparent 55%),
    radial-gradient(900px 420px at 88% 0%, rgba(139,92,246,.10), transparent 55%),
    #ffffff !important;
  border-radius:22px !important;
  padding:22px !important;
  max-width:980px !important;
  margin:20px auto !important;
  box-shadow:0 30px 80px rgba(0,0,0,.25) !important;
  position:relative !important;
}

/* Felső fénycsík */
#content form::before,
#content .form-horizontal::before,
#content .contact-form::before{
  content:"" !important;
  display:block !important;
  height:3px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#2ef2ff,#8b5cf6) !important;
  margin-bottom:14px !important;
}

/* Label */
#content form label,
#content .form-horizontal label,
#content .contact-form label{
  color:#111 !important;
  font-weight:700 !important;
  font-size:13px !important;
  margin-bottom:6px !important;
  display:block !important;
  letter-spacing:.2px !important;
}

/* Input + textarea */
#content form input[type="text"],
#content form input[type="email"],
#content form input[type="tel"],
#content form textarea,
#content .form-horizontal input[type="text"],
#content .form-horizontal input[type="email"],
#content .form-horizontal input[type="tel"],
#content .form-horizontal textarea,
#content .contact-form input[type="text"],
#content .contact-form input[type="email"],
#content .contact-form input[type="tel"],
#content .contact-form textarea{
  width:100% !important;
  padding:12px 14px !important;
  border-radius:14px !important;
  border:1px solid #e5e7eb !important;
  background:#ffffff !important;
  font-size:14px !important;
  color:#111827 !important;
  transition:.18s ease !important;
  box-shadow:none !important;
}

#content form textarea,
#content .form-horizontal textarea,
#content .contact-form textarea{
  min-height:120px !important;
  resize:vertical !important;
}

/* Focus — clever glow */
#content form input:focus,
#content form textarea:focus,
#content .form-horizontal input:focus,
#content .form-horizontal textarea:focus,
#content .contact-form input:focus,
#content .contact-form textarea:focus{
  border-color: rgba(139,92,246,.55) !important;
  box-shadow:
    0 0 0 4px rgba(139,92,246,.12),
    0 0 18px rgba(46,242,255,.15) !important;
  outline:none !important;
}

/* GDPR / checkbox blokk */
#content form .checkbox,
#content form .form-group.checkbox,
#content .form-horizontal .checkbox,
#content .form-horizontal .form-group.checkbox,
#content .contact-form .checkbox,
#content .contact-form .form-group.checkbox{
  background:linear-gradient(180deg,#ffffff,#f8fafc) !important;
  border:1px solid #e5e7eb !important;
  border-radius:16px !important;
  padding:12px 14px !important;
  font-size:12px !important;
  color:#374151 !important;
  line-height:1.5 !important;
  box-shadow:0 12px 40px rgba(0,0,0,.08) !important;
}

#content form input[type="checkbox"]{
  accent-color:#8b5cf6 !important;
}

/* Submit gomb */
#content form button,
#content form input[type="submit"],
#content .form-horizontal button,
#content .form-horizontal input[type="submit"],
#content .contact-form button,
#content .contact-form input[type="submit"]{
  width:100% !important;
  margin-top:14px !important;
  padding:14px !important;
  border-radius:999px !important;
  border:none !important;
  background:
    linear-gradient(90deg, rgba(46,242,255,.18), rgba(139,92,246,.18)),
    #111827 !important;
  color:#ffffff !important;
  font-weight:800 !important;
  font-size:14px !important;
  letter-spacing:.3px !important;
  cursor:pointer !important;
  box-shadow:0 12px 40px rgba(0,0,0,.25) !important;
  transition:.18s ease !important;
}

#content form button:hover,
#content form input[type="submit"]:hover{
  filter:brightness(1.08) !important;
  transform:translateY(-1px) !important;
  box-shadow:
    0 16px 60px rgba(139,92,246,.35),
    0 0 20px rgba(46,242,255,.35) !important;
}

body { outline: 8px solid lime !important; }

/* Fa-Land SUPER SAFE header/body polish */

html, body {
  background: #0b1030;
  color: #ffffff;
}

body {
  line-height: 1.65;
  letter-spacing: 0.2px;
}

/* Links */
a { color: #a9d4ff; }
a:hover { opacity: 0.9; }

/* Buttons */
button, .btn, .button, input[type="submit"]{
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(120,80,255,0.25);
  color: #ffffff;
  box-shadow: 0 12px 30px rgba(0,0,0,0.25);
  transition: transform 0.15s ease, opacity 0.15s ease;
}

button:hover, .btn:hover, .button:hover, input[type="submit"]:hover{
  transform: translateY(-1px);
}

button:active, .btn:active, .button:active, input[type="submit"]:active{
  transform: translateY(0);
  opacity: 0.92;
}

/* Inputs */
input, select, textarea{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06);
  color: #ffffff;
}

/* Header (több sablonhoz) */
header, .site-header, .main-header, #header, .header{
  position: sticky;
  top: 0;
  z-index: 9999;
  background: rgba(10,12,24,0.92);
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

header, #header, .header, .site-header, .main-header {
  outline: 3px solid orange !important;
}

/* Header sáv is keskeny (csak ha ezt akarod!) */
header, #header, .header, .site-header, .main-header {
  max-width: 1180px !important;
  margin: 0 auto !important;
  border-radius: 16px !important;
}

/* =================================================
   FA-LAND – FELSŐ RÉSZ TELJES KESKENYÍTÉS
   Top bar + header + menü + kereső ikon mód
   ================================================= */

/* ===== 1. FELSŐ FEKETE SÁV (TOP / UTILITY BAR) ===== */
.top-bar,
.header-top,
.header-topbar,
.header-upper,
.utility-bar,
.header .top,
.header .upper {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  min-height: 0 !important;
  height: auto !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

/* belső wrapper */
.top-bar .container,
.header-top .container,
.header-topbar .container,
.header-upper .container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* linkek ne növeljék a magasságot */
.top-bar a,
.header-top a,
.header-topbar a {
  padding: 2px 6px !important;
}


/* ===== 2. HEADER TELJES MAGASSÁG CSÖKKENTÉS ===== */
header,
#header,
.header,
.site-header,
.main-header,
.header-wrapper,
.header__wrapper,
.header-inner,
.header__inner {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  min-height: 0 !important;
  height: auto !important;
}

/* LOGÓ MÉRET (gyakran ez tolja szét) */
header img,
#header img,
.header img,
.site-header img,
.main-header img {
  max-height: 42px !important;
  height: auto !important;
}


/* ===== 3. MENÜ TARTALOM KESKENYÍTÉSE ===== */
header .container,
header .wrapper,
header .inner,
header .header-inner,
header .header__inner,
header .row,
#header .container,
.header .container,
.site-header .container,
.main-header .container {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

/* menüpontok sűrítése */
header nav a,
#header nav a,
.header nav a,
.site-header nav a,
.main-header nav a {
  padding: 6px 10px !important;
  line-height: 1.2 !important;
  font-size: 14px !important;
}


/* =================================================
   4. KERESŐ – CSAK IKON, INPUT NYÍLIK KATTINTÁSRA
   ================================================= */

/* kereső wrapper */
.search,
.search-box,
.header-search,
.top-search,
.search-form {
  position: relative;
}

/* input alapból elrejtve */
.search input[type="search"],
.search input[type="text"],
.search-box input,
.header-search input,
.top-search input {
  width: 0 !important;
  padding: 0 !important;
  border: none !important;
  opacity: 0 !important;
  background: transparent !important;
  transition: width 0.25s ease, opacity 0.2s ease, padding 0.2s ease;
}

/* kereső gomb (nagyító) */
.search button,
.search-box button,
.header-search button,
.top-search button {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* hover / kattintás → input kinyílik */
.search:hover input,
.search:focus-within input,
.search-box:hover input,
.search-box:focus-within input,
.header-search:hover input,
.header-search:focus-within input,
.top-search:hover input,
.top-search:focus-within input {
  width: 180px !important;
  padding: 6px 10px !important;
  opacity: 1 !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  background: rgba(0,0,0,0.35) !important;
  color: #fff !important;
}

/* mobilon kisebb nyílás */
@media (max-width: 768px) {
  .search:hover input,
  .search:focus-within input,
  .search-box:hover input,
  .search-box:focus-within input {
    width: 140px !important;
  }
}

/* =================================================
   FELSŐ FEKETE SÁV – FIX MAGASSÁG KINYÍRÁSA
   ================================================= */

/* maga a sáv */
.top-bar,
.header-top,
.header-topbar,
.header-upper,
.utility-bar {
  height: 28px !important;
  max-height: 28px !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* belső sor / flex elem */
.top-bar > *,
.header-top > *,
.header-topbar > *,
.header-upper > *,
.utility-bar > * {
  height: 28px !important;
  max-height: 28px !important;
  align-items: center !important;
}

/* tipikusan EZ tartja vastagon */
.top-bar .row,
.header-top .row,
.header-topbar .row,
.utility-bar .row,
.top-bar .flex,
.header-top .flex {
  height: 28px !important;
  min-height: 0 !important;
  align-items: center !important;
}

/* szöveg + ikonok */
.top-bar a,
.top-bar span,
.header-top a,
.header-top span {
  line-height: 28px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: 12px !important;
}

/* ===== FELSŐ SÁV TARTALOM KÖZÉPRE (MIDDLE) ===== */

/* a sáv maga */
.top-bar,
.header-top,
.header-topbar,
.header-upper,
.utility-bar {
  height: 28px !important;
  max-height: 28px !important;
  min-height: 28px !important;
  display: flex !important;
  align-items: center !important;   /* ← EZ A LÉNYEG */
}

/* belső wrapper / sor */
.top-bar > *,
.header-top > *,
.header-topbar > *,
.header-upper > *,
.utility-bar > *,
.top-bar .row,
.header-top .row,
.header-topbar .row,
.utility-bar .row {
  height: 28px !important;
  display: flex !important;
  align-items: center !important;   /* ← EZ IS */
}

/* szöveg + ikonok ne tolják szét */
.top-bar a,
.top-bar span,
.header-top a,
.header-top span {
  line-height: 28px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* --- Fa-Land cyber madáretető layout --- */

.faland-intro{
  opacity:0.9;
  margin-bottom:14px;
  line-height:1.6;
}

.faland-image{
  text-align:center;
  margin:18px 0;
}

.faland-image img{
  max-width:600px;
  width:100%;
  height:auto;
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,0.35);
}

/* cyber kártyák */
.faland-cards{
  list-style:none;
  padding:0;
  margin:18px 0;
  display:grid;
  grid-template-columns:repeat(1,1fr);
  gap:12px;
}

@media (min-width:768px){
  .faland-cards{
    grid-template-columns:repeat(3,1fr);
  }
}

.faland-cards li{
  padding:14px;
  border-radius:14px;
  background:rgba(10,10,12,0.55);
  border:1px solid rgba(180,140,80,0.35);
  line-height:1.5;
}

/* info lista */
.faland-info{
  line-height:1.7;
}

/* alsó megjegyzés */
.faland-note{
  opacity:0.85;
  margin-top:12px;
}

.faland-cards li{
  transition: all .25s ease;
}

.faland-cards li:hover{
  border-color: rgba(255,180,80,.6);
  box-shadow: 0 0 18px rgba(255,160,60,.15);
  transform: translateY(-2px);
}

.faland-cards li{
  background: rgba(10,10,12,0.35);
  border: 1px solid rgba(180,140,80,0.28);
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}

.faland-cards li strong{
  display: block;
  margin-bottom: 6px;
  letter-spacing: 0.3px;
}

.faland-image img{
  border: 1px solid rgba(180,140,80,0.22);
}