/* =========================================================
   SITE 2021 — Бүрэн Финанс ББСБ (buren.local · buren.easyweb.mn)
   Брэнд давхарга — /bootstrap-extra/*.css-ийн ДАРАА ачаална.
   ⛔ extra-г энд бүү өөрчил — зөвхөн override.
   Бүтцийн жишиг: public/components/brand.css (1990).
   ========================================================= */


/* =========================================================
   0. ФОНТ — хуучин сайттай ИЖИЛ Montserrat (хэрэглэгч 2026-09-26).
   Хуучин сайт: sandbox theme нь Manrope-тэй ч хуудас бүр `:root { --bs-body-font-family:
   'Montserrat' }`-ээр дардаг байсан ⇒ бодитоор Montserrat. Google Fonts-оор layout.blade.php-д.
   Extra нь `body { font-family: "EffraTrial" }` гэж ШУУД бичдэг тул body дээр дарна.
   ========================================================= */

:root {
  --bs-body-font-family: "Montserrat", sans-serif;
}
body {
  font-family: "Montserrat", sans-serif;
}


/* =========================================================
   1. БРЭНД ТОКЕН — light
   Эх: хуучин сайтын theme (burenfinance.mn) — --bs-primary #724e39 (бор),
   --bs-secondary #C9A350 (алт); логоны өнгөтэй ижил.
   Контрастыг хэмжиж сонгосон (2026-09-26).
   ========================================================= */

:root,
[data-bs-theme="light"] {
  --bs-primary: #724e39;
  --bs-primary-rgb: 114, 78, 57;
  --bs-primary-bg-subtle: #e3dcd7;
  --bs-primary-border-subtle: #c7b8b0;
  --bs-primary-text-emphasis: #2e1f17;   /* цагаан дээр 15.85:1 */

  --bs-secondary: #c9a350;
  --bs-secondary-rgb: 201, 163, 80;
  --bs-secondary-bg-subtle: #f4eddc;
  --bs-secondary-border-subtle: #e9dab9;
  --bs-secondary-text-emphasis: #504120;   /* цагаан дээр 9.91:1 */

  --bs-link-color: #724e39;                /* цагаан дээр 7.33:1 */
  --bs-link-color-rgb: 114, 78, 57;
  --bs-link-hover-color: #5b3e2e;          /* цагаан дээр 9.66:1 — хөлийн `.footer-link:hover` уншина */
  --bs-link-hover-color-rgb: 91, 62, 46;

  /* ДЭВСГЭР (хэрэглэгч 2026-09-26, эцсийн шийдвэр) — үндсэн `body-bg` = хуучин сайтын цөцгий #FCFAF9;
     tertiary / secondary нь ТҮҮНЭЭС primary (#724E39) руу 3.5% / 9% УУСГАСАН (Bootstrap-ийн #f8f9fa / #e9ecef саарлын оронд).
     ⚠️ `bg-body*` утилити `-rgb` хувьсагчийг уншдаг тул хосоор нь. */
  --bs-body-bg: #fcfaf9;
  --bs-body-bg-rgb: 252, 250, 249;
  --bs-tertiary-bg: #f7f4f2;
  --bs-tertiary-bg-rgb: 247, 244, 242;
  --bs-secondary-bg: #f0ebe8;
  --bs-secondary-bg-rgb: 240, 235, 232;
}


/* =========================================================
   2. БРЭНД ТОКЕН — dark
   ⚠️ Бор primary нь бараан дэвсгэр дээр ердөө 2.1:1 тул холбоосын өнгийг
      цайвар сүүдрээр (≥ 6.6:1) солино.
   ========================================================= */

[data-bs-theme="dark"] {
  --bs-primary-bg-subtle: #17100b;
  --bs-primary-border-subtle: #442f22;
  --bs-primary-text-emphasis: #aa9588;   /* #212529 дээр 5.41:1 */

  --bs-secondary-bg-subtle: #282110;
  --bs-secondary-border-subtle: #796230;
  --bs-secondary-text-emphasis: #dfc896;   /* #212529 дээр 9.43:1 */

  --bs-link-color: #b9a79c;                /* #212529 дээр 6.66:1 */
  --bs-link-color-rgb: 185, 167, 156;
  --bs-link-hover-color: #c7b8b0;          /* #212529 дээр 8.02:1 */
  --bs-link-hover-color-rgb: 199, 184, 176;

  /* ТЕКСТ = ЦАГААН (хэрэглэгч 2026-09-26) — `text-body` · `text-body-secondary` · `text-body-tertiary`
     Bootstrap-ийн саарал #dee2e6 (secondary .75 · tertiary .5 тунгалаг)-ын оронд. */
  --bs-body-color: #fff;
  --bs-body-color-rgb: 255, 255, 255;
  --bs-secondary-color: #fff;
  --bs-secondary-color-rgb: 255, 255, 255;
  --bs-tertiary-color: #fff;
  --bs-tertiary-color-rgb: 255, 255, 255;
}


