/* ============================================================
   Dauran Child — БАЗА: переменные, типографика, кнопки, общие компоненты
   ============================================================ */

:root {
	/* === ЦВЕТА (взяты из Elementor Kit-21 текущего сайта) === */
	--dauran-black:        #000000;
	--dauran-dark:         #132A36;  /* основной тёмный текст / заголовки */
	--dauran-dark-2:       #183544;  /* акцентный тёмный */
	--dauran-graphite:     #425760;  /* graphite — фон нав-бара, кнопок */
	--dauran-graphite-2:   #5a6e77;  /* hover для graphite */
	--dauran-blue:         #007495;  /* акцент — hover кнопок, ссылки */
	--dauran-blue-dark:    #005f7a;
	--dauran-yellow:       #FED700;  /* акцент — активное меню, бейджи, цена */
	--dauran-yellow-dark:  #e6c200;
	--dauran-white:        #FFFFFF;
	--dauran-gray-50:      #F7F7F7;  /* фон инпутов */
	--dauran-gray-100:     #ECF0F0;  /* бордеры */
	--dauran-gray-200:     #DDE3E5;
	--dauran-gray-300:     #B7C0C4;
	--dauran-gray-400:     #8A969C;
	--dauran-gray-500:     #6c7a80;
	--dauran-green:        #2BA84A;
	--dauran-red:          #D9362F;

	/* === ШРИФТЫ === */
	--dauran-font-heading: 'Poppins', 'Inter', 'Helvetica Neue', Arial, sans-serif;
	--dauran-font-body:    'Inter', 'Helvetica Neue', Arial, sans-serif;

	/* === ЛЭЙАУТ === */
	--dauran-container:    1280px;
	--dauran-gutter:       40px;
	--dauran-gutter-tab:   24px;
	--dauran-gutter-mob:   16px;

	/* === ТАЙМИНГИ === */
	--dauran-t-fast:  120ms;
	--dauran-t:       200ms;
	--dauran-t-slow:  320ms;
	--dauran-ease:    cubic-bezier(.2, .6, .2, 1);

	/* === ТЕНИ === */
	--dauran-shadow-sm: 0 2px 6px -2px rgba(19, 42, 54, .08);
	--dauran-shadow-md: 0 8px 24px -8px rgba(19, 42, 54, .12);
	--dauran-shadow-lg: 0 20px 48px -16px rgba(19, 42, 54, .18);

	/* === РАДИУСЫ === */
	--dauran-radius:    5px;     /* совпадает с Elementor Kit */
	--dauran-radius-sm: 3px;
	--dauran-radius-lg: 10px;
}

/* ============================================================
   Safety-net против глобальных стилей Hello Elementor и горизонтального скролла
   ============================================================ */

.dauran-shop, .dauran-product, .dauran-search, .dauran-mega {
	max-width: 100%;
	overflow-x: clip;
}

.dauran-shop *,
.dauran-product *,
.dauran-search *,
.dauran-mega * {
	box-sizing: border-box;
	min-width: 0;
}

.dauran-shop img,
.dauran-product img,
.dauran-search img,
.dauran-mega img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* ============================================================
   Контейнер
   На десктопе outer-edge ровно 1280px (без внутренних паддингов),
   чтобы совпадать с .elementor-container и не выбиваться из сетки сайта.
   Боковые отступы появляются только когда вьюпорт уже самого контейнера.
   ============================================================ */

.dauran-container {
	max-width: var(--dauran-container);
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
}

@media (max-width: 1320px) {
	.dauran-container {
		padding-left: 24px;
		padding-right: 24px;
	}
}

@media (max-width: 640px) {
	.dauran-container {
		padding-left: 16px;
		padding-right: 16px;
	}
}

/* ============================================================
   Типографика
   ============================================================ */

.dauran-shop,
.dauran-product,
.dauran-search {
	font-family: var(--dauran-font-body);
	color: var(--dauran-dark);
	font-size: 16px;
	line-height: 1.5;
}

