/* Dark theme repaint: deep navy base + orange accent (matched to the
   lightning bolt in the logo, #e58a4c).
   Everything here is scoped under body[data-theme="dark"], so with the
   attribute absent (or set to "light") the original site styles from
   main.css apply untouched. Loaded after main.css/catalog.css so these
   rules win on equal specificity when the attribute matches. */

body[data-theme="dark"] {
	background: #0a141c;
	color: #e7ecf0;
}

/* Note: the header bar, hamburger and mobile menu are permanently dark
   (see catalog.css) so they aren't part of the light/dark toggle. */

/* Hero */
body[data-theme="dark"] .offer p {
	color: #93a4b3;
}

/* Primary buttons: orange fill, replaces dark-on-light pairing.
   .cat-pill reuses .btn, so category pills follow automatically. */
body[data-theme="dark"] .btn {
	background: #e58a4c;
	color: #16222b;
}

body[data-theme="dark"] .btn:hover {
	box-shadow: 0 0 18px rgba(229, 138, 76, .45);
}

body[data-theme="dark"] .offer__btn span,
body[data-theme="dark"] .about-btn span,
body[data-theme="dark"] .cat-pill span {
	background: #16222b;
	color: #e58a4c;
}

/* Outline buttons used inside dark panels: invert to orange on hover */
body[data-theme="dark"] .btn-brd {
	border-color: rgba(255, 255, 255, .35);
}

body[data-theme="dark"] .btn-brd:hover {
	background: #e58a4c;
	color: #16222b;
	border-color: #e58a4c;
}

/* Services/contacts panels: deepen slightly beyond the original navy */
body[data-theme="dark"] .services-wrapper {
	background: #101d27;
}

body[data-theme="dark"] .contacts {
	background: #101d27;
}

/* Product & category cards: darken the white shell, but keep the photo's
   own mat white — most product photos have a solid white background baked
   into the PNG itself, so a darkened card would leave a harsh white box
   around them. Only .catalog-card__img / .cat-card__img stay white. */
body[data-theme="dark"] .catalog-card,
body[data-theme="dark"] .cat-card {
	background: #172330;
	border-color: #172330;
}

body[data-theme="dark"] .catalog-card__img,
body[data-theme="dark"] .cat-card__img {
	background: #fff;
}

body[data-theme="dark"] .catalog-card__content,
body[data-theme="dark"] .cat-card__body {
	color: #dde4ea;
}

body[data-theme="dark"] .catalog-card__price span {
	color: #e58a4c;
}

body[data-theme="dark"] .cat-card__count {
	background: rgba(229, 138, 76, .16);
	color: #e58a4c;
}

/* About cards and the contacts callout card have no photo, so they can
   darken fully. */
body[data-theme="dark"] .advant-item {
	background: #172330;
	border-color: #172330;
}

body[data-theme="dark"] .advant-item,
body[data-theme="dark"] .advant-item__text,
body[data-theme="dark"] .advant-item__text p {
	color: #dde4ea;
}

body[data-theme="dark"] .advant-item__head {
	border-bottom-color: rgba(255, 255, 255, .12);
}

body[data-theme="dark"] .contacts-add {
	background: #172330;
	border-color: #172330;
}

body[data-theme="dark"] .contacts-add p {
	color: #dde4ea;
}

/* Filter panel: darken the shell and restyle its form controls to match */
body[data-theme="dark"] .catalog-filters {
	background: #172330;
	color: #dde4ea;
}

body[data-theme="dark"] .filter-field {
	color: #93a4b3;
}

body[data-theme="dark"] .filter-search input,
body[data-theme="dark"] .filter-field input,
body[data-theme="dark"] .filter-field select {
	background: #0e1821;
	border-color: #2a3947;
	color: #dde4ea;
}

body[data-theme="dark"] .filter-count {
	color: #93a4b3;
}

body[data-theme="dark"] .filter-search input::placeholder,
body[data-theme="dark"] .filter-field input::placeholder {
	color: #5f6f7d;
}

body[data-theme="dark"] .footer-info__rights {
	color: #8c98a4;
}

body[data-theme="dark"] .footer-info__politic {
	color: #cfd8e0;
}