/* =========================================================
   3. ТОВЧ — primary дээр ЦАГААН текст 7.33:1 ✓ ·
      secondary (алт) дээр цагаан нь 2.38:1 тул БАРААН текст (6.49:1)
   ========================================================= */

.btn-primary {
  --bs-btn-bg: #724e39;
  --bs-btn-border-color: #724e39;
  --bs-btn-hover-bg: #614230;
  --bs-btn-hover-border-color: #614230;
  --bs-btn-active-bg: #5b3e2e;
  --bs-btn-active-border-color: #5b3e2e;
  --bs-btn-disabled-bg: #724e39;
  --bs-btn-disabled-border-color: #724e39;
}
/* Primary товч = брэндийн GRADIENT (хэрэглэгч 2026-09-26) — хуучин сайтынх яг энэ:
   `linear-gradient(92deg, #724E39 0%, #B07B08 100%)`. Хүрээ тунгалаг — gradient хүрээний доогуур
   үргэлжилнэ (эс бөгөөс баруун захад бор хүрээ цухуйна). Hover/active = 12% / 20% бараан.
   ⚠️ Цагаан текст: бор төгсгөлд 7.33:1 · голд 5.14:1 · алтан төгсгөлд 3.7:1 (брэндийн шийдвэр). */
.btn-primary {
  --bs-btn-border-color: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-border-color: transparent;
  background-image: linear-gradient(92deg, #724e39 0%, #b07b08 100%);
}
.btn-primary:hover,
.btn-primary:focus-visible {
  background-image: linear-gradient(92deg, #644532 0%, #9b6c07 100%);
}
.btn-primary:active,
.btn-primary.active {
  background-image: linear-gradient(92deg, #5b3e2e 0%, #8d6206 100%);
}

.btn-outline-primary {
  --bs-btn-color: #724e39;
  --bs-btn-border-color: #724e39;
  --bs-btn-hover-bg: #724e39;
  --bs-btn-hover-border-color: #724e39;
  --bs-btn-active-bg: #724e39;
  --bs-btn-active-border-color: #724e39;
  --bs-btn-disabled-color: #724e39;
  --bs-btn-disabled-border-color: #724e39;
}

.btn-secondary {
  --bs-btn-bg: #c9a350;
  --bs-btn-border-color: #c9a350;
  --bs-btn-hover-bg: #ab8b44;
  --bs-btn-hover-border-color: #ab8b44;
  --bs-btn-active-bg: #a18240;
  --bs-btn-active-border-color: #a18240;
  --bs-btn-disabled-bg: #c9a350;
  --bs-btn-disabled-border-color: #c9a350;
  --bs-btn-color: #212529;
  --bs-btn-hover-color: #212529;
  --bs-btn-active-color: #212529;
  --bs-btn-disabled-color: #212529;
}
.btn-outline-secondary {
  --bs-btn-color: #504120;   /* хүрээтэй төлөвт текст цагаан дээр — 9.91:1 */
  --bs-btn-border-color: #c9a350;
  --bs-btn-hover-bg: #c9a350;
  --bs-btn-hover-border-color: #c9a350;
  --bs-btn-active-bg: #c9a350;
  --bs-btn-active-border-color: #c9a350;
  --bs-btn-disabled-color: #504120;
  --bs-btn-disabled-border-color: #c9a350;
  --bs-btn-hover-color: #212529 !important;
  --bs-btn-active-color: #212529 !important;
}


/* =========================================================
   4. OVERRIDE — төслийн ОЛОН блокт хамаарах зүйл л
   (нэг блокийнх = section доторх scoped <style>)
   ========================================================= */

/* Container — АГУУЛГЫН өргөн 1200px (хэрэглэгч 2026-09-27; өмнө нь 1100). Bootstrap-ийн max-width нь хоёр талын
   padding-ийг (`--bs-gutter-x` × .5 × 2 = 24px) ОРУУЛДАГ тул түүнийг нэмж өгнө → нийт 1224px.
   Зөвхөн ≥1200px-д: түүнээс доош Bootstrap-ийн жамын (960 · 720 …) нь аль хэдийн нарийн. */
@media (min-width: 1200px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: calc(1200px + var(--bs-gutter-x));
  }
}

/* Container-fluid — АГУУЛГА хамгийн ихдээ 1800px (хэрэглэгч 2026-09-26), padding нь үүн дээр нэмэгдэнэ.
   Bootstrap-ийн `.container-fluid` нь `margin-inline: auto`-тай тул өргөн дэлгэцэд голлоно. */
.container-fluid {
  max-width: calc(1800px + var(--bs-gutter-x));
}

/* Сошиал икон — брэндийн GRADIENT (хэрэглэгч 2026-09-26). Extra-гийн «SOCIAL BRAND COLORS»
   нэг өнгийг ЭНД л дарна (extra-д хүрэхгүй). Толгой · drawer · хөл · хуваалцах товч бүгдэд.
   Instagram = албан ёсны олон өнгийн radial · Facebook = 2019-ийн «f» логоны цэнхэр linear.
   YouTube · LinkedIn зэрэг нэг өнгөтэй брэнд extra-гийн өнгөөрөө үлдэнэ.
   ⚠️ `header-transparent` ашиглавал түүний цагаан икон энэ дүрэмд дарагдана — тэр үед тусад нь буцаа. */
.fa-instagram,
.fa-facebook-f,
.fa-facebook {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.fa-instagram {
  background-image: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}
.fa-facebook-f,
.fa-facebook {
  background-image: linear-gradient(to top, #0062e0, #19afff);
}

/* БЛОКИЙН ГАРЧИГ — PRIMARY өнгө (хэрэглэгч 2026-09-26; голлуулалт = `_block_common.php`-ийн `heading-centered`,
   uppercase = доорх нийтлэг дүрэм). Зөвхөн блокийн heading-row (`[data-type="heading"]` + h2) — слайдын гарчиг
   (data-type-гүй) ба хуудасны толгойн h1 хамаарахгүй. Extra-гийн `.heading-row>.heading-main>h2` өнгийг дарна. */
.heading-row[data-type="heading"] > .heading-main > h2 {
  color: var(--bs-primary);
}

/* БҮХ heading-row-ийн гарчиг UPPERCASE (хэрэглэгч 2026-09-26) — блок · хуудасны толгой (hero, heading-row-page) · слайд.
   Badge (`small`) ба тайлбар (`heading-desc`) хамаарахгүй. */
.heading-row > .heading-main > h1,
.heading-row > .heading-main > h2 {
  text-transform: uppercase;
}

/* ХУУДАСНЫ h1 = heading-row-ийн h2-той ИЖИЛ (хэрэглэгч 2026-09-27; өмнөх `.h2` класс hero-гийн `heading-lg`-ийг дийлдэггүй байв).
   БҮХ heading-row (hero · heading-row-page · бусад) — Bootstrap-ийн h2 шатлал: calc(1.325rem + .9vw) → 2rem @1200.
   `.heading-lg` сонгогч = extra-гийн h1-ийн (0,3,1) дүрмийг дарахад. */
.heading-row > .heading-main > h1,
.heading-row.heading-lg > .heading-main > h1 {
  font-size: calc(1.325rem + .9vw);
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .heading-row > .heading-main > h1,
  .heading-row.heading-lg > .heading-main > h1 {
    font-size: 2rem;
  }
}

/* OVERLAY — зурган дээрх бүх бүрхүүл брэндийн бор өнгөтэй (хэрэглэгч 2026-09-26).
   Өнгө = брэндийн ХАМГИЙН бараан сүүдэр `rgb(46, 31, 23)` (#2E1F17 = light-ийн `--bs-primary-text-emphasis`) —
   хар руу дөхсөн бор (хэрэглэгч: primary → «арай бараан» #503728 → «өшөө хар руу»; цагаан текст ≈17:1).
   Хэлбэр (чиглэл · зогсоол) нь эх компонентынхоо хэвээр — зөвхөн ӨНГӨ солигдоно.
   ⚠️ Блок доторх scoped `<style>`-д overlay-н өнгө БИЧИХГҮЙ — (1,x,x) нь энэ дүрмийг дарна. */

/* var-3 overlay карт — доороос дээш уусна (extra: `--bs-body-bg` → энд primary) */
.card-item.item-var-3 .item-overlay,
.post-item.item-var-3 .item-overlay,
.product-item.item-var-3 .item-overlay {
  background: linear-gradient(180deg, rgba(46, 31, 23, 0) 0%, rgba(46, 31, 23, 1) 100%);
}

/* product var-1 — зээлийн картын зурган дээрх тайлбарын scrim (харагдах/нуугдахыг блок өөрөө удирдана) */
.product-item.item-var-1 .item-overlay {
  background: linear-gradient(180deg, rgba(46, 31, 23, 0) 25%, rgba(46, 31, 23, .85) 100%);
}

/* hero-v1 (нэгж хуудасны толгой) — зүүнээс баруун тийш уусна */
.hero-v1 .bg-overlay {
  background: linear-gradient(90deg, rgba(46, 31, 23, 1) 0%, rgba(46, 31, 23, 0) 75%);
}

/* hero-v1 доод зурвас (нэгж зээлийн таксономийн үзүүлэлт) — хагас тунгалаг суурь, 2 тийшээ уусна (хэрэглэгч 2026-09-26) */
.hero-v1 .hero-specs {
  background: linear-gradient(90deg, rgba(46, 31, 23, 0) 0%, rgba(46, 31, 23, .7) 20%, rgba(46, 31, 23, .7) 80%, rgba(46, 31, 23, 0) 100%);
}

/* carousel-v1 (нүүрний слайдер) — зүүн талын текстийн доорх хөшиг */
.carousel-v1 .slide-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(46, 31, 23, .75) 0%, rgba(46, 31, 23, .45) 50%, rgba(46, 31, 23, .1) 100%);
}

/* carousel-v1 сум — баруун захын шуурхай товчтой (2.5rem + pe-md-3 .75rem) мөргөлдөхгүй: 2 талдаа 3.25rem + 1rem (2026-09-28) */
@media (min-width: 768px) {
  .carousel-v1 .swiper-navigation {
    padding-left: 4.25rem;
    padding-right: 4.25rem;
  }
}

/* form-v1 (Зээлийн хүсэлтийн CTA карт) — зурган дээрх бараан бор бүрхүүл (OVERLAY-ийн өнгө) */
.form-v1 .form-card .bg-overlay {
  background: rgba(46, 31, 23, .75);
}


/* =========================================================
   5. CRM ФОРМЫН WIDGET — `forms.greensoft.mn/js/widget/index.js` (хэрэглэгч 2026-09-26)
   Бүтэц: #green_crm_form > … > .card > .card-body > form > .rendered-form.formbuilder-embedded-bootstrap
            > .form-group.field-{нэр} (label + .form-control) · .field-submit (button)
   ⚠️ Widget нь Bootstrap 3 + Chosen-ийг (0,3,0)-оор шахдаг ⇒ `#green_crm_form`-оор ДАХИН тунхаглана
      (ADMIN-PANEL §8.8). Талбарын метрик = extra-гийн form-button.css стандарт (45px · 2px · .75rem булан).
   Хуучин сайтын хэв: label НУУГДСАН, placeholder л (хэрэглэгч зааваагүй — хуучин сайтынх).
   ========================================================= */

#green_crm_form .card,
#green_crm_form .card-body {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

/* Талбар хоорондын зай = flex gap (BS3-ын form-group margin-ийг тэглэнэ) */
#green_crm_form .rendered-form {
  display: flex;
  flex-direction: column;
  gap: .75rem;
}
#green_crm_form .rendered-form > * {
  margin-bottom: 0;
}

