/* ============================================================
   STELLA-THEME.CSS — Light/Dark rejim + Til (UZ/RU) UI
   Default: dark (night). html[data-theme="light"] -> yorug'.
   stella.css va stella-anim.css dan KEYIN yuklanadi.
   ============================================================ */

/* ------------------------------------------------------------
   LIGHT REJIM — CSS o'zgaruvchilarini qayta belgilash
   stella.css dagi :root (dark) qiymatlarini ustun bo'lib bosadi.
   ------------------------------------------------------------ */
html[data-theme="light"]{
  --stella-black:  #eef1f7;   /* sahifa foni */
  --stella-black2: #ffffff;   /* kartalar, alt sektorlar, header, footer */
  --stella-dark:   #f5f7fb;
  --stella-gray:   #e7eaf1;
  --stella-text:   #14161c;   /* asosiy matn */
  --stella-muted:  #5b6270;   /* ikkilamchi matn */
  --stella-border: #e1e5ee;
  /* gold brend rangi o'zgarmaydi */
  color-scheme: light;
}
html:not([data-theme="light"]){ color-scheme: dark; }

/* Light: header */
html[data-theme="light"] .stella-header{
  background:rgba(255,255,255,.9);
  border-bottom-color:var(--stella-border);
}
html[data-theme="light"] .stella-header.sa-scrolled{
  background:rgba(255,255,255,.95);
  box-shadow:0 10px 40px -24px rgba(20,30,60,.35);
}

/* Light: header logodagi "stella" matni ko'k, fonida oq — yaxshi ko'rinadi.
   Logo SVG o'zgarmaydi (ko'k matn light fonda ham yaxshi). */

/* Light: hero — fon RASM ustida, shuning uchun matn OQ qoladi */
html[data-theme="light"] .stella-hero-title{ color:#fff; }
html[data-theme="light"] .stella-hero-desc{ color:rgba(255,255,255,.8); }
html[data-theme="light"] .stella-hero-overlay{
  background:linear-gradient(to right, rgba(10,10,14,.88) 45%, rgba(10,10,14,.35) 100%);
}

/* Light: ambient effektlarni yumshatish */
html[data-theme="light"] .sa-blob{ opacity:.22; }
html[data-theme="light"] .sa-grain{ display:none; }
html[data-theme="light"] .sa-grid-fx{
  background-image:linear-gradient(rgba(80,110,200,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(80,110,200,.07) 1px,transparent 1px);
  opacity:.7;
}
html[data-theme="light"] .sa-cursor{
  background:radial-gradient(circle,rgba(235,209,99,.18),transparent 62%);
  mix-blend-mode:multiply;
}

/* Light: kartalar soyasi */
html[data-theme="light"] .stella-service-card,
html[data-theme="light"] .stella-location-card,
html[data-theme="light"] .stella-contact-card,
html[data-theme="light"] .stella-filter-bar{
  box-shadow:0 4px 24px -16px rgba(20,30,60,.25);
}
html[data-theme="light"] .sa-lift:hover{
  box-shadow:0 30px 60px -30px rgba(20,30,60,.35);
}

/* Light: footer ijtimoiy/social link foni */
html[data-theme="light"] .stella-social-link{ background:var(--stella-gray); color:var(--stella-muted); }
html[data-theme="light"] .stella-social-link:hover{ background:var(--stella-gold); color:#111; }

/* Light: gold tugma matni baribir to'q (o'zgarmaydi). Outline tugma: */
html[data-theme="light"] .stella-btn-outline{ border-color:rgba(20,30,60,.25); }
html[data-theme="light"] .stella-btn-outline:hover{ border-color:var(--stella-gold-dark); color:var(--stella-gold-dark) !important; }

/* Light: scroll progress yorqinroq */
html[data-theme="light"] .sa-progress{ box-shadow:0 0 12px rgba(201,168,40,.5); }

/* Light: back-to-top */
html[data-theme="light"] .sa-totop{ background:rgba(255,255,255,.85); border-color:rgba(201,168,40,.4); color:var(--stella-gold-dark); }
html[data-theme="light"] .sa-totop:hover{ background:var(--stella-gold); color:#111; }

/* Light: gradient matn — oq o'rniga to'q oxiri */
html[data-theme="light"] .sa-gradient-text{
  background:linear-gradient(120deg,#C9A227 0%,#a87d0a 35%,#14161c 70%,#C9A227 100%);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

/* Smooth tema o'tishi */
body, .stella-header, .stella-section, .stella-section-alt, .stella-service-card,
.stella-location-card, .stella-contact-card, .stella-footer, .stella-page-hero,
.stella-stats, .stella-filter-bar, .stella-form-control, .stella-select, .stella-search-input{
  transition:background-color .35s ease, color .35s ease, border-color .35s ease;
}

/* ============================================================
   UI CONTROLS — Theme toggle + Til almashtirgich
   ============================================================ */
.sa-ui-controls{ display:inline-flex; align-items:center; gap:10px; }

/* Til almashtirgich (UZ | RU) */
.sa-lang{
  display:inline-flex; align-items:center; background:rgba(255,255,255,.06);
  border:1px solid var(--stella-border); border-radius:9px; padding:2px; gap:2px;
}
html[data-theme="light"] .sa-lang{ background:rgba(20,30,60,.04); }
.sa-lang button{
  border:none; background:transparent; color:var(--stella-muted); cursor:pointer;
  font-size:12px; font-weight:700; letter-spacing:.5px; padding:5px 9px; border-radius:7px;
  transition:all .2s; font-family:inherit; line-height:1;
}
.sa-lang button:hover{ color:var(--stella-text); }
.sa-lang button.active{ background:var(--stella-gold); color:#1a1500; }

/* Theme toggle tugma */
.sa-theme-toggle{
  width:38px; height:38px; border-radius:10px; display:inline-grid; place-items:center;
  border:1px solid var(--stella-border); background:rgba(255,255,255,.06);
  color:var(--stella-gold); cursor:pointer; font-size:15px; transition:all .25s; position:relative; overflow:hidden;
}
html[data-theme="light"] .sa-theme-toggle{ background:rgba(20,30,60,.04); color:var(--stella-gold-dark); }
.sa-theme-toggle:hover{ border-color:var(--stella-gold); transform:translateY(-1px); }
.sa-theme-toggle i{ transition:transform .4s var(--sa-ease, cubic-bezier(.16,1,.3,1)), opacity .25s; }
.sa-theme-toggle:hover i{ transform:rotate(35deg); }

/* Mobil menyuda controls */
.mobile-menu .sa-ui-controls{ width:100%; justify-content:space-between; margin-bottom:14px; }
.mobile-menu .sa-lang{ flex:1; }
.mobile-menu .sa-lang button{ flex:1; text-align:center; }

@media(max-width:991px){
  /* Desktop headerdagi controls yashiriladi (mobil menyuga ko'chadi) */
  .stella-header .sa-ui-controls{ display:none; }
}