/* VALEVAN — шапка, мобільне меню, підвал (кадри 13-pro-brend, 01-golovna, 17-mobilne-menu). */

/* ---------- Шапка ---------- */
.vv-hdr { position: relative; z-index: 40; background: var(--vv-white); border-bottom: 1px solid var(--vv-line-soft); }
.vv-hdr__bar { height: 55px; display: flex; align-items: center; justify-content: space-between; }
.vv-hdr__burger, .vv-hdr__cart { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; position: relative; color: var(--vv-black); }
.vv-hdr__burger::after, .vv-hdr__cart::after { content: ""; position: absolute; inset: -12px; } /* ціль для пальця 44 px */
.vv-hdr__logo { display: block; }
.vv-hdr__logo img { width: 110px; height: 18px; }
.vv-hdr__logo-light { display: none !important; }
.vv-hdr__right { display: flex; align-items: center; justify-content: flex-end; }
.vv-hdr__nav { display: none; }
.vv-hdr__count { position: absolute; top: -6px; right: -8px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: var(--vv-wine); color: var(--vv-ivory); font: 500 10px/16px var(--vv-font); text-align: center; }
.vv-nav { display: flex; }
.vv-nav__link { display: block; position: relative; font: var(--vv-nav); letter-spacing: .16em; text-transform: uppercase; white-space: nowrap; color: var(--vv-black); }
.vv-nav__link:hover { color: var(--vv-wine); }
.vv-nav__item.is-active > .vv-nav__link { color: var(--vv-wine); }
.vv-nav__item.is-active > .vv-nav__link::after { content: ""; position: absolute; left: 0; right: 0; bottom: -8px; height: 1px; background: var(--vv-wine); }

@media (min-width: 1024px) {
	.vv-hdr__bar { height: auto; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding-block: 28px; }
	.vv-hdr__burger { display: none; }
	.vv-hdr__logo img { width: 134px; height: 22px; }
	.vv-hdr__nav { display: block; }
	.vv-hdr__nav--left .vv-nav { gap: 32px; }
	.vv-hdr__nav--right .vv-nav { gap: 20px; }
	.vv-hdr__right { gap: 20px; }
}
@media (min-width: 1280px) {
	.vv-hdr__nav--right .vv-nav { gap: 28px; }
	.vv-hdr__right { gap: 28px; }
}

/* Головна: прозора шапка поверх hero */
.vv-hdr-over .vv-hdr { position: absolute; top: 0; left: 0; right: 0; background: transparent; border-bottom: 0; }
.vv-hdr-over .vv-hdr__logo-dark { display: none !important; }
.vv-hdr-over .vv-hdr__logo-light { display: block !important; }
.vv-hdr-over .vv-hdr__burger, .vv-hdr-over .vv-hdr__cart, .vv-hdr-over .vv-nav__link { color: var(--vv-ivory); }
.vv-hdr-over .vv-nav__item.is-active > .vv-nav__link::after { background: var(--vv-ivory); }
@media (min-width: 1024px) { .vv-hdr-over .vv-hdr__bar { padding-block: 24px; } }
@media (min-width: 1280px) { .vv-hdr-over .vv-hdr__bar { padding-block: 32px; } }

/* ---------- Мобільне меню ---------- */
.vv-mmenu { position: fixed; inset: 0; z-index: 100; background: var(--vv-white); overflow-y: auto; overscroll-behavior: contain; }
.vv-mmenu__inner { display: flex; flex-direction: column; min-height: 100%; }
.vv-mmenu__bar { flex: none; display: flex; align-items: center; justify-content: space-between; height: 56px; padding: 0 16px; border-bottom: 1px solid var(--vv-line-soft); }
.vv-mmenu__close, .vv-mmenu__cart { display: inline-flex; width: 20px; height: 20px; color: var(--vv-black); position: relative; }
.vv-mmenu__close::after, .vv-mmenu__cart::after { content: ""; position: absolute; inset: -12px; }
.vv-mmenu__logo img { width: 122px; height: 20px; }
.vv-mmenu__nav { display: flex; flex-direction: column; padding-top: 16px; }
.vv-mmenu__toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 14px 16px; text-align: left; }
.vv-mmenu__link { display: block; padding: 14px 16px; }
.vv-mmenu__toggle ~ .vv-mmenu__toggle { margin-top: 8px; }
.vv-mmenu__big { font: 500 22px/28px var(--vv-font); letter-spacing: .02em; text-transform: uppercase; color: var(--vv-black); }
.vv-mmenu__toggle.is-open .vv-mmenu__big { color: var(--vv-wine); }
.vv-mmenu__sign { font: 400 18px/18px var(--vv-font); color: var(--vv-stone); }
.vv-mmenu__sub a { display: block; padding: 6px 16px 6px 32px; font: 400 15px/24px var(--vv-font); color: var(--vv-ink-2); }
.vv-mmenu__foot { margin-top: auto; padding: 24px 16px 32px; }
.vv-mmenu__social { color: var(--vv-black); gap: 20px; }
@media (min-width: 1024px) { .vv-mmenu { display: none !important; } }

/* ---------- Соцмережі ---------- */
.vv-social { display: flex; align-items: center; gap: 24px; }
.vv-social__link { display: inline-flex; color: inherit; position: relative; }
.vv-social__link::after { content: ""; position: absolute; inset: -10px; }
.vv-social__link:hover { opacity: .7; }