.dauran-shop h1, .dauran-shop h2, .dauran-shop h3,
.dauran-product h1, .dauran-product h2, .dauran-product h3,
.dauran-search h1, .dauran-search h2, .dauran-search h3 {
	font-family: var(--dauran-font-heading) !important;
	color: var(--dauran-dark) !important;
	font-weight: 600 !important;
	line-height: 1.15 !important;
	letter-spacing: -0.4px !important;
	margin: 0 0 .5em !important;
}

/* Заголовки страниц — переопределяем глобальный h1: 72px из Elementor Kit. */
h1.dauran-shop__title,
h1.dauran-product__title,
h1.dauran-search__title,
.dauran-shop .dauran-shop__title,
.dauran-product .dauran-product__title,
.dauran-search .dauran-search__title {
	font-size: 28px !important;
	line-height: 1.2 !important;
	letter-spacing: -0.4px !important;
	margin: 0 0 8px !important;
	font-weight: 600 !important;
}

@media (max-width: 992px) {
	h1.dauran-shop__title, h1.dauran-product__title, h1.dauran-search__title { font-size: 24px !important; }
}
@media (max-width: 640px) {
	h1.dauran-shop__title, h1.dauran-product__title, h1.dauran-search__title { font-size: 20px !important; }
}

/* ============================================================
   Кнопки .dauran-btn
   Hello Elementor по умолчанию красит button — нужен !important
   ============================================================ */

.dauran-btn,
button.dauran-btn,
a.dauran-btn,
input[type="submit"].dauran-btn,
input[type="button"].dauran-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	padding: 13px 24px !important;
	border: 1px solid var(--dauran-graphite) !important;
	border-radius: var(--dauran-radius) !important;
	background: var(--dauran-graphite) !important;
	color: var(--dauran-white) !important;
	font-family: var(--dauran-font-body) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	cursor: pointer !important;
	transition:
		background-color var(--dauran-t) var(--dauran-ease),
		border-color var(--dauran-t) var(--dauran-ease),
		color var(--dauran-t) var(--dauran-ease),
		transform var(--dauran-t) var(--dauran-ease) !important;
	box-shadow: none !important;
}

.dauran-btn:hover,
.dauran-btn:focus,
button.dauran-btn:hover,
button.dauran-btn:focus,
a.dauran-btn:hover,
a.dauran-btn:focus {
	background: var(--dauran-blue) !important;
	border-color: var(--dauran-blue) !important;
	color: var(--dauran-white) !important;
	transform: translateY(-1px);
}

.dauran-btn--primary {
	background: var(--dauran-blue) !important;
	border-color: var(--dauran-blue) !important;
}
.dauran-btn--primary:hover,
.dauran-btn--primary:focus {
	background: var(--dauran-blue-dark) !important;
	border-color: var(--dauran-blue-dark) !important;
}

.dauran-btn--ghost {
	background: transparent !important;
	color: var(--dauran-graphite) !important;
	border-color: var(--dauran-gray-200) !important;
}
.dauran-btn--ghost:hover,
.dauran-btn--ghost:focus {
	background: var(--dauran-graphite) !important;
	border-color: var(--dauran-graphite) !important;
	color: var(--dauran-white) !important;
}

.dauran-btn--block {
	width: 100% !important;
}

.dauran-btn--lg {
	padding: 16px 28px !important;
	font-size: 15px !important;
}

/* ============================================================
   Ссылки внутри dauran-* — отменяем глобальный hover hello-elementor
   ============================================================ */

.dauran-shop a:not(.dauran-btn):not(.elementor-button),
.dauran-product a:not(.dauran-btn):not(.elementor-button),
.dauran-search a:not(.dauran-btn):not(.elementor-button),
.dauran-mega a {
	color: inherit;
	text-decoration: none;
	transition: color var(--dauran-t) var(--dauran-ease);
}

.dauran-shop a:hover,
.dauran-product a:hover,
.dauran-search a:hover,
.dauran-mega a:hover {
	color: var(--dauran-blue);
}

/* ============================================================
   Хлебные крошки
   ============================================================ */

