/* ======= VÉGSŐ TÉMA-OVERRIDE: MINTWASH.COM STRUKTÚRA, FEKETE–NARANCS ======= */

@import url('styles.css'); /* Eredeti ~1200 soros stílus */

:root {
  --orange:    #ff9900;
  --darkorange:#d64646;
  --bg-dark:   #111;
  --text-white:#fff;
  --text-black:#000;
}

/* -- Globális felülírások ------------------------------------------------ */
body, .navbar, .footer, section, .service-item, .gallery-item, button, .btn {
  transition: all .3s ease;
}

/* -- Navigáció (mintwash.com) -------------------------------------------- */
.navbar {
  background: var(--bg-dark) !important;
  color: var(--orange) !important;
  padding: 1rem 2rem;
  display: flex;
  justify-content: space-between;
}
.navbar a { color: var(--orange) !important; }
.navbar .hamburger:hover { color: var(--darkorange) !important; }
.nav-links a:hover { background: var(--darkorange) !important; }

/* -- Hero szekció -------------------------------------------------------- */
.hero { background-image: url('images/hero.jpg'); }
.hero-overlay { background: rgba(0,0,0,.6); }
.hero-text h1 { color: var(--text-white); }
.hero-text a.btn-primary { background: var(--orange); color: var(--text-black); }
.hero-text a.btn-primary:hover { background: var(--darkorange); }

/* -- About szekció ------------------------------------------------------- */
.about { background: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.8)), url('images/about.jpg'); }
.about h2, .about-content p { color: var(--text-white); }

/* -- Szolgáltatások ------------------------------------------------------ */
.homepage-services { background: var(--bg-dark); color: var(--text-white); }
.service-card, .service-item { background: var(--bg-dark); border: 1px solid var(--orange); }
.service-card img { border-radius: 8px; }
.service-card h3 { color: var(--orange); }
.service-card p { color: var(--text-white); }
.service-card:hover { box-shadow: 0 8px 16px rgba(0,0,0,.5); }

/* -- Galéria ------------------------------------------------------------- */
.gallery-item { border-radius: 10px; overflow: hidden; }
.gallery-item img { transition: transform .4s; }
.gallery-item:hover img { transform: scale(1.05); }

/* -- Űrlapok (Appointment & Apply) -------------------------------------- */
.appointment, .apply {
  background: rgba(17,17,17,.85);
  color: var(--text-white);
}
.appointment input, .apply textarea { border: 1px solid #ccc; }
.appointment button, .apply button { background: var(--orange); color: var(--text-black); }
.appointment button:hover, .apply button:hover { background: var(--darkorange); }

/* -- Modal, AD ---------------------------------------------------------------- */
.modal, .ad-modal { background: rgba(0,0,0,.8); }
.modal-content, .ad-content { border-radius: 10px; }
.close, .close-btn { color: var(--text-white); }
.prev, .next { color: var(--text-white); }
.prev:hover, .next:hover, .close:hover { color: var(--orange); }

/* -- Lábléc -------------------------------------------------------------- */
.footer { background: var(--bg-dark); color: var(--text-white); }
.footer a { color: var(--orange); }
.footer a:hover { color: var(--darkorange); }

/* -- Resonzív kiigazítások ------------------------------------------------ */
@media (max-width:768px) {
  .navbar { flex-direction: column; }
  .service-card, .gallery-item { width:100%; margin-bottom:1rem; }
}