/* ==================================================================
   noor.az — v3 əlavələri
   Yeni funksiyaların üslubları: dil dəyişdirici, loqo şəkli,
   qulluq vasitələri, kampaniya nişanı, bloq kartı, sifariş statusları.
   Mövcud style.css faylına toxunulmur.
   ================================================================== */

/* ---------------- Loqo (şəkil yüklənibsə) ---------------- */
.logo.has-img { gap: 0; }
.logo-img {
  display: block;
  max-height: 62px;
  max-width: 260px;
  width: auto;
  object-fit: contain;
}
.site-footer .logo-img { max-height: 54px; filter: none; }

/* ---------------- Dil dəyişdirici ---------------- */
.lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 3px;
}
.lang-switch a {
  display: block;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .04em;
  color: var(--ink-50);
  line-height: 1;
}
.lang-switch a:hover { color: var(--pink); }
.lang-switch a.on { background: var(--pink); color: #fff; }
.lang-foot { display: inline-flex; gap: 8px; }
.lang-foot a { font-weight: 700; color: var(--ink-50); }
.lang-foot a.on { color: var(--pink); }

/* ---------------- Naviqasiya sayğacı ---------------- */
.main-nav a .cnt {
  display: inline-block;
  margin-left: 5px;
  background: var(--bg);
  border-radius: 999px;
  padding: 0 6px;
  font-size: 11px;
  font-weight: 800;
  color: var(--ink-50);
}

/* ---------------- Qulluq vasitələri ---------------- */
.care-cat-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 22px;
}
.care-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 14px;
  border: 1.5px solid var(--line);
  border-radius: 999px;
  background: #fff;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--ink-70);
}
.care-chip:hover { border-color: var(--pink); color: var(--pink); }
.care-chip.on { background: var(--pink); border-color: var(--pink); color: #fff; }
.care-chip .cnt {
  background: var(--bg);
  border-radius: 999px;
  padding: 0 7px;
  font-size: 11.5px;
  font-weight: 800;
  color: var(--ink-50);
}
.care-chip.on .cnt { background: rgba(255, 255, 255, .25); color: #fff; }

/* ---------------- Kampaniya ---------------- */
.promo { position: relative; }
.promo-badge {
  display: inline-block;
  margin-bottom: 8px;
  padding: 3px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .22);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .09em;
}
.promo.pink .promo-badge, .promo.lime .promo-badge { color: #fff; }
.camp-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.camp-card .top { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.camp-card h3 { font-size: 18px; margin: 0; }
.camp-card p { margin: 0; color: var(--ink-70); font-size: 14.5px; line-height: 1.6; }
.camp-card .dates { font-size: 12.5px; color: var(--ink-50); font-weight: 600; }
.camp-card img { width: 84px; height: 84px; object-fit: contain; flex: none; }
.pill-status {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 800;
}
.pill-status.new { background: var(--cyan-soft); color: var(--cyan-dark); }
.pill-status.confirmed { background: var(--purple-soft); color: var(--purple); }
.pill-status.shipped { background: var(--lime-soft); color: var(--lime-dark); }
.pill-status.done { background: #E8F5E9; color: #2E7D32; }
.pill-status.canceled { background: #FDECEF; color: #A8123A; }
.pill-status.off { background: var(--bg); color: var(--ink-50); }

/* ---------------- Bloq ---------------- */
.blog-card .body { padding-bottom: 16px; }
.blog-grid-3 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}
.article-body {
  font-size: 16px;
  line-height: 1.85;
  color: var(--ink-70);
}
.article-body h2 { margin-top: 30px; color: var(--ink); }
.article-body p { margin: 14px 0; }

/* ---------------- Formalar (sifariş) ---------------- */
.order-form {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 24px;
}
.order-form h2 { font-size: 20px; margin-top: 0; }

/* ---------------- Admin: dil tabları ---------------- */
.lang-tabs {
  display: flex;
  gap: 6px;
  margin: 6px 0 12px;
  flex-wrap: wrap;
}
.lang-tabs button {
  border: 1.5px solid var(--line);
  background: #fff;
  border-radius: 8px;
  padding: 6px 13px;
  font: inherit;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: .05em;
  cursor: pointer;
  color: var(--ink-50);
}
.lang-tabs button.on { background: var(--pink); border-color: var(--pink); color: #fff; }
.lang-pane { display: none; }
.lang-pane.on { display: block; }
.i18n-badge {
  display: inline-block;
  margin-left: 6px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  color: var(--ink-50);
  background: var(--bg);
  border-radius: 5px;
  padding: 1px 6px;
  vertical-align: middle;
}

/* ---------------- Admin: dashboard mini qrafik ---------------- */
.bar-row { display: flex; align-items: center; gap: 10px; margin-bottom: 7px; font-size: 13px; }
.bar-row .lbl { flex: 0 0 132px; color: var(--ink-70); font-weight: 600; overflow: hidden;
                text-overflow: ellipsis; white-space: nowrap; }
.bar-row .track { flex: 1; height: 9px; background: var(--bg); border-radius: 999px; overflow: hidden; }
.bar-row .fill { height: 100%; border-radius: 999px; background: var(--grad-pink); }
.bar-row .val { flex: 0 0 74px; text-align: right; font-weight: 800; }
.spark { display: flex; align-items: flex-end; gap: 5px; height: 90px; }
.spark .col { flex: 1; background: var(--grad-cyan); border-radius: 5px 5px 0 0; min-height: 4px; position: relative; }
.spark .col span { position: absolute; bottom: -19px; left: 0; right: 0; text-align: center;
                   font-size: 10px; color: var(--ink-50); }
@media (max-width: 700px) {
  .lang-switch { order: -1; }
  .care-cat-row { gap: 6px; }
}


/* ==================================================================
   v4 əlavələri — Digər menyusu, slayd şəkilləri, WhatsApp sifarişi
   ================================================================== */

/* ---------------- Naviqasiya: "Digər" alt menyusu ---------------- */
.main-nav .nav-toggle.on { color: var(--pink); border-bottom-color: var(--pink); }
.nav-other .dropdown { min-width: 226px; }
.nav-other .dropdown a.active { background: var(--pink-soft); color: var(--pink); font-weight: 800; }
.nav-other .dropdown .dotmark {
  width: 9px; height: 9px; border-radius: 50%; display: inline-block;
  margin-right: 9px; vertical-align: middle;
}
.main-nav .inner { row-gap: 0; }
@media (max-width: 1080px) {
  .main-nav a, .main-nav .nav-toggle { font-size: 12.5px; padding: 12px 8px; }
}
@media (max-width: 700px) {
  .nav-other .dropdown { display: block; }
}

/* ---------------- Hero slaydının yüklənmiş şəkli ---------------- */
.hero-visual .tile.has-img {
  padding: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line);
}
.hero-visual .tile.has-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ---------------- Sifariş üsulu nişanları ---------------- */
.src-pill {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .02em;
  white-space: nowrap;
}
.src-pill.site     { background: #E7F6FE; color: #0B6C93; }
.src-pill.whatsapp { background: #E8F8EC; color: #1E7A3C; }
.src-pill.phone    { background: #F3EAF8; color: #6A1F6B; }

/* ---------------- WhatsApp sifariş axını ---------------- */
.wa-fields { display: grid; gap: 8px; margin-bottom: 9px; }
.wa-fields input {
  width: 100%;
  padding: 9px 11px;
  border: 1.5px solid var(--line);
  border-radius: 9px;
  font: inherit;
  font-size: 13px;
}
.wa-only-note {
  background: #F2FBF4;
  border: 1px solid #CDEDD6;
  border-radius: 12px;
  padding: 11px 13px;
  font-size: 12.5px;
  line-height: 1.5;
  color: #1E7A3C;
  margin-bottom: 12px;
}
.checkout-off-banner {
  background: #F2FBF4;
  border: 1px solid #CDEDD6;
  border-radius: 12px;
  padding: 13px 15px;
  color: #1E7A3C;
  font-weight: 600;
  margin-bottom: 16px;
}


/* ==================================================================
   v5 — tablar, linza məlumatları, ulduz reytinqi, səbət xülasəsi
   ================================================================== */
.tabs { display:flex; gap:8px; flex-wrap:wrap; margin:0 0 18px; border-bottom:2px solid var(--line); }
.tabs > button { background:none; border:0; border-bottom:3px solid transparent; padding:11px 15px; cursor:pointer;
  font:inherit; font-weight:700; color:var(--ink-50); display:inline-flex; align-items:center; gap:8px; border-radius:10px 10px 0 0; }
.tabs > button:hover { color:var(--pink); background:rgba(229,49,143,.05); }
.tabs > button.on { color:var(--ink); border-bottom-color:var(--pink); }
.tabs > button .cnt { display:inline-flex; min-width:22px; height:22px; padding:0 7px; align-items:center; justify-content:center;
  border-radius:999px; background:var(--pink); color:#fff; font-size:12px; font-weight:800; }
.tabs.small-tabs { margin-bottom:12px; border-bottom:1.5px solid var(--line); }
.tabs.small-tabs > button { padding:9px 12px; font-size:13.5px; }
.ltab-pane, .tab-pane { display:none; }
.ltab-pane.on, .tab-pane.on { display:block; animation:fadeIn .22s ease; }
@keyframes fadeIn { from { opacity:0; transform:translateY(4px) } to { opacity:1; transform:none } }

/* Linza məlumatları şəbəkəsi */
.lens-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; align-items:end; }
.eye-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media (max-width:760px) { .eye-grid { grid-template-columns:1fr } }
.eye-col { background:#fff; border:1.5px solid #E9EDF2; border-radius:14px; padding:13px; }
.eye-col.od { border-top:4px solid #00B1EC; }
.eye-col.os { border-top:4px solid #8CC63F; }
.eye-head { font-weight:800; font-size:14px; margin-bottom:10px; display:flex; align-items:center; gap:7px; }
.eye-col.od .eye-head { color:#0176A8 }
.eye-col.os .eye-head { color:#5C8A1E }

/* Qutu sayı: −/+ stepper */
.step-wrap { display:inline-flex; align-items:stretch; border:1.5px solid var(--line); border-radius:11px; overflow:hidden; background:#fff; }
.step-wrap button { width:42px; border:0; background:var(--bg); cursor:pointer; font-size:19px; font-weight:800; color:var(--ink);
  line-height:1; display:flex; align-items:center; justify-content:center; }
.step-wrap button:hover { background:var(--pink); color:#fff }
.step-wrap input { width:64px; border:0; text-align:center; font:inherit; font-weight:800; padding:10px 4px;
  -moz-appearance:textfield; appearance:textfield; }
.step-wrap input::-webkit-outer-spin-button, .step-wrap input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0 }

/* Səbət xülasəsi sətirləri */
.sum-row { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid var(--line); }
.sum-row.total { border-bottom:0; padding:14px 0 10px; font-size:19px; }

/* Ulduz reytinqi */
.stars { display:inline-flex; gap:2px; line-height:1; color:#D9DEE5; }
.stars i { font-style:normal }
.stars i.on, .stars i.half { color:#F5A623 }
.pd-rating { display:flex; align-items:center; gap:9px; margin:6px 0 10px }
.pd-rating a { text-decoration:underline }
.star-input { display:inline-flex; gap:5px }
.star-input .star-btn { background:none; border:0; cursor:pointer; font-size:27px; line-height:1; color:#D9DEE5; padding:0 2px; transition:transform .12s }
.star-input .star-btn:hover { transform:scale(1.12) }
.star-input .star-btn.on { color:#F5A623 }

/* Rəylər bloku */
.rev-summary { display:grid; grid-template-columns:190px 1fr; gap:22px; align-items:center;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:18px 20px; margin-bottom:18px }
@media (max-width:700px) { .rev-summary { grid-template-columns:1fr } }
.rev-avg { text-align:center; display:flex; flex-direction:column; align-items:center; gap:5px }
.rev-avg > b { font-size:38px; line-height:1 }
.rev-dist { display:flex; flex-direction:column; gap:6px }
.rev-dist-row { display:grid; grid-template-columns:40px 1fr 34px; gap:9px; align-items:center; font-size:12.5px }
.rev-dist-row .bar { height:9px; border-radius:999px; background:var(--bg); overflow:hidden }
.rev-dist-row .bar i { display:block; height:100%; background:#F5A623; border-radius:999px }
.rev-dist-row .cc { text-align:right; color:var(--ink-50) }
.rev-list { display:flex; flex-direction:column; gap:12px }
.rev-item { background:#fff; border:1px solid var(--line); border-radius:14px; padding:14px 16px }
.rev-top { display:flex; align-items:center; gap:10px; flex-wrap:wrap }
.rev-form-box { margin-top:20px; background:#fff; border:1px dashed var(--line); border-radius:14px; padding:18px }
.care-box { background:#fff; border-left:4px solid var(--lime); border-radius:12px; padding:16px 18px; font-size:15px }
.pd-specs-mini { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:10px; margin-top:18px }
.pd-specs-mini > div { background:#fff; border:1px solid var(--line); border-radius:11px; padding:10px 13px; display:flex; justify-content:space-between; gap:9px; font-size:13.5px }
.pd-specs-mini .k { color:var(--ink-50) }
.pd-specs-mini .v { font-weight:700; text-align:right }

/* Kart üzərində WhatsApp düyməsi */
.card-actions { display:flex; flex-direction:column; gap:7px; align-items:stretch }
.card-actions .wa-mini { margin:0 }
.card-actions .btn { width:100%; justify-content:center }
.card-actions .wa-txt { margin-left:4px }

/* Səbətdə yalnız WhatsApp rejimi */
.wa-only-note { background:rgba(140,198,63,.10); border:1px solid rgba(140,198,63,.35); border-radius:12px; padding:13px; margin-bottom:10px }
.wa-only-note b { display:block; margin-bottom:4px }

/* Məhsul şəklinin ALTINDAKI reklam bannerləri — desktop: şəkil sütununun altında */
.pd-banners{display:flex;flex-direction:column;gap:14px;width:100%}
.pd-banner{display:block;border:1px solid var(--line,#e6e8ec);border-radius:14px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}
.pd-banner:hover{box-shadow:0 8px 22px rgba(30,29,30,.10);transform:translateY(-1px)}
.pd-banner img{display:block;width:100%;height:auto;max-height:200px;object-fit:cover}
@media (min-width:981px){
  .pd-layout > .pd-media{grid-column:1;grid-row:1}
  .pd-layout > .pd-info{grid-column:2;grid-row:1 / span 2}
  .pd-layout > .pd-banners{grid-column:1;grid-row:2;margin-top:16px}
}
@media (max-width:980px){
  .pd-layout > .pd-media,.pd-layout > .pd-info,.pd-layout > .pd-banners{grid-column:1;grid-row:auto}
  .pd-banners{gap:10px;margin:14px 0 0}
  .pd-banner img{max-height:120px;border-radius:10px}
}
@media (max-width:700px){
  .pd-banners{gap:8px;margin:10px 0 0}
  .pd-banner img{max-height:72px;border-radius:9px}
}
@media (max-width:520px){
  .pd-banners{display:none}
}
@media (min-width:981px){
  .pd-layout > .pd-media{grid-column:1;grid-row:1}
  .pd-layout > .pd-info{grid-column:2;grid-row:1 / span 2}
  .pd-layout > .pd-banners{grid-column:1;grid-row:2;margin-top:16px}
}
@media (max-width:980px){
  .pd-layout > .pd-media,.pd-layout > .pd-info,.pd-layout > .pd-banners{grid-column:1;grid-row:auto}
  .pd-banners{gap:10px;margin:14px 0 0}
  .pd-banner img{max-height:120px;border-radius:10px}
}
@media (max-width:700px){
  .pd-banners{gap:8px;margin:10px 0 0}
  .pd-banner img{max-height:72px;border-radius:9px}
}
@media (max-width:520px){
  .pd-banners{display:none}
}
@media (max-width:980px){.pd-banners{gap:10px;margin-top:14px}.pd-banner img{max-height:140px}}
@media (max-width:700px){.pd-banners{gap:8px;margin-top:10px}.pd-banner img{max-height:74px;border-radius:10px}}
@media (max-width:520px){.pd-banners{display:none}}