/* ============================================================
   White Theme Override — background: white, text: dark, btns: #0B593B
   ============================================================ */

/* Body */
body {
  background-color: #ffffff;
  color: #1a1a1a;
}

/* ======================== Header ======================== */
.header {
  background-color: #ffffff;
  border-bottom: 1px solid #e8e8e8;
}
.header__nav {
  background-color: #ffffff;
  background: #ffffff;
  border-bottom: 1px solid #e8e8e8;
}
.header__nav-link {
  color: #1a1a1a;
}
.header__nav-link svg {
  stroke: #1a1a1a;
  fill: #1a1a1a;
}
.header__nav-link:hover,
.header__nav-link[aria-expanded="true"] {
  color: #0B593B;
}
.header__nav-link:hover svg,
.header__nav-link[aria-expanded="true"] svg {
  stroke: #0B593B;
  fill: #0B593B;
}
.header__nav-menu {
  background-color: #ffffff;
  box-shadow: 0 4px 24px rgba(0,0,0,0.08);
}
.header__nav-menu a {
  color: #333333;
}
.header__nav-menu a:hover {
  color: #0B593B;
}
.header__form {
  background-color: #ffffff;
}
.header__form-input {
  background-color: #f2f2f2;
  color: #1a1a1a;
}
.header__form-btn svg {
  fill: #0B593B;
}
.header__form-btn:hover svg {
  fill: #1a1a1a;
}
.header__form-close svg {
  fill: #0B593B;
}
.header__menu span {
  background-color: #1a1a1a;
}
.header__menu--active span {
  background-color: #0B593B;
}
.header__user span {
  color: #1a1a1a;
}
.header__user svg {
  fill: #0B593B;
}
.header__user:hover span {
  color: #0B593B;
}
.header__search svg {
  fill: #0B593B;
}
.header__actions .header__search {
  margin-right: 12px;
}
.theme-seg {
  --chip-bg: rgba(0,0,0,0.06);
  --ink: #1a1a1a;
  display: flex;
  gap: 2px;
  flex: 0 0 auto;
  padding: 3px;
  margin-right: 14px;
  background: var(--chip-bg);
  border-radius: 999px;
}
.theme-seg button {
  width: 30px;
  height: 26px;
  border: 0;
  background: transparent;
  border-radius: 999px;
  cursor: pointer;
  color: rgba(0,0,0,0.4) !important;
  display: grid;
  place-items: center;
  padding: 0;
  transition: all .15s ease;
}
.theme-seg button svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
.theme-seg button.is-active {
  background: #fff;
  color: var(--ink) !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
body[data-theme="dark"] {
  background-color: #131720;
  color: #ffffff;
}
body[data-theme="dark"] .header {
  background-color: #131720;
  border-bottom-color: #1d242c;
}
body[data-theme="dark"] .header__nav {
  background-color: #131720;
  background: #131720;
  border-bottom-color: #1d242c;
}
body[data-theme="dark"] .header__nav-link,
body[data-theme="dark"] .header__user span {
  color: #ffffff !important;
}
body[data-theme="dark"] .header__menu span {
  background-color: #ffffff;
}
body[data-theme="dark"] .header__form {
  background-color: #131720;
}
body[data-theme="dark"] .header__form-input {
  background-color: #1d242c;
  color: #ffffff !important;
}
body[data-theme="dark"] .theme-seg {
  --chip-bg: rgba(255,255,255,0.12);
  --ink: #ffffff;
}
body[data-theme="dark"] .theme-seg button {
  color: rgba(255,255,255,0.6) !important;
}
body[data-theme="dark"] .theme-seg button.is-active {
  background: #1d242c;
  color: #ffffff !important;
  box-shadow: none;
}
@media (max-width: 575px) {
  .header__user span {
    display: none;
  }
  .theme-seg {
    margin-right: 10px;
  }
}
@media (min-width: 1200px) {
  .header__actions {
    width: 440px;
  }
}

/* ======================== Coupon / Dialog ======================== */
.coupon-dialog {
  --bg: #ffffff;
  background-color: var(--bg);
}
.coupon-dialog .modal__close svg {
  fill: #1a1a1a;
  opacity: 1;
}
.coupon-dialog .modal__close:hover svg {
  fill: #0B593B;
}
.coupon-dialog__title {
  color: #1a1a1a;
}
.coupon-dialog__text {
  color: #1a1a1a;
}
.coupon-menu__input {
  background-color: #f2f2f2;
  color: #1a1a1a;
}
.coupon-menu__input::placeholder {
  color: #1a1a1a;
}
.coupon-menu__button {
  background-color: #0B593B;
  color: #ffffff !important;
}
.coupon-menu__button:hover {
  background-color: #60a018;
  color: #ffffff !important;
}
.coupon-menu__clear {
  background-color: #e8e8e8;
  color: #1a1a1a;
}
.coupon-menu__clear:hover {
  background-color: #cccccc;
  color: #1a1a1a;
}
.coupon-menu__footer span {
  color: #1a1a1a;
}

/* ======================== Section ======================== */
.section--dark {
  background-color: #f5f5f5;
}
.section--head {
  border-top-color: #e0e0e0;
}
.section--catalog {
  border-bottom-color: #e0e0e0;
}
.catalog--page::after {
  display: none;
}
.section--gradient:after {
  background: linear-gradient(0deg, rgba(245,245,245,0.35) 0%, #ffffff 100%);
}
.section__bg:before {
  background: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, #ffffff 100%);
}
.section__title {
  color: #1a1a1a;
}
.section__title a {
  color: #1a1a1a;
}
.section__title a:hover {
  color: #0B593B;
}
.section__title b {
  color: #0B593B;
}
.section__text {
  color: #1a1a1a;
}
.section__text b {
  color: #1a1a1a;
}
.section__nav {
  background-color: #e8e8e8;
}
.section__nav svg {
  stroke: #1a1a1a;
}
.section__nav:hover {
  background-color: #0B593B;
}
.section__nav:hover svg {
  stroke: #ffffff;
}
.section__list ol h4 {
  color: #1a1a1a;
}
.section__list ol li {
  color: #1a1a1a;
}
.section__list ol li b {
  color: #1a1a1a;
}
.section__list ol li a {
  color: #0B593B;
}
.section__list ol li a:hover {
  color: #60a018;
}

/* ======================== Plan / Pricing ======================== */
.plan {
  background-color: #f5f5f5;
}
.plan--best {
  background: #0b593b;
}
.plan--best .plan__title {
  border-color: rgba(0,0,0,0.15);
  color: #ffffff !important;
}
.plan--best .plan__price {
  border-color: rgba(0,0,0,0.15);
  color: #ffffff !important;
}
.plan--best .plan__list li {
  color: #ffffff !important;
}
.plan--best .plan__btn {
  background-color: #ffffff;
  color: #1a1a1a !important;
}
.plan--best .plan__btn:hover {
  background-color: #1a1a1a;
  color: #ffffff;
}
.plan__title {
  color: #1a1a1a;
  border-color: rgba(0,0,0,0.1);
}
.plan__price {
  color: #1a1a1a;
  border-color: rgba(0,0,0,0.1);
}
.plan__list li {
  color: #1a1a1a;
}
.plan__btn {
  background-color: #0B593B;
  color: #ffffff !important;
}
.plan__btn:hover {
  background-color: #60a018;
  color: #ffffff !important;
}

/* ======================== Plans table ======================== */
.plans {
  background-color: #f5f5f5;
}
.plans__title {
  color: #1a1a1a;
}
.plans__feature {
  color: #1a1a1a;
}
.plans__btn {
  background-color: #0B593B;
  color: #ffffff;
}
.plans__btn:hover {
  background-color: #60a018;
  color: #ffffff;
}

/* ======================== Feature (section--dark cards) ======================== */
.feature {
  border-bottom-color: #e0e0e0;
}
.feature__icon svg {
  fill: #0B593B;
}
.feature__title {
  color: #1a1a1a;
}
.feature__text {
  color: #1a1a1a;
}

/* ======================== Step ======================== */
.step {
  background-color: #f5f5f5;
}
.step__title {
  color: #1a1a1a;
}
.step__text {
  color: #1a1a1a;
}

/* ======================== Stats ======================== */
.stats {
  background-color: #f5f5f5;
}
.stats span {
  color: #1a1a1a;
}
.stats p {
  color: #1a1a1a;
}
.stats p a {
  color: #1a1a1a;
}
.stats p a:hover {
  color: #0B593B;
}
.stats svg {
  fill: #0B593B;
}

/* ======================== Card ======================== */
.card__cover {
  background-color: #e8e8e8;
}
.card__info {
  background-color: #f5f5f5;
}
.card__title {
  color: #1a1a1a;
}
.card__text {
  color: #1a1a1a;
}
.card__rate {
  color: #1a1a1a;
}
.card__category {
  color: #0B593B;
}

/* ======================== Sign / Auth forms ======================== */
.sign__form {
  background-color: #ffffff;
  border-color: #e0e0e0;
}
.sign__title {
  color: #1a1a1a;
}
.sign__label {
  color: #1a1a1a;
}
.sign__input {
  background-color: #f5f5f5;
  color: #1a1a1a;
  border-color: #e0e0e0;
}
.sign__input:focus {
  background-color: #f5f5f5;
  border-color: #0B593B;
}
.sign__input::placeholder {
  color: #1a1a1a;
}
.sign__select {
  background-color: #f5f5f5;
  color: #1a1a1a;
}
.sign__select:focus {
  background-color: #f5f5f5;
}
.sign__textarea {
  background-color: #f5f5f5;
  color: #1a1a1a;
}
.sign__textarea:focus {
  background-color: #f5f5f5;
  border-color: #0B593B;
}
.sign__btn {
  background-color: #0B593B;
  color: #ffffff;
}
.sign__btn:hover {
  background-color: #60a018;
  color: #ffffff;
}
.sign__group--checkbox input:not(:checked) + label,
.sign__group--checkbox input:checked + label {
  color: #1a1a1a;
}
.sign__group--checkbox input:not(:checked) + label:before,
.sign__group--checkbox input:checked + label:before {
  background-color: #e8e8e8;
}

/* ======================== Home / Hero CTA buttons ======================== */
.home__cta {
  background-color: #0B593B;
  color: #ffffff;
}
.home__cta:hover {
  background-color: #60a018;
  color: #ffffff;
}
.home__cta--ghost {
  background-color: rgba(120,200,30,0.12);
  border-color: rgba(120,200,30,0.35);
  color: #0B593B;
}
.home__cta--ghost:hover {
  background-color: #0B593B;
  color: #ffffff;
  border-color: transparent;
}
.home__add {
  background-color: #e8e8e8;
}

/* ======================== Sidebar ======================== */
.sidebar__item {
  background-color: #f5f5f5;
}
.sidebar__title {
  color: #1a1a1a;
}
.sidebar__link {
  color: #1a1a1a;
}
.sidebar__link:hover {
  color: #0B593B;
}

/* ======================== Contacts ======================== */
.contacts__list a {
  color: #1a1a1a;
}
.contacts__list a:hover {
  color: #0B593B;
}
.contacts__text {
  color: #1a1a1a;
}
.contacts__title {
  color: #1a1a1a;
}

/* ======================== Subscribe ======================== */
.subscribe {
  background-color: #f5f5f5;
}
.subscribe__title {
  color: #1a1a1a;
}
.subscribe__text {
  color: #1a1a1a;
}
.subscribe__input {
  background-color: #ffffff;
  color: #1a1a1a;
}
.subscribe__btn {
  background-color: #0B593B;
  color: #ffffff;
}
.subscribe__btn:hover {
  background-color: #60a018;
}

/* ======================== Comments ======================== */
.comments__form {
  background-color: #ffffff;
  border-color: #e0e0e0;
}
.comments__author {
  color: #1a1a1a;
}
.comments__time {
  color: #1a1a1a;
}
.comments__text {
  color: #1a1a1a;
}
.comments__actions button span {
  color: #1a1a1a;
}
.comments__rate button {
  color: #1a1a1a;
}
.comments__rate button:hover {
  color: #1a1a1a;
}

/* ======================== Reviews ======================== */
.reviews__item {
  background-color: #f5f5f5;
}
.reviews__name {
  color: #1a1a1a;
}
.reviews__text {
  color: #1a1a1a;
}

/* ======================== Select2 ======================== */
.select2-container .select2-selection--single .select2-selection__rendered {
  color: #1a1a1a;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #f0f0f0;
  color: #0B593B;
}
.select2-container--default .select2-results__option--selected {
  background-color: #f0f0f0;
  color: #0B593B;
}
.select2-results__option {
  color: #333333;
}
.select2-dropdown {
  background-color: #ffffff;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

/* ======================== Scrollbar ======================== */
.scrollbar-track-y {
  background: #e8e8e8 !important;
}
.scrollbar-thumb-y {
  background: #0B593B !important;
}
.scrollbar-track-x {
  background: #e8e8e8 !important;
}
.scrollbar-thumb-x {
  background: #0B593B !important;
}

/* ======================== Footer ======================== */
.footer {
  background-color: #1a1a1a;
}
.footer:after {
  background: linear-gradient(180deg, rgba(26,26,26,0.35) 0%, #1a1a1a 100%);
}
.footer__tagline {
  color: #cccccc;
}
.footer__nav a {
  color: #cccccc;
}
.footer__nav a:hover {
  color: #0B593B;
}
.footer__links a {
  color: #cccccc;
}
.footer__links a:hover {
  color: #0B593B;
}
.footer__copyright {
  color: #cccccc;
}
.footer__copyright a {
  color: #ffffff;
}
.footer__copyright a:hover {
  color: #0B593B;
}
.footer__title {
  color: #ffffff;
}
.footer__content {
  border-top-color: rgba(255,255,255,0.1);
}

/* ======================== Modal ======================== */
.modal__content,
.modal-content {
  background-color: #ffffff;
  border-color: #e0e0e0;
}
.modal__title {
  color: #1a1a1a;
}
.modal__text {
  color: #1a1a1a;
}

/* ======================== Breadcrumb ======================== */
.breadcrumb__item {
  color: #1a1a1a;
}
.breadcrumb__item a {
  color: #0B593B;
}
.breadcrumb__item a:hover {
  color: #60a018;
}

/* ======================== Dashbox ======================== */
.dashbox {
  background-color: #f5f5f5;
}
.dashbox__title {
  color: #1a1a1a;
}
.dashbox__text {
  color: #1a1a1a;
}

/* ======================== Article ======================== */
.article__title {
  color: #1a1a1a;
}
.article__text {
  color: #1a1a1a;
}
.article__meta {
  color: #1a1a1a;
}

/* ======================== Categories ======================== */
.categories__item {
  background-color: #f5f5f5;
}
.categories__title {
  color: #1a1a1a;
}

/* ======================== Page 404 ======================== */
.page-404__title {
  color: #1a1a1a;
}
.page-404__text {
  color: #1a1a1a;
}

/* ======================== Theme State ======================== */
body[data-theme="light"] {
  background-color: #ffffff;
  color: #1a1a1a;
}
body[data-theme="light"] .section,
body[data-theme="light"] .hv1 ~ .section {
  --bg: #ffffff;
  background: #ffffff;
}
body[data-theme="light"] .hv1 {
  background: linear-gradient(180deg, #fff 0%, #d6d6d2 100%);
}
body[data-theme="light"] .dtl-page {
  --bg: #f4f2ed;
  --bg-2: #ffffff;
  --surface: #ffffff;
  --surface-2: #f7f5f0;
  --line: rgba(10,13,16,.10);
  --ink: #0a1410;
  --muted: rgba(10,20,16,.62);
  --soft: rgba(10,20,16,.40);
  --chip-bg: rgba(10,13,16,.05);
  --radio-line: rgba(10,13,16,.20);
  --plan-hover: rgba(10,13,16,.04);
  --card-shadow: 0 12px 40px rgba(10,13,16,.06);
  --poster-shadow: 0 8px 24px rgba(10,13,16,.12);
  background: var(--bg);
}

body[data-theme="dark"] {
  --bg: #131720;
  --surface: #151f30;
  --surface-2: #1d242c;
  --line: rgba(255,255,255,0.1);
  --ink: #ffffff;
  background-color: var(--bg) !important;
  color: #ffffff !important;
}
body[data-theme="dark"] * {
  color: #ffffff !important;
}
body[data-theme="dark"] .section,
body[data-theme="dark"] .section--dark,
body[data-theme="dark"] .section--catalog,
body[data-theme="dark"] .section--head,
body[data-theme="dark"] .hv1 ~ .section {
  --bg: #131720;
  background: #131720 !important;
}
body[data-theme="dark"] .section--gradient:after,
body[data-theme="dark"] .hv1 ~ .section--gradient:after,
body[data-theme="dark"] .footer:after {
  background: linear-gradient(0deg, rgba(19,23,32,0.35) 0%, #131720 100%) !important;
}
body[data-theme="dark"] .section__bg:before {
  background: linear-gradient(180deg, rgba(19,23,32,0.5) 0%, #131720 100%) !important;
}
body[data-theme="dark"] .hv1 {
  background: linear-gradient(180deg, #131720 0%, #0d1118 100%) !important;
}
body[data-theme="dark"] .hv1__card {
  background: #151f30 !important;
  border-color: rgba(11,89,59,0.8) !important;
}
body[data-theme="dark"] .hv1__hr {
  background: rgba(255,255,255,0.14) !important;
}
body[data-theme="dark"] .hv1__pills {
  background: rgba(255,255,255,0.08) !important;
}
body[data-theme="dark"] .hv1__pill {
  color: rgba(255,255,255,0.65) !important;
}
body[data-theme="dark"] #home-plan-1:checked ~ .hv1__pills .hv1__pill--1,
body[data-theme="dark"] #home-plan-3:checked ~ .hv1__pills .hv1__pill--3,
body[data-theme="dark"] #home-plan-12:checked ~ .hv1__pills .hv1__pill--12 {
  background: #1d242c !important;
  color: #ffffff !important;
  box-shadow: none;
}
body[data-theme="dark"] .hv1__check {
  background: rgba(11,89,59,0.35) !important;
  color: #ffffff !important;
}
body[data-theme="dark"] .dtl-page {
  --bg: #131720;
  --bg-2: #151f30;
  --surface: #151f30;
  --surface-2: #1d242c;
  --line: rgba(255,255,255,.10);
  --ink: #ffffff;
  --muted: rgba(255,255,255,.68);
  --soft: rgba(255,255,255,.48);
  --chip-bg: rgba(255,255,255,.10);
  --radio-line: rgba(255,255,255,.24);
  --plan-hover: rgba(255,255,255,.06);
  --card-shadow: 0 12px 40px rgba(0,0,0,.28);
  --poster-shadow: 0 8px 24px rgba(0,0,0,.35);
  background: var(--bg) !important;
}
body[data-theme="dark"] .dtl-page .dtl-hero__bg {
  background-color: #0d1118 !important;
  background-image:
    linear-gradient(180deg, rgba(10,13,16,0) 0%, rgba(10,13,16,.7) 60%, var(--bg) 100%),
    linear-gradient(90deg, rgba(10,13,16,.9) 0%, rgba(10,13,16,.45) 50%, rgba(10,13,16,.7) 100%) !important;
}
body[data-theme="dark"] .dtl-page .dtl-btn--primary {
  background: #ffffff !important;
  color: #0a1410 !important;
}
body[data-theme="dark"] .dtl-page .dtl-plan,
body[data-theme="dark"] .dtl-page .dtl-buy,
body[data-theme="dark"] .dtl-page .dtl-nav-btn {
  background: var(--surface) !important;
  border-color: var(--line) !important;
}
body[data-theme="dark"] .dtl-page .dtl-plan:hover {
  background: var(--surface-2) !important;
}
body[data-theme="dark"] .header__form {
  background-color: #131720 !important;
}
body[data-theme="dark"] .header,
body[data-theme="dark"] .header__nav,
body[data-theme="dark"] .footer {
  background-color: #131720 !important;
  background: #131720 !important;
  border-color: rgba(255,255,255,0.1) !important;
}
body[data-theme="dark"] .header__nav-menu,
body[data-theme="dark"] .modal,
body[data-theme="dark"] .modal__content,
body[data-theme="dark"] .modal-content,
body[data-theme="dark"] .coupon-dialog,
body[data-theme="dark"] .plan,
body[data-theme="dark"] .plans,
body[data-theme="dark"] .feature,
body[data-theme="dark"] .dashbox,
body[data-theme="dark"] .categories__item,
body[data-theme="dark"] .sign__form {
  background-color: #151f30 !important;
  border-color: rgba(255,255,255,0.1) !important;
}
body[data-theme="dark"] .plan--best {
  background: linear-gradient(30deg, rgba(11,89,59,0.92) 0%, rgba(21,31,48,1) 100%) !important;
}
body[data-theme="dark"] input,
body[data-theme="dark"] textarea,
body[data-theme="dark"] select,
body[data-theme="dark"] .header__form-input,
body[data-theme="dark"] .coupon-menu__input,
body[data-theme="dark"] .sign__input,
body[data-theme="dark"] .sign__select,
body[data-theme="dark"] .sign__textarea,
body[data-theme="dark"] .select2-selection,
body[data-theme="dark"] .select2-dropdown {
  background-color: #1d242c !important;
  border-color: rgba(255,255,255,0.1) !important;
  color: #ffffff !important;
}
body[data-theme="dark"] ::placeholder {
  color: rgba(255,255,255,0.65) !important;
}
body[data-theme="dark"] .section__nav,
body[data-theme="dark"] .card__add,
body[data-theme="dark"] .card__rating,
body[data-theme="dark"] .dtl-page .dtl-nav-btn {
  background-color: #1d242c !important;
}
body[data-theme="dark"] .plan__btn,
body[data-theme="dark"] .plans__btn,
body[data-theme="dark"] .coupon-menu__button,
body[data-theme="dark"] .sign__btn,
body[data-theme="dark"] .hv1__cta,
body[data-theme="dark"] .hv1__btn-play {
  background-color: #0B593B !important;
  color: #ffffff !important;
}
body[data-theme="dark"] .plan__btn:hover,
body[data-theme="dark"] .plans__btn:hover,
body[data-theme="dark"] .coupon-menu__button:hover,
body[data-theme="dark"] .sign__btn:hover,
body[data-theme="dark"] .hv1__cta:hover,
body[data-theme="dark"] .hv1__btn-play:hover {
  background-color: #60a018 !important;
  color: #ffffff !important;
}
body[data-theme="dark"] a:hover,
body[data-theme="dark"] .header__nav-link:hover,
body[data-theme="dark"] .header__user:hover span {
  color: #60a018 !important;
}
body[data-theme="dark"] .header__search svg,
body[data-theme="dark"] .header__user svg,
body[data-theme="dark"] .header__form-btn svg,
body[data-theme="dark"] .feature__icon svg {
  fill: currentColor;
  stroke: currentColor;
}
body[data-theme="dark"] .theme-seg {
  --chip-bg: rgba(255,255,255,0.12);
  --ink: #ffffff;
}
body[data-theme="dark"] .theme-seg button {
  color: rgba(255,255,255,0.6) !important;
}
body[data-theme="dark"] .theme-seg button.is-active {
  background: #1d242c !important;
  color: #ffffff !important;
  box-shadow: none;
}