#green_crm_form .rendered-form label {
  display: none;
}

#green_crm_form .form-control,
#green_crm_form .rendered-form select.form-control {
  height: auto;
  padding: .625rem 1.5rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border: 2px solid var(--bs-border-color);
  border-radius: .75rem;
  box-shadow: none;
}
#green_crm_form .form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
#green_crm_form textarea.form-control {
  min-height: 6rem;
}

/* Select — Chosen-ийг унтрааж native select + сум */
#green_crm_form .chosen-container {
  display: none !important;
}
#green_crm_form .rendered-form select.form-control {
  display: block !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding-right: calc(1.5rem + 1.25em);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  background-size: 12px 9px;
}

#green_crm_form .help:empty {
  display: none;
}

/* Илгээх товч = сайтын primary товч (gradient, цагаан текст) */
#green_crm_form .rendered-form .btn {
  width: 100%;
  padding: .625rem 1.5rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
  background-color: #724e39;
  background-image: linear-gradient(92deg, #724e39 0%, #b07b08 100%);
  border: 0;
  border-radius: var(--bs-border-radius);
}
#green_crm_form .rendered-form .btn:hover,
#green_crm_form .rendered-form .btn:focus-visible {
  background-image: linear-gradient(92deg, #644532 0%, #9b6c07 100%);
}