.dauran-breadcrumbs {
	padding: 16px 0;
	font-size: 13px;
	color: var(--dauran-gray-500);
	font-family: var(--dauran-font-body);
}

.dauran-breadcrumbs__inner {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
	max-width: var(--dauran-container);
	margin: 0 auto;
	padding: 0 var(--dauran-gutter);
}

@media (max-width: 1024px) { .dauran-breadcrumbs__inner { padding: 0 var(--dauran-gutter-tab); } }
@media (max-width: 640px)  { .dauran-breadcrumbs__inner { padding: 0 var(--dauran-gutter-mob); } }

.dauran-breadcrumbs__item a {
	color: var(--dauran-gray-500);
	text-decoration: none;
}
.dauran-breadcrumbs__item a:hover {
	color: var(--dauran-blue);
}

.dauran-breadcrumbs__sep {
	color: var(--dauran-gray-300);
}

/* Когда блок breadcrumbs внутри dauran-shop__top — у него уже свой container, убираем повторный padding */
.dauran-shop__top .dauran-breadcrumbs__inner,
.dauran-product__top .dauran-breadcrumbs__inner {
	padding: 0;
	max-width: none;
	margin: 0;
}
.dauran-shop__top .dauran-breadcrumbs,
.dauran-product__top .dauran-breadcrumbs {
	padding-top: 12px;
	padding-bottom: 8px;
}

/* ============================================================
   Формы (инпуты, селекты) — фирменный стиль
   ============================================================ */

.dauran-input,
.dauran-shop input[type="text"],
.dauran-shop input[type="search"],
.dauran-shop input[type="number"],
.dauran-shop input[type="email"],
.dauran-shop input[type="tel"],
.dauran-shop select,
.dauran-product input[type="number"],
.dauran-product select,
.dauran-search input[type="search"] {
	width: 100%;
	padding: 11px 14px;
	font-family: var(--dauran-font-body);
	font-size: 14px;
	line-height: 1.4;
	color: var(--dauran-dark);
	background: var(--dauran-gray-50);
	border: 1px solid var(--dauran-gray-100);
	border-radius: var(--dauran-radius);
	transition: border-color var(--dauran-t), background-color var(--dauran-t);
	-webkit-appearance: none;
	appearance: none;
}

.dauran-shop input:focus,
.dauran-shop select:focus,
.dauran-product input:focus,
.dauran-product select:focus,
.dauran-search input:focus {
	outline: none;
	background: var(--dauran-white);
	border-color: var(--dauran-graphite);
}

.dauran-shop select,
.dauran-product select {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23425760' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	padding-right: 36px;
}

/* ============================================================
   Бейдж "Новинка / Акция"
   ============================================================ */

.dauran-badge {
	display: inline-block;
	padding: 4px 10px;
	border-radius: var(--dauran-radius-sm);
	background: var(--dauran-blue);
	color: var(--dauran-white);
	font-family: var(--dauran-font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
}
.dauran-badge--sale {
	background: var(--dauran-yellow);
	color: var(--dauran-dark);
}

/* ============================================================
   Reveal анимации
   ============================================================ */

@media (prefers-reduced-motion: no-preference) {
	[data-dauran-reveal] {
		opacity: 0;
		transform: translateY(12px);
		transition: opacity .5s var(--dauran-ease), transform .5s var(--dauran-ease);
	}
	[data-dauran-reveal].is-visible {
		opacity: 1;
		transform: none;
	}
}

/* ============================================================
   Перенос из родительской темы — глобальные правки, которые
   уже были применены на боевом сайте.
   ============================================================ */

/* Скрываем пункт «Request a quote» в личном кабинете WooCommerce */
.woocommerce-MyAccount-navigation-link--request-quote {
	display: none !important;
}

/* Корзина в шапке (Elementor Pro Menu Cart) — название и цена товара
   должны оставаться чёрными, а не белыми/прозрачными */
.elementor-menu-cart__product-name,
.elementor-menu-cart__product-price {
	color: black !important;
}

/* Заголовок offcanvas-меню (Ultimate Addons for Elementor) — скрываем */
.uael-mc-offcanvas__header-text {
	display: none;
}