/* ---------- Підвал ---------- */
.vv-ftr { background: var(--vv-wine); color: var(--vv-ivory); }
.vv-ftr__in { display: flex; flex-direction: column; gap: 32px; padding-top: 40px; padding-bottom: 32px; }
.vv-ftr__top { display: flex; flex-direction: column; gap: 32px; }
.vv-ftr__brand { display: flex; flex-direction: column; gap: 16px; padding-bottom: 32px; border-bottom: 1px solid var(--vv-on-dark-line); }
.vv-ftr__brand img { width: 122px; height: 20px; }
.vv-ftr__claim { font: 400 12px/20px var(--vv-font); color: var(--vv-on-dark-60); }
.vv-ftr__sub { display: flex; flex-direction: column; gap: 12px; padding-bottom: 32px; border-bottom: 1px solid var(--vv-on-dark-line); }
.vv-ftr__label { color: var(--vv-on-dark-50); }
.vv-ftr__subrow { display: flex; gap: 8px; }
.vv-ftr__input { flex: 1; min-width: 0; height: 48px; padding: 0 16px; border: 1px solid var(--vv-on-dark-line-2); border-radius: 0; background: transparent; color: var(--vv-ivory); font: 400 16px/20px var(--vv-font); }
.vv-ftr__input:focus { outline: none; border-color: var(--vv-ivory); }
.vv-ftr__ok { flex: none; width: 72px; padding: 0; }
.vv-ftr__msg { font: 400 12px/20px var(--vv-font); color: var(--vv-on-dark-78); }
.vv-ftr__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 32px 16px; }
.vv-ftr__col { display: flex; flex-direction: column; gap: 12px; }
.vv-ftr__col:nth-child(3), .vv-ftr__col:nth-child(4), .vv-ftr__col--contact { padding-top: 32px; border-top: 1px solid var(--vv-on-dark-line); }
.vv-ftr__col--contact { grid-column: 1 / -1; gap: 16px; }
.vv-ftr__col:nth-child(3) { margin-right: -16px; padding-right: 16px; } /* лінія над SERVICE / BRAND — суцільна через проміжок сітки */
.vv-ftr__h { color: var(--vv-on-dark-50); }
.vv-ftr__menu { display: flex; flex-direction: column; gap: 12px; }
.vv-ftr__link { display: block; font: 500 12px/12px var(--vv-font); letter-spacing: .04em; color: var(--vv-on-dark-78); }
.vv-ftr__link:hover { color: var(--vv-ivory); }
.vv-ftr__social { color: var(--vv-ivory); }
.vv-ftr__bottom { display: flex; align-items: center; justify-content: flex-end; padding-top: 32px; border-top: 1px solid var(--vv-on-dark-line); }
.vv-ftr__copy { text-align: right; font: 400 12px/12px var(--vv-font); color: var(--vv-on-dark-40); }

@media (min-width: 1024px) {
	.vv-ftr__in { gap: 48px; padding-top: 64px; padding-bottom: 48px; }
	.vv-ftr__top { flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 64px; padding-bottom: 40px; border-bottom: 1px solid var(--vv-on-dark-line); }
	/* Два варіанти підвалу у верстці: у магазині й Journal (02–12) бренд-блок 440 px, OK 72 px;
	   на головній, «Про бренд», «Контакти», «Співпраця» — 40 % ширини (vv-ftr-wide), у 13–14 OK за текстом (vv-ftr-okwide). */
	.vv-ftr__brand { flex: none; width: 312px; padding-bottom: 0; border-bottom: 0; }
	.vv-ftr-wide .vv-ftr__brand { flex: 0 1 auto; width: auto; max-width: 40%; }
	.vv-ftr__claim { font-size: 13px; line-height: 22px; }
	.vv-ftr__sub { width: 400px; padding-bottom: 0; border-bottom: 0; }
	.vv-ftr__ok { width: 72px; padding: 0; }
	.vv-ftr-okwide .vv-ftr__ok { width: auto; padding: 0 32px; }
	.vv-ftr__cols { grid-template-columns: repeat(3, 1fr) 152px 112px; gap: 0; }
	.vv-ftr__col:nth-child(3), .vv-ftr__col:nth-child(4), .vv-ftr__col--contact { padding-top: 0; border-top: 0; }
	.vv-ftr__col:nth-child(3) { margin-right: 0; padding-right: 0; }
	.vv-ftr__col--contact { grid-column: auto; gap: 12px; }
	.vv-ftr__h { margin-bottom: 4px; }
	.vv-ftr__social { gap: 20px; margin-top: 4px; }
}
@media (min-width: 1280px) { .vv-ftr__cols { grid-template-columns: repeat(3, 1fr) 184px 112px; } }
@media (min-width: 1440px) { .vv-ftr__cols { grid-template-columns: repeat(3, 1fr) 200px 112px; } }
/* Бренд-блок підвалу (варіант 02–12): 312 / 384 / 440 px */
@media (min-width: 1280px) { .vv-ftr__brand { width: 384px; } }
@media (min-width: 1440px) { .vv-ftr__brand { width: 440px; } }
/* Кошик, оформлення, подяка: у верстці бренд-блок підвалу 440 px і на 1024/1280 */
@media (min-width: 1024px) { .woocommerce-cart .vv-ftr__brand, .woocommerce-checkout .vv-ftr__brand { width: 440px; } }