/* =====================================================================
   Care4Everyday · допълнения за WordPress / WooCommerce
   (елементи, които WooCommerce рисува сам, и разлики спрямо прототипа)
   ===================================================================== */

/* страниците със собствен горен ред не са fixed слоеве, а нормални страници */
.tn-page { position: static; inset: auto; overflow: visible; z-index: auto; min-height: 100svh; }
.tn-page .v-top, .tn-page .co-top { position: sticky; top: 0; }
body.admin-bar .tn-page .v-top, body.admin-bar .tn-page .co-top { top: 32px; }
body.admin-bar .hdr { top: 32px; }
@media (max-width: 782px) { body.admin-bar .tn-page .v-top, body.admin-bar .tn-page .co-top, body.admin-bar .hdr { top: 46px; } }

/* hero: продуктите в колелото са линкове */
.w-item { color: inherit; }

/* долна лента: вътрешната обвивка се подменя с fragments */
.tn-cartbar-in { display: contents; }

/* чекмедже: показва се с клас, не с маршрут */
#drawer[hidden] { display: none; }
#drawer { position: fixed; inset: 0; z-index: 80; }
.tn-drawer-in { display: flex; flex-direction: column; height: 100%; }
html.drawer-open, html.drawer-open body { overflow: hidden; }

/* бутон „Добави“ в картата е <a> */
a.add { text-decoration: none; }
a.add.loading { opacity: .6; pointer-events: none; }
a.add.added::after, .added_to_cart { display: none !important; }

/* архив */
.tn-archive .sec-head h1 { font: 400 clamp(48px, 8.6vw, 150px)/.88 var(--display); text-transform: uppercase; color: var(--red); }
.tn-arch-sub { font-size: clamp(20px, 2vw, 28px); margin-top: 14px; }
a.chip { text-decoration: none; }
.tn-pager { display: flex; justify-content: center; gap: 8px; margin-top: 50px; }
.tn-pager .page-numbers { min-width: 44px; height: 44px; display: grid; place-items: center; border-radius: 999px; border: 1px solid rgba(47, 43, 54, .35); font-weight: 600; }
.tn-pager .current { background: var(--wine); color: var(--milk); border-color: var(--wine); }

/* обикновени страници */
.tn-prose .sec-head h1 { font: 400 clamp(40px, 6vw, 96px)/.9 var(--display); text-transform: uppercase; color: var(--red); }
.tn-prose-body { max-width: 760px; margin: 0 auto; font-size: 17px; line-height: 1.6; }
.tn-prose-body h2 { font: 400 30px/1.1 var(--display); margin: 1.4em 0 .5em; color: var(--wine-deep); }
.tn-prose-body p, .tn-prose-body ul { margin: 0 0 1em; }
.tn-prose-body a { text-decoration: underline; text-underline-offset: 3px; }
.pd-desc p { margin: 0 0 1em; }

/* ---------- checkout: полета на WooCommerce в нашата визия ---------- */
.woocommerce-checkout .form-row { margin: 0; padding: 0; }
.co .fld label { display: block; margin-bottom: 6px; font: 600 12px/1 var(--ui); letter-spacing: .06em; text-transform: uppercase; }
.co .fld .required, .co .fld .optional { display: none; }
.co .fld .woocommerce-input-wrapper { display: block; }
.co .fld input.input-text, .co .fld select {
	min-height: 52px; padding: 0 16px; border-radius: 12px; border: 1px solid rgba(47, 43, 54, .28); background: #fff;
	font: 500 16px var(--ui); color: var(--wine-deep); width: 100%;
}
.co .fld input.input-text:focus { outline: none; border-color: var(--wine); box-shadow: 0 0 0 3px rgba(47, 43, 54, .14); }
.co .woocommerce-invalid input.input-text { border-color: var(--red); box-shadow: 0 0 0 3px rgba(123, 94, 140, .18); }
.co .woocommerce-invalid::after { content: "Попълни това поле"; display: block; margin-top: 6px; color: var(--red); font: 600 12px var(--ui); }
.co .checkout-inline-error-message { color: var(--red); font: 600 12px var(--ui); margin-top: 6px; }
.tn-hidden, .tn-hidden-email { display: none !important; }
.tn-addr-fields[hidden] { display: none; }
.co.is-known .tn-fields { display: none; }
.co.is-known.is-editing .tn-fields { display: contents; }
.co.is-known.is-editing .tn-known, .co.is-known.is-editing .co-welcome { display: none; }

/* плащане: списъкът на WooCommerce като сегменти */
#payment ul.seg { list-style: none; margin: 0; padding: 0; }
#payment .wc_payment_method { display: grid; gap: 10px; }
#payment .payment_box { padding: 14px; border-radius: 12px; background: rgba(47, 43, 54, .05); font-size: 14px; }
#payment .seg-o input:checked + span { border-color: var(--wine); background: rgba(47, 43, 54, .06); box-shadow: inset 0 0 0 1px var(--wine); }
.blockUI.blockOverlay { background: rgba(245, 245, 245, .6) !important; }

/* експресни бутони на платежния модул */
.express-b > * { min-height: 52px; }

/* съобщения на WooCommerce */
.woocommerce-NoticeGroup, .woocommerce-notices-wrapper { max-width: 1180px; margin: 0 auto; padding: 0 var(--pad); }
.woocommerce-error, .woocommerce-message, .woocommerce-info {
	list-style: none; margin: 16px 0; padding: 14px 18px; border-radius: 12px; font-size: 15px;
	background: var(--white); border: 1px solid rgba(47, 43, 54, .16);
}
.woocommerce-error { border-color: var(--red); color: var(--wine-deep); }
.woocommerce-error li { margin: 4px 0; }

