/*
Theme Name: Nettabco
Theme URI: https://nettabco.ir
Author: Mmd_Hosein_Hashemi
Author URI: https://nettabco.ir
Description: قالب حرفه ای Nettabco با تم طلایی مشکی زرشکی، گالری اسلایدی موشنال، فرم نوبت و پنل اعضا
Version: 1.0
Text Domain: nettabco
*/
:root{
  --gold:#c59b3b;
  --maroon:#7b0f0f;
  --black:#0b0b0b;
  --muted:#bfbfbf;
  --glass: rgba(255,255,255,0.03);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: "Vazir", "IRANSans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background:linear-gradient(180deg,var(--black) 0%, #070707 100%);
  color:#eee;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.6;
}
/* Header */
.site-header{
  background:linear-gradient(90deg, rgba(0,0,0,0.6), rgba(0,0,0,0.3));
  border-bottom:1px solid rgba(255,255,255,0.03);
  padding:18px 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.site-brand{
  display:flex;
  align-items:center;
  gap:12px;
}
.site-brand .logo{
  width:56px;height:56px;border-radius:8px;
  background:linear-gradient(135deg,var(--gold),var(--maroon));
  display:flex;align-items:center;justify-content:center;font-weight:700;color:#0b0b0b;
  box-shadow:0 6px 18px rgba(0,0,0,0.6);
  font-size:20px;
}
.site-title{font-size:18px;font-weight:700;color:var(--gold)}
.site-sub{font-size:12px;color:var(--muted)}

/* Nav */
.main-nav a{color:#ddd;margin-left:18px;text-decoration:none;font-weight:600}
.main-nav a:hover{color:var(--gold)}

/* Hero / Slider */
.hero{
  padding:36px 28px;
}
.swiper-container{width:100%;height:420px;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.6)}
.swiper-slide{
  display:flex;align-items:center;justify-content:center;
  background-size:cover;background-position:center;
  position:relative;color:#fff;
}
.slide-overlay{
  position:absolute;inset:0;background:linear-gradient(180deg, rgba(11,11,11,0.2), rgba(11,11,11,0.6));
  display:flex;align-items:center;justify-content:center;padding:28px;
}
.slide-content{max-width:1100px;text-align:center}
.slide-title{font-size:36px;color:var(--gold);font-weight:800}
.slide-sub{font-size:18px;color:#fff;margin-top:8px}

/* Booking form */
.booking-card{
  background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border:1px solid rgba(255,255,255,0.03);
  padding:18px;border-radius:10px;max-width:520px;margin:18px auto;
}
.booking-card input, .booking-card select, .booking-card button{
  width:100%;padding:12px;margin:8px 0;border-radius:8px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:#fff;
}
.booking-card button{
  background:linear-gradient(90deg,var(--gold),var(--maroon));border:none;color:#0b0b0b;font-weight:700;cursor:pointer;
}

/* Team circle gallery */
.team-grid{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;padding:18px}
.team-item{width:140px;text-align:center}
.team-item .avatar{width:140px;height:140px;border-radius:50%;overflow:hidden;border:6px solid rgba(197,155,59,0.12);box-shadow:0 10px 30px rgba(0,0,0,0.6)}
.team-item .name{margin-top:8px;color:#fff;font-weight:700}

/* Cards and sections */
.section{padding:28px}
.card{background:var(--glass);padding:18px;border-radius:12px;border:1px solid rgba(255,255,255,0.03)}

/* Footer */
.site-footer{padding:24px;text-align:center;color:var(--muted);border-top:1px solid rgba(255,255,255,0.02)}
@media(max-width:768px){
  .swiper-container{height:320px}
  .slide-title{font-size:24px}
}