/* Илгээсний дараах зурвас — бараан карт дээр цагаан */
.form-v1 #green_crm_form .formed-wrapper {
  color: #fff;
}

/* ИЛГЭЭСНИЙ ДАРААХ ТӨЛӨВ (хэрэглэгч 2026-09-26) — subscription_group1-ийн JS host-д `.is-sent` нэмнэ:
   хагас тунгалаг цагаан самбар · алтан дугуй check · эхний мөр (strong) = гарчиг · «Дахин хүсэлт илгээх» */
.form-v1 .crm-form-host.is-sent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  padding: 1.5rem;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 1rem;
  background-color: rgba(255, 255, 255, .08);
  color: #fff;
}
.form-v1 .crm-form-host.is-sent #green_crm_form {
  color: rgba(255, 255, 255, .85);
  font-size: .9375rem;
  line-height: 1.6;
}
/* ⚠️ Bootstrap-ийн `.card` өөрөө `color`-той тул `inherit` нь бараан өвлөнө — шууд тавина */
.form-v1 .crm-form-host.is-sent #green_crm_form .card,
.form-v1 .crm-form-host.is-sent #green_crm_form p {
  color: rgba(255, 255, 255, .85);
}
.form-v1 .crm-form-host.is-sent #green_crm_form p {
  margin: 0 0 .5rem;
}
.form-v1 .crm-form-host.is-sent #green_crm_form p:last-child {
  margin-bottom: 0;
}
.form-v1 .crm-form-host.is-sent #green_crm_form strong {
  display: block;
  margin-bottom: .25rem;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
}
.form-v1 .crm-form-host.is-sent #green_crm_form hr {
  border-color: rgba(255, 255, 255, .25);
  opacity: 1;
}
.form-v1 .crm-sent-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: var(--bs-secondary);
  color: #2e1f17;
  font-size: 1.25rem;
}
/* Widget-ийн өөрийн «Шинээр илгээх» (дахин ачаалахад гарна) = манай «Дахин хүсэлт илгээх»-тэй ижил */
.form-v1 #green_crm_form .btn-send-again {
  display: inline-flex;
  padding: .625rem 1.5rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
  color: #2e1f17;
  background-color: var(--bs-secondary);
  border: 0;
  border-radius: var(--bs-border-radius);
  cursor: pointer;
}

