/* WordPress/WooCommerce output in the design's look (home.css + pages.css are the mockups' files, unchanged). */

.skip-link:focus{position:fixed!important;top:8px;left:8px;z-index:1000;width:auto;height:auto;clip:auto;padding:10px 16px;border-radius:var(--radius-btn);background:#fff;color:var(--ink);box-shadow:0 2px 10px rgba(0,0,0,.2)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* prices: WooCommerce amount + the € → лв. plugin's „(… лв.)“ */
.card__price .amount{font-size:20px;font-weight:700;color:var(--card-ink)}
.card__price .eur-price{font-size:var(--fs-label)}
.card__price del,.pdp__price del{opacity:.6}
.card__price del .amount{font-size:15px;font-weight:400}
.card__price ins,.pdp__price ins{text-decoration:none}
.pdp__price .amount{font-size:30px;line-height:1.2;font-weight:700;color:var(--card-ink);margin-right:6px}
.pdp__price del .amount{font-size:20px;font-weight:400}
.cart-line__unit .eur-price,.cart-line__total .eur-price,.co-sum__price .eur-price,.cart__row .eur-price,.mc .eur-price{display:block;font-size:12px;font-weight:400;color:var(--ink-75)}
.cart-line__total .amount{display:block;font-size:17px;font-weight:700;color:var(--card-ink)}
.cart__row .eur-price{display:inline;margin-left:4px}
.card__ship{white-space:nowrap}
.card__media img{display:block;width:100%;height:100%;object-fit:contain}

/* add to cart: loading state, WooCommerce's „Виж количката“ link not used (the side cart opens) */
.card__buy.loading,.single_add_to_cart_button.loading{opacity:.7;pointer-events:none}
.card__buy.loading::after,.single_add_to_cart_button.loading::after{content:"";width:14px;height:14px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:zd-spin .7s linear infinite}
@keyframes zd-spin{to{transform:rotate(360deg)}}
a.added_to_cart{display:none!important}

/* product page: WooCommerce's add-to-cart form = the design's quantity + button */
.pdp__buy form.cart{display:flex;flex-wrap:wrap;gap:12px;width:100%}
.pdp__buy .single_add_to_cart_button{flex:1;min-width:200px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:0;border-radius:var(--radius-btn);background:var(--buy);color:#fff;font:700 16px/1.25 var(--ff-body);letter-spacing:.2px;cursor:pointer;transition:background .2s,transform .1s}
.pdp__buy .single_add_to_cart_button:hover{background:var(--buy-hover)}
.pdp__buy .single_add_to_cart_button:active{transform:scale(.98)}
.pdp__buy .wcpa_form_outer{flex-basis:100%}
.pdp__stock.is-out{color:#B3261E}

/* product page, phones: buy bar fixed at the bottom while the box's own button is off screen (shop.js) */
.buybar{display:none}
@media (max-width:899px){
  .buybar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--card-line);background:#fff;box-shadow:0 -2px 12px rgba(0,0,0,.08);transform:translateY(110%);visibility:hidden;transition:transform .25s,visibility 0s .25s}
  .buybar.is-shown{transform:none;visibility:visible;transition:transform .25s}
  .buybar__price{flex:none;margin:0;line-height:1.2}
  .buybar__price .amount{font-weight:700;color:var(--card-ink)}
  .buybar__price .eur-price{display:block}
  .buybar{gap:10px}
  .buybar__qty{flex:none}
  .buybar__qty .qty__btn{width:36px}
  .buybar__qty .qty__input{width:40px}
  @media (max-width:379px){.buybar__qty~.buybar__btn{padding:6px 10px}.buybar:has(.buybar__qty) .buybar__price{display:none}} /* small phones: quantity + button fit, the price is on the page above */
  .buybar__btn{flex:1;min-width:0;line-height:1.2;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:0;border-radius:var(--radius-btn);background:var(--buy);color:#fff;font-weight:700;font-family:var(--ff-body);text-align:center;cursor:pointer}
  .buybar__btn:active{transform:scale(.98)}
  .buybar__btn svg{flex:none}
  body:has(.buybar){padding-bottom:calc(72px + env(safe-area-inset-bottom))} /* the footer's last row stays readable under the bar */
}
.quantity.hidden{display:none}

/* notices */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-NoticeGroup .woocommerce-error{margin:0 0 18px;padding:14px 18px;border-radius:var(--radius-card);border:1px solid var(--card-line);background:#fff;list-style:none;font-size:15px;line-height:1.5;color:var(--ink)}
.woocommerce-message{border-color:#B9D98A;background:var(--lime-tint)}
.woocommerce-error{border-color:#E8B4AE;background:#FDF2F1;color:#8C1D14}
.woocommerce-error li+li{margin-top:6px}
.woocommerce-message a.button,.woocommerce-info a.button{float:right;margin-left:12px;min-height:36px;padding:0 14px;font-size:14px}
.woocommerce-info a:not(.button),.woocommerce-message a:not(.button){color:var(--buy);text-decoration:underline}

/* checkout */
.opt__price{flex:none;font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap}
.opt__price .eur-price{display:block;font-size:12px;font-weight:400;color:var(--ink-75);text-align:right}
.co .woocommerce-invalid input,.co .woocommerce-invalid textarea,.co .woocommerce-invalid .co-sum__terms input{border-color:#B3261E}
.co .woocommerce-invalid .co-sum__terms span{color:#B3261E}
.co__account{margin-top:16px}
.co__account .create-account{margin-top:12px}
.co__account .woocommerce-input-wrapper{display:block}
.co__account .form-row label{display:block;margin-bottom:6px;font-size:14px;font-weight:700;color:var(--ink)}
.co__account input[type=password]{width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--card-line);border-radius:var(--radius-btn);font:16px var(--ff-body)}
.co-sum .woocommerce-terms-and-conditions-wrapper .form-row{margin:0}
.co-sum .payment_box{margin:4px 0 0;padding:10px 12px;font-size:13px}
.co-sum .place-order{margin:0}
.co-sum__name dl{margin-top:2px;font-size:12px;color:var(--ink-75)}
.co-sum__name dt,.co-sum__name dd{display:inline;margin:0}
.co-sum__name dd p{display:inline}
.blockUI.blockOverlay{border-radius:var(--radius-card)}
.wc-page .woocommerce-form-login-toggle .woocommerce-info,.woocommerce-form-login-toggle .woocommerce-info{margin-bottom:16px}
form.woocommerce-form-login{margin-bottom:20px;padding:20px;border:1px solid var(--card-line);border-radius:var(--radius-card);background:#fff}

/* order received, my account and other WooCommerce screens inside a plain page */
.wc-page{color:var(--ink-75);font-size:16px;line-height:1.6}
.wc-page h2,.wc-page h3{margin:24px 0 12px;font:700 20px/1.3 var(--ff-head);color:var(--ink)}
.wc-page table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:15px}
.wc-page th,.wc-page td{padding:10px 12px;border-bottom:1px solid #E6E7E3;text-align:left;vertical-align:top}
.wc-page th{color:var(--ink)}
.wc-page ul.woocommerce-order-overview{display:grid;gap:10px;margin:0 0 24px;padding:18px;border:1px solid var(--card-line);border-radius:var(--radius-card);background:#fff;list-style:none}
.wc-page ul.woocommerce-order-overview strong{display:block;color:var(--ink)}
@media (min-width:900px){.wc-page ul.woocommerce-order-overview{grid-template-columns:repeat(5,minmax(0,1fr))}}
.wc-page address{font-style:normal;line-height:1.6}
.wc-page .button,.wc-page button[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:0;border-radius:var(--radius-btn);background:var(--buy);color:#fff;font:700 15px var(--ff-body);cursor:pointer}
.wc-page .button:hover,.wc-page button[type=submit]:hover{background:var(--buy-hover)}
.wc-page .form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.wc-page .form-row label{font-size:14px;font-weight:700;color:var(--ink)}
.wc-page input.input-text,.wc-page select,.wc-page textarea{width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--card-line);border-radius:var(--radius-btn);background:#fff;font:16px var(--ff-body);color:var(--ink)}
.woocommerce-account .wc-page{display:grid;gap:24px}
@media (min-width:900px){.woocommerce-account.logged-in .wc-page>.woocommerce{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;align-items:start}} /* menu + content: logged-in only */

/* login / register (logged out): one card at a time, under the page title; a link under it switches between them */
#customer_login{max-width:520px}
.auth__card{padding:28px 24px;border:1px solid var(--card-line);border-radius:var(--radius-card);background:#fff}
@media (min-width:900px){.auth__card{padding:36px 40px}}
.auth__switch{margin:22px 0 0;padding:18px 20px;border-radius:var(--radius-card);background:#F7F9F2;text-align:center;font-size:17px;color:var(--ink)}
.auth__switch a{font-weight:700;color:var(--buy);text-decoration:underline}
.wc-page #customer_login h2{margin:0 0 22px;padding-bottom:14px;border-bottom:1px solid var(--card-line);font-size:24px}
#customer_login form{display:flex;flex-direction:column;flex:1;margin:0;padding:0;border:0;background:none}
#customer_login form>p{margin:0 0 16px}
#customer_login form>p:last-child{margin-bottom:0}
.wc-page #customer_login .form-row{margin-bottom:18px}
.wc-page #customer_login .form-row label{font-size:16px}
.wc-page #customer_login input.input-text{min-height:52px;font-size:17px}
.wc-page #customer_login input.input-text:focus{outline:2px solid var(--buy);outline-offset:1px;border-color:var(--buy)}
#customer_login .required{color:#B3261E}
#customer_login form.login .form-row:has(.woocommerce-form-login__submit){display:flex;flex-direction:column;gap:16px;margin-top:4px}
.woocommerce-form-login__rememberme{display:inline-flex!important;align-items:center;gap:10px;font-weight:400!important;color:var(--ink)!important;cursor:pointer}
.woocommerce-form-login__rememberme input{width:20px;height:20px;margin:0;accent-color:var(--buy)}
.wc-page #customer_login button[type=submit]{width:100%;min-height:52px;font-size:17px}
#customer_login form.register>p:has(button[type=submit]){padding-top:4px}
#customer_login .lost_password{margin:16px 0 0;text-align:center}
#customer_login .lost_password a{color:var(--buy);text-decoration:underline}
.woocommerce-privacy-policy-text p{margin:0 0 16px;font-size:14px;line-height:1.55;color:var(--ink-75)}
.woocommerce-privacy-policy-text a{color:var(--buy);text-decoration:underline}
/* WooCommerce's show-password button (its own CSS is not loaded): an eye inside the field */
.password-input{position:relative;display:block}
.password-input input{padding-right:52px!important}
.show-password-input{position:absolute;top:50%;right:6px;width:40px;height:40px;transform:translateY(-50%);border:0;border-radius:var(--radius-btn);background:transparent;cursor:pointer}
.show-password-input::before{content:"";position:absolute;inset:10px;background:var(--ink-75);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat}
.show-password-input.display-password::before{background:var(--buy)}
.show-password-input:hover{background:#F2F3EF}
.woocommerce-MyAccount-navigation ul{margin:0;padding:8px;border:1px solid var(--card-line);border-radius:var(--radius-card);background:#fff;list-style:none}
.woocommerce-MyAccount-navigation a{display:block;padding:10px 12px;border-radius:var(--radius-inner);color:var(--ink)}
.woocommerce-MyAccount-navigation .is-active a,.woocommerce-MyAccount-navigation a:hover{background:var(--lime-tint)}
.u-columns.col2-set{display:grid;gap:24px}
@media (min-width:900px){.u-columns.col2-set{grid-template-columns:1fr 1fr}}

/* listings: sort form keeps the select's design */
.shop__sort-form{margin:0}
.shop__tools .shop__sort-form{grid-column:-2/-1;justify-self:end} /* the sort sits in a form here: the form takes the right edge */
.woocommerce-pagination ul,.navigation.pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:28px;list-style:none;padding:0}
.woocommerce-pagination a,.woocommerce-pagination span,.navigation.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--card-line);border-radius:var(--radius-btn);background:#fff;color:var(--ink)}
.woocommerce-pagination .current,.navigation.pagination .current{background:var(--buy);border-color:var(--buy);color:#fff}

/* plain pages (anything without its own design) */
.page-plain__body{max-width:860px}
.empty-state__search{width:100%;max-width:420px}

/* contacts: the map waits for consent */
.contact__map{position:relative;background:#F2F3EF}
.contact__map-consent{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center;font-size:14px;color:var(--ink-75)}
.contact__map iframe[src]+.contact__map-consent{display:none}

/* contact form (Super5 Forms) in the shop's colours */
.contact__form .s5f-form{--s5f-navy:var(--buy);--s5f-ink:var(--ink);--s5f-muted:var(--ink-75);--s5f-line:var(--card-line);--s5f-cta:var(--buy);--s5f-cta-hover:var(--buy-hover);--s5f-accent:var(--buy);font-family:var(--ff-body)}

/* WooCommerce puts the checkout's error box inside the form: across both columns, above them */
.co>.woocommerce-NoticeGroup,.co>.woocommerce-error,.co>.woocommerce-message{grid-column:1/-1}
.co .checkout-inline-error-message{margin-top:2px;font-size:13px;line-height:1.4;color:#B3261E}

/* home categories: the long one-word names („Противовъзпалителен“) fit their column on 1024–1300px screens */
@media (min-width:900px) and (max-width:1365px){.cat__name{font-size:clamp(14px,1.2vw + 1px,18px);letter-spacing:0}}

/* Phones and tablets: no text under 18px (Velko, 2026-11-03: „Под 18 пиксела не използвай“ — the shop's buyers are older).
   Everything is 18px except what is already bigger (headings, prices, the call button) and drawn logos (svg). */
@media (max-width:899px){
  body *:not(h1,h2.band__title,h2.pdp-details__title,h2.mc__title,.cart__sum>h2,.co-sum>h2,.co__box>h2,.contact__form>h2,.contact__info>h2,.prose h2,.prose h3,.prose blockquote,.about__lead,.s5-legal__title,h2.wp-block-heading,.cart-line__title,.u-columns h2,.auth__card>h2,.footer__cta-btn,.card__price .amount,.pdp__price .amount,.cart__row--total .amount,.mc__total strong,svg,svg *):not(h1 *,.band__title *,.pdp-details__title *,.prose h2 *,.prose h3 *,.prose blockquote *,.s5-legal__title *,.cart-line__title *,.footer__cta-btn *,.card__price .amount *,.pdp__price .amount *,.cart__row--total .amount *,.mc__total strong *){font-size:18px!important}
  .woocommerce-Price-currencySymbol{font-size:inherit!important}
  /* what the bigger text needs to fit */
  .card__ship{white-space:normal}
  .cart-count{top:0;right:-4px;min-width:24px;height:24px;padding:0 6px;line-height:24px} /* the cart badge's circle fits the 18px number */
  .cat{flex-basis:200px}
  .footer__main>:nth-child(3) ul{columns:1}
}
@media (max-width:479px){ /* phones: one product card a row and the sort list under the count, so 18px text fits */
  .grid{grid-template-columns:minmax(0,1fr)}
  .shop__tools{grid-template-columns:minmax(0,1fr)}
  .shop__tools .shop__sort-form{grid-column:auto;justify-self:stretch}
  .shop__sort,.shop__sort select{width:100%}
}

/* Scrollbars in the shop's green (#565B48, Velko, 2026-11-03): page, side cart and every other scrolling box. */
html{scrollbar-color:#565B48 #EEF1E8}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:#EEF1E8}
::-webkit-scrollbar-thumb{background:#565B48;border-radius:6px;border:2px solid #EEF1E8}
::-webkit-scrollbar-thumb:hover{background:#3E4234}