/* Sklep voucherów Turowska Clinic: kroje i kolory z reklamy/BRANDBOOK-turowska-clinic.md. Wczytywany tylko na stronach sklepu. */
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 400; font-display: swap; src: url('fonts/CormorantGaramond-Italic-400.ttf') format('truetype'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 500; font-display: swap; src: url('fonts/CormorantGaramond-Italic-500.ttf') format('truetype'); }
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 300; font-display: swap; src: url('fonts/Jost-300.ttf') format('truetype'); }
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/Jost-400.ttf') format('truetype'); }
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/Jost-500.ttf') format('truetype'); }

:root { --tc-ciemny: #1A1612; --tc-krem: #F0EBE3; --tc-zloto: #B8956A; --tc-jasne-zloto: #D4B08A; --tc-tekst: #3A2E27; }
.essa-vsk-strona h1, .essa-vsk-strona h2, .essa-vsk-strona h3, .product_title, .woocommerce-loop-product__title { font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 500; color: var(--tc-ciemny); letter-spacing: .01em; }

.woocommerce .button, .woocommerce button.button, .woocommerce a.button, .woocommerce #respond input#submit, .woocommerce button.button.alt, .woocommerce a.button.alt,
.woocommerce .button:hover, .woocommerce button.button:hover, .woocommerce a.button:hover, .woocommerce button.button.alt:hover,
.woocommerce .button:focus, .woocommerce button.button:focus, .woocommerce a.button:focus, .woocommerce button.button.alt:focus {
	background: var(--tc-zloto); color: var(--tc-ciemny); border: 0; border-radius: 0; font-family: 'Jost', sans-serif; font-weight: 400;
	text-transform: uppercase; letter-spacing: .28em; padding: 14px 26px;
}
.woocommerce .button:hover, .woocommerce button.button:hover, .woocommerce a.button:hover, .woocommerce button.button.alt:hover { background: var(--tc-jasne-zloto); }
.woocommerce .button:focus-visible, .woocommerce button.button:focus-visible { outline: 2px solid var(--tc-ciemny); outline-offset: 2px; }
.woocommerce div.product p.price, .woocommerce ul.products li.product .price { color: #8A6A44; font-family: 'Jost'; font-weight: 400; }

.essa-vsk { border: 1px solid var(--tc-zloto); padding: 18px 18px 6px; margin: 0 0 18px; background: #fff; }
.essa-vsk legend { font: 400 12px 'Jost'; letter-spacing: .28em; text-transform: uppercase; color: #8A6A44; padding: 0 6px; }
.essa-vsk-kwoty { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 10px; margin-bottom: 14px; }
.essa-vsk-kafel { position: relative; display: block; cursor: pointer; }
.essa-vsk-kafel input { position: absolute; opacity: 0; inset: 0; }
.essa-vsk-kafel span { display: block; text-align: center; padding: 14px 6px; border: 1px solid #D9CBB6; font: 500 italic 24px 'Cormorant Garamond', serif; color: var(--tc-ciemny); background: #FBF8F4; }
.essa-vsk-kafel input:checked + span { background: var(--tc-ciemny); color: var(--tc-krem); border-color: var(--tc-ciemny); }
.essa-vsk-kafel input:focus-visible + span { outline: 2px solid var(--tc-zloto); outline-offset: 2px; }
.essa-vsk p { margin: 0 0 12px; }
.essa-vsk label { display: block; font: 400 14px 'Jost'; color: var(--tc-tekst); margin-bottom: 4px; }
.essa-vsk input[type=text], .essa-vsk input[type=email], .essa-vsk input[type=number], .essa-vsk textarea { width: 100%; padding: 10px 12px; border: 1px solid #CDBFA9; font: 400 16px 'Jost'; background: #fff; color: var(--tc-ciemny); }
.essa-vsk small { display: block; font: 300 13px 'Jost'; color: #5C4A35; margin-top: 4px; }
.essa-vsk-inna[hidden] { display: none; }
.essa-vsk-vat { font: 300 14px 'Jost'; color: #5C4A35; border-left: 3px solid var(--tc-zloto); padding: 6px 10px; }
.essa-vsk-gotowy { border: 1px solid var(--tc-zloto); background: #fff; padding: 16px 20px; margin: 0 0 24px; }
.essa-vsk-gotowy li { margin: 6px 0; }
.woocommerce div.product form.cart .quantity { display: none; }


/* WooCommerce 10 nadaje przyciskom „alt” własny fiolet przez zmienną i wysoką specyficzność */
:root { --wc-primary: #B8956A; --wc-primary-text: #1A1612; }
.woocommerce div.product form.cart .button.single_add_to_cart_button, .woocommerce div.product form.cart .button.single_add_to_cart_button:hover,
.woocommerce div.product form.cart .button.single_add_to_cart_button:focus, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order,
.woocommerce a.checkout-button.button.alt, .woocommerce .wc-proceed-to-checkout a.checkout-button { background: #B8956A !important; color: #1A1612 !important; border-radius: 0; }
.woocommerce div.product form.cart .button.single_add_to_cart_button:hover, .woocommerce #payment #place_order:hover, .woocommerce a.checkout-button.button.alt:hover { background: #D4B08A !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs { display: none; }
.woocommerce div.product .woocommerce-tabs h2 { font-size: 30px; }
.product_meta .tagged_as { display: none; }

/* Żywa strona: treść sklepu pod przyklejonym nagłówkiem gabinetu (.tcm-wrap), tło i tekst jak w marce. */
body.essa-vsk-strona { background: #FBF8F4; }
.essa-vsk-strona .site-main, .essa-vsk-strona main#content { font-family: 'Jost', sans-serif; font-weight: 300; color: var(--tc-tekst); max-width: 1140px; margin: 0 auto; padding: 130px 20px 64px; }
.essa-vsk-strona .site-main a:not(.button), .essa-vsk-strona main#content a:not(.button) { color: #7A5A34; }
.essa-vsk-strona .page-header .entry-title, .essa-vsk-strona .entry-title { font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 500; color: var(--tc-ciemny); font-size: clamp(34px, 5vw, 52px); }
.essa-vsk-strona .woocommerce-breadcrumb { font-size: 13px; color: #5C4A35; }
.essa-vsk-strona .woocommerce-breadcrumb a { color: #5C4A35; }
.essa-vsk-strona .product_title { font-size: clamp(32px, 4.4vw, 48px); line-height: 1.1; }
.essa-vsk-strona .woocommerce-product-details__short-description, .essa-vsk-strona .woocommerce-Tabs-panel { font-size: 16px; line-height: 1.7; }
.essa-vsk-strona .woocommerce form .form-row label { color: var(--tc-tekst); }
.essa-vsk-strona .woocommerce form .form-row input.input-text, .essa-vsk-strona .woocommerce form .form-row textarea, .essa-vsk-strona .select2-container .select2-selection { border: 1px solid #CDBFA9; border-radius: 0; padding: 10px 12px; font: 400 16px 'Jost', sans-serif; background: #fff; color: var(--tc-ciemny); }
.essa-vsk-strona #payment { background: #F0EBE3; border-radius: 0; }
.essa-vsk-strona #payment div.payment_box { background: #fff; color: var(--tc-tekst); }
.essa-vsk-strona #payment div.payment_box::before { border-bottom-color: #fff; }
.essa-vsk-strona .woocommerce-info, .essa-vsk-strona .woocommerce-message { border-top-color: var(--tc-zloto); background: #fff; color: var(--tc-tekst); }
.essa-vsk-strona .woocommerce-info::before, .essa-vsk-strona .woocommerce-message::before { color: var(--tc-zloto); }
.essa-vsk-strona .woocommerce-error { background: #fff; color: #8B1E1E; border-top-color: #8B1E1E; }
@media (max-width: 767px) { .essa-vsk-strona .site-main, .essa-vsk-strona main#content { padding: 104px 16px 48px; } }