/* мобилна лента в checkout */
.tn-cobar { display: contents; }

/* „Моят профил“ */
.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 30px; }
.woocommerce-MyAccount-navigation a { display: inline-flex; min-height: 44px; align-items: center; padding: 0 18px; border-radius: 999px; border: 1px solid rgba(47, 43, 54, .35); text-decoration: none !important; font: 600 13px var(--ui); text-transform: uppercase; letter-spacing: .06em; }
.woocommerce-MyAccount-navigation .is-active a { background: var(--wine); color: var(--milk); }
.woocommerce table.shop_table { width: 100%; border-collapse: collapse; font-size: 15px; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: 12px 8px; border-bottom: 1px solid rgba(47, 43, 54, .14); text-align: left; }
.woocommerce .button { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; border-radius: 999px; border: 0; background: var(--wine); color: var(--milk); font: 600 13px var(--ui); text-decoration: none !important; }

/* вариативни продукти (ако се добавят) */
.tn-variable .variations { width: 100%; margin-bottom: 12px; }
.tn-variable select { min-height: 48px; border-radius: 12px; border: 1px solid rgba(47, 43, 54, .28); padding: 0 14px; width: 100%; }
.tn-variable .single_add_to_cart_button { width: 100%; min-height: 56px; border-radius: 999px; border: 0; background: var(--red); color: #fff; font: 700 15px var(--ui); }

/* ---------- версия 1.1: голям асортимент ---------- */
.w-item { display: flex; }
.hero-cta { text-decoration: none; }

/* снимки на бял фон (напр. от Amazon): белият фон се слива с цветната плочка */
.tn-wb .w-item img, .tn-wb .show-prod img, .tn-wb .cat-img img, .tn-wb .mcat-img img { mix-blend-mode: multiply; filter: none; }
.tn-wb .promo-p img { background: var(--white); border-radius: 18px; padding: 6%; box-shadow: 0 24px 40px rgba(34, 31, 40, .25); filter: none; }
.tn-wb .w-item:hover img { transform: translateY(-10px) scale(1.04); }

/* много категории: 5 на ред */
.cats.many, .menu-cats.many { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.cats.many .cat { aspect-ratio: 4 / 5; }
.menu-cats.many .mcat { aspect-ratio: auto; height: min(34svh, 300px); }
@media (max-width: 1100px) { .cats.many, .menu-cats.many { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 860px) { .cats.many, .menu-cats.many { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* архив: път назад, подкатегории, подреждане, още */
.tn-crumb { display: inline-block; margin-bottom: 14px; font: 600 13px/1 var(--ui); letter-spacing: .06em; text-transform: uppercase; opacity: .75; }
.tn-crumb:hover { opacity: 1; }
.subcats { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: -10px 0 clamp(24px, 3vw, 40px); }
.subcats .sub { padding: 9px 14px; border-radius: 999px; background: var(--white); box-shadow: 0 0 0 1px rgba(47, 43, 54, .12); font: 500 14px/1 var(--ui); }
.subcats .sub small { opacity: .55; margin-left: 2px; }
.subcats .sub:hover { background: var(--t-teeth); }
.subcats .sub.on { background: var(--wine); color: var(--white); box-shadow: none; }
.cat-bar .woocommerce-ordering { margin: 0; }
.cat-bar select.orderby { height: 40px; border-radius: 999px; border: 1px solid rgba(47, 43, 54, .28); background: var(--white); padding: 0 14px; font: 500 14px var(--ui); color: var(--wine); }
.tn-more { display: flex; justify-content: center; margin-top: clamp(30px, 4vw, 50px); }
.tn-more .pill { text-decoration: none; }
.chip.hot { text-decoration: none; }
.sugg a { text-decoration: none; }

/* вътрешните страници започват под фиксирания хедър */
body:not(.home):not(.tn-own-top) #main { padding-top: var(--hdr-h, 150px); }
.tn-archive > .sec:first-child, .tn-prose > .sec:first-child { padding-top: clamp(28px, 4vw, 64px); }
body:not(.home):not(.tn-own-top) #main.tn-prose { padding-top: calc(var(--hdr-h, 150px) + clamp(28px, 4vw, 64px)); }

/* заглавие на архива: по-компактно, думите на един ред */
.tn-archive .sec-head h1 { font-size: clamp(38px, 5vw, 84px); line-height: .95; }
html.js .tn-archive .sec-head h1.split .ln { display: inline-block; margin-right: .25em; }
.tn-archive .sec-head { margin-bottom: clamp(24px, 3vw, 44px); }
/* на телефон филтрите се плъзгат хоризонтално, вместо да заемат половин екран */
@media (max-width: 860px) {
	.filters, .subcats { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; margin-inline: calc(var(--pad) * -1); padding-inline: var(--pad); padding-bottom: 4px; }
	.filters::-webkit-scrollbar, .subcats::-webkit-scrollbar { display: none; }
	.filters .chip, .subcats .sub { flex: none; }
}

/* лого-надпис: цифрата в курсив и цвят (Care4Everyday) */
.logo b { letter-spacing: .02em; white-space: nowrap; }
.logo b .n, .ftr-word .n { font-family: var(--accent); font-style: italic; font-weight: 500; color: var(--red); margin: 0 .03em 0 .01em; font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1; font-size: 1.12em; line-height: 0; }
.ftr-word { font-size: min(420px, calc(176vw / var(--len, 7))); }
.ftr-word .n { color: var(--t-baby); }
@media (max-width: 560px) { .hdr-main .logo b { font-size: 23px; } .hdr-main .logo i { font-size: 14px; } }