/* ==========================================================================
   LexHub — допълнения за WordPress и WooCommerce
   Дизайн системата е в style.css (същата като на статичния сайт); тук са само
   лентата на администратора, обикновените страници и магазинът.
   ========================================================================== */

/* Скритият панел с настройки на CookieYes стои извън екрана — без хоризонтален скрол
   (clip, а не hidden, за да работят sticky елементите) */
html, body { overflow-x: clip; }

/* Лента на администратора — хедърът е sticky под нея */
body.admin-bar .site-header { top: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) { body.admin-bar .site-header { top: 0; } }

/* Обикновени страници (без дизайна на LexHub) */
.page-hero--plain { padding-bottom: clamp(32px, 4vw, 56px); }
.page-hero--plain .page-hero__title { font-size: clamp(2rem, 1.2rem + 2.4vw, 3.25rem); }
.section--tight { padding-top: clamp(32px, 4vw, 56px); }
.wp-content > * + * { margin-top: 16px; }
.wp-content h2 { margin-top: 48px; font-family: var(--font-display); font-weight: 800; font-size: clamp(1.5rem, 1.15rem + 1.1vw, 2.125rem); line-height: 1.12; }
.wp-content img { height: auto; border-radius: var(--radius-md); }
.wp-content table { width: 100%; border-collapse: collapse; }
.wp-content th, .wp-content td { padding: 10px 12px; border-bottom: 1px solid var(--line); text-align: left; }
.alignleft { float: left; margin: 0 24px 16px 0; }
.alignright { float: right; margin: 0 0 16px 24px; }
.aligncenter { display: block; margin-inline: auto; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

/* Пагинация */
.pagination, .nav-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 40px; }
.nav-links .page-numbers { display: inline-grid; place-items: center; min-width: 44px; height: 44px; padding: 0 12px; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); font-weight: 700; color: var(--navy); }
.nav-links .page-numbers.current { background: var(--navy); border-color: var(--navy); color: #fff; }

/* ==========================================================================
   WooCommerce — бутоните, полетата и таблиците в стила на сайта
   ========================================================================== */
.woo-wrap { font-size: 1.0625rem; }
.woo-wrap h2, .woo-wrap h3 { font-family: var(--font-display); font-weight: 800; line-height: 1.15; color: var(--text); }
.woo-wrap h2 { font-size: clamp(1.5rem, 1.2rem + .8vw, 1.875rem); }
.woo-wrap h3 { font-size: 1.25rem; }

.woocommerce .button, .woocommerce button.button, .woocommerce a.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce button.button.alt, .woocommerce a.button.alt,
.wc-block-components-button:not(.is-link), .wp-element-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 48px; padding: 0 22px;
  border: 1px solid transparent; border-radius: var(--radius-pill);
  background: var(--action); color: #fff;
  font: 700 1rem/1 var(--font-sans); letter-spacing: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 10px 22px -12px rgba(42, 95, 214, .75);
  transition: background var(--dur-1) var(--ease-out);
}
.woocommerce .button:hover, .woocommerce button.button:hover, .woocommerce a.button:hover,
.woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover,
.wc-block-components-button:not(.is-link):hover, .wp-element-button:hover { background: var(--action-hover); color: #fff; }
.woocommerce .button:disabled, .woocommerce button.button:disabled[disabled] { opacity: .5; }

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.woocommerce .quantity .qty, .woocommerce-cart table.cart td.actions .coupon .input-text,
.wc-block-components-text-input input, .wc-block-components-textarea, .wc-blocks-components-select__select {
  min-height: 50px; padding: 12px 14px;
  border: 1px solid var(--line-strong); border-radius: var(--radius-sm);
  background: #fff; color: var(--text); font: inherit;
}
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus,
.wc-block-components-text-input input:focus { outline: none; border-color: var(--action); box-shadow: var(--focus-ring); }
.woocommerce form .form-row label { font-weight: 600; color: var(--text-2); }

.woocommerce table.shop_table { border: 1px solid var(--line); border-radius: var(--radius-md); border-collapse: separate; overflow: hidden; background: #fff; }
.woocommerce table.shop_table th { font-weight: 700; color: var(--text); }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { padding: 14px 16px; border-color: var(--line); }

.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner {
  border-radius: var(--radius-md); border-top-width: 0; border-left: 4px solid var(--action);
  background: var(--blue-50); color: var(--text);
}
.woocommerce-error { border-left-color: var(--error); background: var(--error-bg); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--action); }

.woocommerce-checkout #payment, .woocommerce-checkout #payment div.payment_box { background: var(--paper-2); border-radius: var(--radius-md); }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--paper-2); }

/* Продукт и магазин */
.woocommerce div.product .price, .woocommerce ul.products li.product .price { color: var(--navy); font-weight: 800; font-size: 1.375rem; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: var(--font-display); font-weight: 800; font-size: 1.25rem; color: var(--text); }
.woocommerce ul.products li.product a img { border-radius: var(--radius-md); }
.woocommerce div.product div.images img { border-radius: var(--radius-lg); }
.woocommerce span.onsale { background: var(--action); }
.woocommerce .woocommerce-breadcrumb { display: none; } /* пътечката е в hero секцията */