/* ⚠️ Chosen нь `#green_crm_form`-оор ХЯЗГААРЛАГДДАГГҮЙ — widget ачаалагдмагц хуудсан дахь БҮХ `<select>`-ийг
   булааж (тооцоолуурын «эргэн төлөлт» select жижиг Chosen болсон) ⇒ сайт даяар Chosen-ийг унтрааж native select-ийг буцаана */
.chosen-container {
  display: none !important;
}
select.form-select {
  display: block !important;
}

/* ГУЛСУУР (form-range) — Bootstrap-ийн цэнхэр бөмбөлгийн оронд брэндийн primary */
.form-range::-webkit-slider-thumb {
  background-color: var(--bs-primary);
}
.form-range::-moz-range-thumb {
  background-color: var(--bs-primary);
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px var(--bs-body-bg), 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px var(--bs-body-bg), 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
}
.form-range::-webkit-slider-thumb:active {
  background-color: var(--bs-primary-border-subtle);
}

/* ТОВОЙСОН КАРТ = ЦАГААН + shadow-sm (хэрэглэгч 2026-09-26: «товойсон boxed элементүүдийг цагаан, shadow-sm»).
   Extra-гийн var-2 (босоо) ба feature var-4 (хэвтээ) карт `--bs-body-bg` (одоо цөцгий) + `--bs-box-shadow` авдаг байсныг дарна.
   Бараан тематай хэсэгт (ховор) body-bg-ээ буцаана — цагаан дээр цайвар текст гарахаас сэргийлнэ. */
.item-var-2,
.feature-item.item-element.item-var-4 {
  background-color: var(--bs-white);
  box-shadow: var(--bs-box-shadow-sm);
}
[data-bs-theme="dark"] .item-var-2,
[data-bs-theme="dark"] .feature-item.item-element.item-var-4 {
  background-color: var(--bs-body-bg);
}

/* Хайрцагласан accordion (FAQ) — хүрээгүй, цагаан + shadow-sm (хэрэглэгч 2026-09-26). Flush var-1 хөндөгдөхгүй. */
.accordion:not(.accordion-var-1) .accordion-item {
  border: 0;
  background-color: var(--bs-white);
  box-shadow: var(--bs-box-shadow-sm);
}
[data-bs-theme="dark"] .accordion:not(.accordion-var-1) .accordion-item {
  background-color: var(--bs-body-bg);
}