/* =============================================================
 *  woocommerce.css — GiftMagic preview4
 *  Брандира НАТИВНИТЕ WooCommerce страници (single-product, cart,
 *  checkout, my-account, archive/shop, notices) към стила на preview3.
 *
 *  РЪЧНО ПОДДЪРЖАН — НЕ се генерира от build-theme.py и НЕ влиза в
 *  preview3 (там няма WC markup). Enqueue-ва се в functions.php СЛЕД
 *  theme.css, за да override-ва WooCommerce default-ите.
 *
 *  Бранд-токени идват от :root в theme.css (--ink/--turq/--amber/…).
 *  Пазя fallback стойности, ако някой токен липсва.
 * ============================================================= */

/* ---------- Обвивка: WC съдържанието в бранд-платното ---------- */
.woocommerce,
.woocommerce-page {
  color: var(--ink, #234641);
  font-family: var(--sans, 'Inter', sans-serif);
}
.woocommerce .container > .woocommerce-notices-wrapper,
.woocommerce-page .container > .woocommerce-notices-wrapper { margin-top: 8px; }

/* Breadcrumb — дискретен, бранд-мастило */
.woocommerce .woocommerce-breadcrumb {
  font-size: .86rem;
  color: var(--ink-soft, #6a655b);
  margin-bottom: 26px;
  letter-spacing: .01em;
}
.woocommerce .woocommerce-breadcrumb a {
  color: var(--turq-deep, #0c7d77);
  text-decoration: none;
}
.woocommerce .woocommerce-breadcrumb a:hover { text-decoration: underline; }

/* =============================================================
 *  SINGLE PRODUCT
 * ============================================================= */
.single-product div.product {
  display: grid;
  /* дясната колона (име/цена/бутон) заема повече място — да не изглежда притисната */
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  column-gap: clamp(36px, 5vw, 80px);
  row-gap: 8px;
  align-items: start;
}
/* САМО галерията и резюмето са в двете колони; табовете, свързаните и up-sells
 * заемат ЦЯЛАТА ширина отдолу (иначе описанието падаше вляво, а свързаните вдясно). */
.single-product div.product > .woocommerce-tabs,
.single-product div.product > .related,
.single-product div.product > .up-sells,
.single-product div.product > .upsells,
.single-product div.product > .woocommerce-product-gallery ~ .clear { grid-column: 1 / -1; }
/* WC default-ът слага div.images{width:48%;float:left} (по-висока специфичност) →
 * галерията оставаше свита. Този селектор (4 класа) го надвива: пълни колоната. */
.single-product div.product .woocommerce-product-gallery.images,
.single-product div.product .summary.entry-summary {
  width: 100%;
  float: none;
  margin: 0;
}
.single-product div.product .woocommerce-product-gallery { margin: 0; float: none; }
.single-product div.product .woocommerce-product-gallery__image img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  box-shadow: var(--shadow-art, 0 40px 80px -40px rgba(30,25,15,.45));
}
.single-product div.product .summary {
  float: none;
  width: auto;
  margin: 0;
  padding-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 24px;               /* повече въздух между елементите */
}

/* Заглавие — serif display като preview3 */
.single-product .product_title.entry-title {
  font-family: var(--serif, 'Playfair Display', Georgia, serif);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.015em;
  font-size: clamp(2.3rem, 4.5vw, 3.6rem);
  color: var(--ink, #234641);
  margin: 0;
}

/* Цена — бранд, акцент */
.single-product div.product p.price,
.single-product div.product .price {
  font-family: var(--sans, 'Inter', sans-serif);
  font-weight: 600;
  font-size: 2rem;
  color: var(--turq-deep, #0c7d77);
  margin: 0;
}
.single-product div.product .price del { color: var(--ink-soft, #6a655b); font-weight: 400; font-size: 1.1rem; margin-right: 8px; }
.single-product div.product .price ins { text-decoration: none; }

/* Кратко описание */
.single-product .woocommerce-product-details__short-description {
  color: var(--ink-soft, #6a655b);
  line-height: 1.7;
  font-size: 1rem;
}
.single-product .woocommerce-product-details__short-description p { margin: 0 0 .7em; }

/* Количество */
.single-product .quantity .qty {
  width: 72px;
  padding: 12px 10px;
  border: 1px solid var(--line, rgba(35,70,65,.22));
  border-radius: 2px;
  background: var(--paper, #fdfaf2);
  color: var(--ink, #234641);
  font-family: var(--sans, 'Inter', sans-serif);
  font-size: 1rem;
  text-align: center;
}

/* =============================================================
 *  БРАНД БУТОНИ — всички WC .button към бранда
 * ============================================================= */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
  background: var(--turq, #13a49b);
  color: #fff;
  border: 0;
  border-radius: 2px;
  font-family: var(--sans, 'Inter', sans-serif);
  font-weight: 600;
  letter-spacing: .01em;
  padding: 15px 30px;
  font-size: 1rem;
  line-height: 1.2;
  box-shadow: none;
  transition: background .18s ease, transform .18s ease;
  text-shadow: none;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: var(--turq-deep, #0c7d77);
  transform: translateY(-1px);
}
/* Основният „Добави в кошницата" на single-product — амбър акцент, широк и забележим */
.single-product form.cart { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; }
.single-product .single_add_to_cart_button.button.alt {
  background: var(--amber, #e8a53f);
  color: var(--ink, #234641);
  padding: 18px 44px;
  font-weight: 700;
  font-size: 1.1rem;
  min-width: 260px;
  flex: 1 1 auto;
  white-space: nowrap;      /* да не се пречупва на 2 реда */
}
.single-product .single_add_to_cart_button.button.alt:hover { background: #f0b659; }

/* Второстепенни/ghost бутони (прегледай кошницата и т.н.) */
.woocommerce a.added_to_cart {
  display: inline-block;
  margin-left: 12px;
  color: var(--turq-deep, #0c7d77);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
.woocommerce a.added_to_cart:hover { border-bottom-color: currentColor; }

/* Tabs (Описание / Отзиви) */
.woocommerce-tabs { margin-top: 48px; }
.woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 24px; border-bottom: 1px solid var(--line, rgba(35,70,65,.18)); }
.woocommerce-tabs ul.tabs::before { border-color: var(--line, rgba(35,70,65,.18)); }
.woocommerce-tabs ul.tabs li {
  background: transparent;
  border: 0;
  border-radius: 0;
  margin: 0 18px 0 0;
  padding: 0 0 12px;
}
.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce-tabs ul.tabs li a {
  font-family: var(--sans, 'Inter', sans-serif);
  font-weight: 600;
  color: var(--ink-soft, #6a655b);
  padding: 0;
}
.woocommerce-tabs ul.tabs li.active a { color: var(--ink, #234641); }
.woocommerce-tabs ul.tabs li.active { box-shadow: inset 0 -2px 0 var(--turq, #13a49b); }
.woocommerce-tabs .panel h2 {
  font-family: var(--serif, 'Playfair Display', serif);
  font-weight: 500;
  color: var(--ink, #234641);
}

/* =============================================================
 *  ARCHIVE / SHOP LOOP + RELATED PRODUCTS — карти като preview3
 * ============================================================= */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 28px;
  margin: 0;
  padding: 0;
}
/* WC добавя clearfix ::before/::after — в grid те стават КЛЕТКИ и избутват
 * продуктите надясно („накриво"). Махаме ги. */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after { content: none; display: none; }
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: auto;
  margin: 0;
  padding: 0;
  background: var(--paper, #fdfaf2);
  border: 1px solid var(--line, rgba(35,70,65,.14));
  border-radius: 4px;
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
  /* равни по височина карти → бутоните на един ред (не „накриво") */
  display: flex;
  flex-direction: column;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 48px -28px rgba(30,25,15,.4);
}
/* линкът (снимка+заглавие+цена) расте, бутонът остава долу */
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.woocommerce ul.products li.product a img {
  margin: 0;
  border-radius: 0;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;        /* еднакви по размер снимки */
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--serif, 'Playfair Display', serif);
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1.25;
  color: var(--ink, #234641);
  padding: 14px 16px 2px;
  min-height: 2.7em;        /* 1-2 реда заглавия подравнени */
}
.woocommerce ul.products li.product .price {
  display: block;
  font-family: var(--sans, 'Inter', sans-serif);
  font-weight: 600;
  color: var(--turq-deep, #0c7d77);
  font-size: 1.05rem;
  padding: 6px 16px 0;
  margin-top: auto;         /* цената ляга в долния край на линка */
}
.woocommerce ul.products li.product .button {
  margin: 12px 16px 16px;
}
.related.products > h2,
.upsells.products > h2 {
  font-family: var(--serif, 'Playfair Display', serif);
  font-weight: 500;
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  color: var(--ink, #234641);
  margin: 56px 0 28px;
}

/* =============================================================
 *  NOTICES (съобщения / грешки / инфо)
 * ============================================================= */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-top: 3px solid var(--turq, #13a49b);
  background: var(--parch, #f6f1e6);
  color: var(--ink, #234641);
  border-radius: 2px;
  font-family: var(--sans, 'Inter', sans-serif);
}
.woocommerce-message::before { color: var(--turq, #13a49b); }
.woocommerce-info::before { color: var(--amber, #e8a53f); }
.woocommerce-error { border-top-color: #c0392b; }
.woocommerce-error::before { color: #c0392b; }
.woocommerce-message .button,
.woocommerce-info .button { padding: 8px 18px; }

/* =============================================================
 *  CART
 * ============================================================= */
.woocommerce table.shop_table {
  border: 1px solid var(--line, rgba(35,70,65,.16));
  border-radius: 4px;
  border-collapse: separate;
}
.woocommerce table.shop_table th {
  font-family: var(--sans, 'Inter', sans-serif);
  font-weight: 600;
  color: var(--ink, #234641);
  background: var(--parch, #f6f1e6);
}
.woocommerce table.cart img { border-radius: 3px; }
.woocommerce .cart-collaterals .cart_totals > h2,
.woocommerce-cart .cart-collaterals .cart_totals h2 {
  font-family: var(--serif, 'Playfair Display', serif);
  font-weight: 500;
  color: var(--ink, #234641);
}
.woocommerce .cart .checkout-button.button.alt,
.woocommerce .wc-proceed-to-checkout a.checkout-button {
  background: var(--amber, #e8a53f);
  color: var(--ink, #234641);
  font-weight: 700;
  font-size: 1.05rem;
  padding: 16px 30px;
  display: block;
  text-align: center;
}
.woocommerce .cart .checkout-button.button.alt:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover { background: #f0b659; }
.woocommerce a.remove {
  color: var(--turq-deep, #0c7d77) !important;
}
.woocommerce a.remove:hover {
  background: var(--turq, #13a49b) !important;
  color: #fff !important;
}
/* Totals „Обща сума" — подравнени редове */
.woocommerce .cart_totals table.shop_table { width: 100%; }
.woocommerce .cart_totals table.shop_table th,
.woocommerce .cart_totals table.shop_table td {
  padding: 14px 16px;
  vertical-align: top;
  text-align: left;
  line-height: 1.4;
}
.woocommerce .cart_totals table.shop_table th { width: 38%; white-space: nowrap; }
.woocommerce .cart_totals .order-total .amount { color: var(--turq-deep, #0c7d77); font-size: 1.15rem; }
/* Доставка: чист списък с методи (без bullets, подравнени радиобутони) */
.woocommerce ul#shipping_method,
.woocommerce .cart_totals ul#shipping_method {
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce ul#shipping_method li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0 0 8px;
  padding: 0;
  line-height: 1.4;
}
.woocommerce ul#shipping_method li input { margin-top: 3px; }
.woocommerce ul#shipping_method label { display: inline; margin: 0; }
.woocommerce .cart_totals .shipping-calculator-button {
  color: var(--turq-deep, #0c7d77);
  font-weight: 600;
}
.woocommerce .woocommerce-shipping-destination { color: var(--ink-soft, #6a655b); font-size: .9rem; margin-top: 6px; }

/* =============================================================
 *  CHECKOUT
 * ============================================================= */
.woocommerce-checkout h3 {
  font-family: var(--serif, 'Playfair Display', serif);
  font-weight: 500;
  color: var(--ink, #234641);
}
/* „Изпращане до друг адрес?" (h3 с чекбокс) беше на serif шрифт → различаваше се от
 * останалата форма. Изравняваме към sans (като другите етикети/тогъли на касата). */
.woocommerce-checkout h3#ship-to-different-address,
.woocommerce-checkout h3#ship-to-different-address label {
  font-family: var(--sans, 'Inter', sans-serif);
  font-weight: 600;
  font-size: 1rem;
}
.woocommerce form .form-row label { color: var(--ink, #234641); font-weight: 500; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container .select2-selection--single {
  border: 1px solid var(--line, rgba(35,70,65,.22));
  border-radius: 2px;
  background: var(--paper, #fdfaf2);
  color: var(--ink, #234641);
  padding: 12px 14px;
  font-family: var(--sans, 'Inter', sans-serif);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  outline: none;
  border-color: var(--turq, #13a49b);
  box-shadow: 0 0 0 3px rgba(19,164,155,.14);
}
#order_review_heading,
.woocommerce-checkout #payment {
  background: transparent;
}
.woocommerce-checkout #payment {
  background: var(--parch, #f6f1e6);
  border-radius: 4px;
}
.woocommerce-checkout #payment ul.payment_methods { border-bottom-color: var(--line, rgba(35,70,65,.16)); }
.woocommerce #payment #place_order,
.woocommerce-checkout #payment #place_order {
  background: var(--amber, #e8a53f);
  color: var(--ink, #234641);
  font-weight: 700;
  font-size: 1.08rem;
  padding: 16px 34px;
  width: 100%;
}
.woocommerce #payment #place_order:hover { background: #f0b659; }

/* =============================================================
 *  МОБИЛНО (mobile-parity rule)
 * ============================================================= */
@media (max-width: 860px) {
  .single-product div.product {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 16px;
  }
  .single-product .single_add_to_cart_button.button.alt { width: 100%; }
  /* Каса: на мобилно всяко поле на ОТДЕЛЕН ред (същият ред, но разстлани) —
   * двойките (Име/Фамилия, Пощ.код/Град, Телефон/Имейл) спират да са 2-в-ред. */
  .woocommerce-checkout form .form-row-first,
  .woocommerce-checkout form .form-row-last {
    width: 100%;
    float: none;
    margin-right: 0;
  }
}

/* =============================================================
 *  МОБИЛНИ КОРЕКЦИИ — клиентски имейл 2026-10-13 (Наско)
 * ============================================================= */
/* т.3: listing-ите (магазин/категория/подобни продукти) на телефон бяха
 * 2 тесни колони (~165px) → снимки и заглавия се чупеха/стесняваха.
 * ≤480px → 1 цяла колона: едри снимки, пълни заглавия и бутони. */
@media (max-width: 480px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  /* WooCommerce-default li.product носи width:48%;float:left → в 1-колонен
   * grid картата оставаше 166px залепена вляво. Ресет към цял ред. */
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    width: 100% !important;
    float: none !important;
    margin: 0 0 24px !important;
  }
}
/* т.2: нативната количка на телефон преливаше надясно (таблицата ~470px при
 * 390px екран) → дясната част (стойности + бутони) се режеше. Приковаваме
 * таблицата към 100%, разгъваме клетките (етикет ляво / стойност дясно) и
 * слагаме купон-полето и бутоните на цял ред. */
@media (max-width: 600px) {
  .woocommerce table.cart,
  .woocommerce-page table.cart,
  .woocommerce table.shop_table_responsive {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
    box-sizing: border-box;
  }
  .woocommerce table.shop_table_responsive thead { display: none; }
  .woocommerce table.shop_table_responsive tbody,
  .woocommerce table.shop_table_responsive tr { display: block; width: 100%; box-sizing: border-box; }
  .woocommerce table.shop_table_responsive td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    width: 100% !important;
    box-sizing: border-box;
    text-align: right;
    overflow-wrap: anywhere;
  }
  .woocommerce table.shop_table_responsive td::before {
    float: none !important;
    font-weight: 600;
    text-align: left;
    flex: 0 0 auto;
  }
  .woocommerce table.cart td.product-name { flex-wrap: wrap; }
  .woocommerce table.cart td.actions { display: block; }
  .woocommerce table.cart td.actions .coupon { display: flex; flex-wrap: wrap; gap: 8px; width: 100%; }
  .woocommerce table.cart td.actions .coupon label { flex: 1 1 100%; }
  .woocommerce table.cart td.actions .coupon #coupon_code { flex: 1 1 100%; width: 100% !important; box-sizing: border-box; }
  .woocommerce table.cart td.actions .coupon .button { flex: 1 1 100%; width: 100%; box-sizing: border-box; }
  .woocommerce table.cart td.actions > .button[name="update_cart"] { width: 100%; box-sizing: border-box; margin-top: 8px; }
}

/* =============================================================
 *  ПРОДУКТОВА СТРАНИЦА — аудит кръг 3 (клиентски корекции)
 * ============================================================= */
/* #3 скрий лентата „Доставка със Спиди и Еконт · Наложен платеж" на продуктова,
 * количка и каса (клиентът не я иска под хедъра там). */
.single-product .delivery-bar,
.single-product #deliveryBar,
.woocommerce-cart .delivery-bar,
.woocommerce-cart #deliveryBar,
.woocommerce-checkout .delivery-bar,
.woocommerce-checkout #deliveryBar { display: none !important; }

/* #2 по-малко разстояние между менюто и съдържанието на продуктовата страница */
.single-product main.section { padding-top: 20px; padding-bottom: 48px; }

/* #5 пълното описание в дясната колона, под бутона */
.single-product .gm-product-desc {
  color: var(--ink-soft, #6a655b);
  line-height: 1.75;
  font-size: 1.02rem;
}
.single-product .gm-product-desc p { margin: 0 0 .8em; }
.single-product .gm-product-desc p:last-child { margin-bottom: 0; }

/* #6 „Подобни продукти" — равни, подравнени карти (надвиваме WC float/width по специфичност) */
.single-product .related.products ul.products,
.single-product .up-sells.products ul.products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 24px;
}
.single-product .related.products ul.products li.product,
.single-product .up-sells.products ul.products li.product {
  float: none;
  width: auto;
  margin: 0;
}

/* WooCommerce страници (количка/каса/акаунт) в page.php — цяла ширина
 * (не тесния .info-body за текст). */
.gm-wc-page { width: 100%; max-width: none; margin: 0; }

/* КОЛИЧКА: едноколонна — продукти горе на цяла ширина, под тях ДОСТАВКАТА
 * разпъната на широко (куриерите в хоризонтален ред от карти) + суми. */
.woocommerce-cart .gm-wc-page .woocommerce { display: block; }
.woocommerce-cart .gm-wc-page .woocommerce-cart-form { width: 100%; margin: 0; }
.woocommerce-cart .gm-wc-page .woocommerce-cart-form table.shop_table { width: 100%; }
.woocommerce-cart .gm-wc-page .cart-collaterals {
  width: 100%;
  float: none;
  margin: 26px 0 0;
  position: static;
}
.woocommerce-cart .gm-wc-page .cart-collaterals .cart_totals { width: 100%; float: none; }
.woocommerce-cart .gm-wc-page .cart-collaterals .cross-sells { display: none; }
.woocommerce-cart .gm-wc-page .cart_totals table.shop_table { width: 100%; }
.woocommerce-cart .gm-wc-page .cart_totals h2 { font-size: 1.4rem; margin-bottom: 10px; }
/* редът „Доставка" — етикет горе-ляво, куриерите разпънати на широко */
.woocommerce-cart .gm-wc-page .cart_totals tr.woocommerce-shipping-totals th {
  white-space: nowrap;
  vertical-align: top;
  width: 130px;
}
.woocommerce-cart .gm-wc-page .cart_totals ul#shipping_method {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 8px;
  padding: 0;
  list-style: none;
}
.woocommerce-cart .gm-wc-page .cart_totals ul#shipping_method li {
  flex: 1 1 240px;
  border: 1px solid var(--line, rgba(35,70,65,.18));
  border-radius: 6px;
  padding: 12px 14px;
  background: #fff;
  margin: 0;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.4;
}
.woocommerce-cart .gm-wc-page .cart_totals ul#shipping_method li:has(input:checked) {
  border-color: var(--turq, #13a49b);
  box-shadow: 0 0 0 2px rgba(19,164,155,.16);
}
.woocommerce-cart .gm-wc-page .cart_totals ul#shipping_method li label { font-weight: 600; margin: 0; }
/* ПРОМО КОД — компактен ред, малък вторичен бутон (не огромен блок) */
.woocommerce-cart .gm-wc-page .woocommerce-cart-form .coupon {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: nowrap;
}
.woocommerce-cart .gm-wc-page .coupon input#coupon_code {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  padding: 10px 12px;
}
.woocommerce-cart .gm-wc-page .coupon button[name="apply_coupon"] {
  flex: 0 0 auto;
  white-space: nowrap;
  width: auto;
  padding: 10px 16px;
  font-size: .88rem;
  background: transparent;
  color: var(--turq-deep, #0c7d77);
  border: 1px solid var(--turq, #13a49b);
}
.woocommerce-cart .gm-wc-page .coupon button[name="apply_coupon"]:hover {
  background: var(--turq, #13a49b);
  color: #fff;
}
/* Количка: скрий калкулатора за доставка „Изпращане до София" + „Промяна на адреса"
 * — адресът се въвежда на следващата стъпка (касата), тук е излишно. */
.woocommerce-cart .gm-wc-page .woocommerce-shipping-destination,
.woocommerce-cart .gm-wc-page .shipping-calculator-button,
.woocommerce-cart .gm-wc-page .woocommerce-shipping-calculator,
.woocommerce-cart .gm-wc-page form.woocommerce-shipping-calculator { display: none !important; }
@media (max-width: 860px) {
  .woocommerce-cart .gm-wc-page .cart_totals ul#shipping_method { flex-direction: column; }
  /* flex-basis 240px в колона = 240px ВИСОЧИНА → картите ставаха огромни; свиваме ги */
  .woocommerce-cart .gm-wc-page .cart_totals ul#shipping_method li { flex: 0 0 auto; align-items: center; }
  .woocommerce-cart .gm-wc-page .cart_totals tr.woocommerce-shipping-totals th { width: auto; display: block; }
}

/* КАСА — Вариант Б: ЕДНОКОЛОНЕН, широк. Отгоре надолу:
 * данни за получателя → поръчка → доставка (широко) → плащане → „Поръчване". */
.woocommerce-checkout .gm-wc-page form.checkout {
  display: block;
  max-width: 1040px;
  margin: 0 auto;
}
/* Заглавието „Каса" (.sp-head — текст + чертата отдолу) беше на цяла ширина на
 * контейнера (≈1196px), а полетата само 880px → не съвпадаха. Сега блокът „Каса"
 * е със същата ширина като полетата (1040px, центриран) + полетата са леко по-широки.
 * position:static → без тесен „плаващ" sticky бар след свиването. */
.woocommerce-checkout .sp-head {
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  position: static;
}
.woocommerce-checkout .gm-wc-page form.checkout #customer_details,
.woocommerce-checkout .gm-wc-page form.checkout #order_review_heading,
.woocommerce-checkout .gm-wc-page form.checkout #order_review {
  width: 100%;
  float: none;
  clear: both;
}
/* билинг и „до друг адрес" един под друг (вътрешните полета остават 2 в ред) */
.woocommerce-checkout .gm-wc-page #customer_details.col2-set .col-1,
.woocommerce-checkout .gm-wc-page #customer_details.col2-set .col-2 {
  float: none;
  width: 100%;
  margin: 0 0 6px;
  padding: 0;
}
.woocommerce-checkout .gm-wc-page form.checkout #order_review_heading {
  margin: 28px 0 12px;
}
.woocommerce-checkout .gm-wc-page form.checkout #order_review {
  background: var(--parch, #f6f1e6);
  border: 1px solid var(--line, rgba(35,70,65,.14));
  border-radius: 6px;
  padding: 20px 24px;
}
/* плащането е вътре в картата → без втори фон/кутия */
.woocommerce-checkout .gm-wc-page #order_review #payment {
  background: transparent;
  border-radius: 0;
}
/* Двойки на ЕДИН ред (desktop): Държава+Пощ.код, Град+Област, Телефон+Имейл.
 * Налагаме по ID, защото woo-bg връща някои полета на „form-row-wide" след нашите
 * PHP филтри → иначе заемат цял ред. Левите елементи clear:both → всяка двойка
 * започва нов ред. (Мобилно: цяла ширина, т.е. на отделни редове.) */
@media (min-width: 861px) {
  /* Име|Фамилия — пинваме явно (вместо да разчитаме на WC core .form-row-first/last,
   * което при някои ширини оставяше Фамилия изместена/несиметрична); сега = същата
   * 48%/4% мрежа като другите двойки → ляво Име, дясно Фамилия, винаги симетрично. */
  .woocommerce-checkout #billing_first_name_field,
  .woocommerce-checkout #shipping_first_name_field,
  .woocommerce-checkout #billing_country_field,
  .woocommerce-checkout #shipping_country_field,
  .woocommerce-checkout #billing_city_field,
  .woocommerce-checkout #shipping_city_field,
  .woocommerce-checkout #billing_phone_field { float: left;  width: 48%; clear: both; margin: 0 4% 12px 0; }
  .woocommerce-checkout #billing_last_name_field,
  .woocommerce-checkout #shipping_last_name_field,
  .woocommerce-checkout #billing_postcode_field,
  .woocommerce-checkout #shipping_postcode_field,
  .woocommerce-checkout #billing_state_field,
  .woocommerce-checkout #shipping_state_field,
  .woocommerce-checkout #billing_email_field { float: right; width: 48%; clear: right; margin: 0 0 12px; }
}

/* #1 Три имена (body.gm-3names) — Име | Презиме | Фамилия на ЕДИН ред, три равни
 * колони (32% + 2% gap). По-висока специфичност (body.gm-3names.woocommerce-checkout
 * + #id) → надвива горния 2-колонен пин за billing_first/last. Без класа (клиент
 * без gate) важи старата Име|Фамилия подредба. Мобилно (≤860px) → form-row-* 100%. */
@media (min-width: 861px) {
  body.gm-3names.woocommerce-checkout #billing_first_name_field,
  body.gm-3names.woocommerce-checkout #billing_middle_name_field,
  body.gm-3names.woocommerce-checkout #billing_last_name_field {
    float: left;
    width: 32%;
    clear: none;
    margin: 0 2% 12px 0;
  }
  body.gm-3names.woocommerce-checkout #billing_first_name_field { clear: both; }
  body.gm-3names.woocommerce-checkout #billing_last_name_field  { margin-right: 0; }
}

/* #7 Реална цена (body.gm-realprice) — крие статичното подвеждащо „4,60 €" на
 * куриерските чипове; реалната цена се показва в сумата на поръчката след избор на
 * офис/адрес. Без класа (клиент без gate) чипът още показва старото число. */
body.gm-realprice .gm-cours .gm-cour .gm-pr { display: none; }
/* след махане на .gm-pr (което държеше баланса с margin-left:auto) логото увисваше
 * вляво с празен десен край → центрираме го, щом е единственото съдържание (Наталия QA
 * 0.9.44 находка #1, по-изразено мобилно). */
body.gm-realprice #gm-ship .gm-cours .gm-cour { justify-content: center; }
/* бележката „изчислява се" в обобщението: клетката „Доставка" е nowrap (от отзивчивия
 * таблица-блок, по-висока тежест) → forsирам пренасяне, за да не се реже на тесни екрани. */
body.gm-realprice .woocommerce-checkout-review-order-table tr.shipping td,
body.gm-realprice .woocommerce-checkout-review-order-table tr.shipping td * { white-space: normal !important; }
.gm-ship-calc { color: #6a655b; font-style: italic; }

/* И за „до офис", И за „до адрес" woo-bg записва избора (офис/адрес) в billing_address_1
 * → свободните полета „Улица и номер"/„Апартамент" НЕ се ползват (крием ги ВИНАГИ).
 * За реална калкулация до-адрес ползваме woo-bg адрес-търсачката (под куриерите), не
 * свободно въвеждане — само тя дава цена + точен адрес за поръчката. */
body.woocommerce-checkout #billing_address_1_field,
body.woocommerce-checkout #billing_address_2_field { display: none !important; }

/* Промо код НЕ се показва на касата — тази стъпка е само за адрес/плащане.
 * (Купонът остава достъпен в количката.) */
.woocommerce-checkout .checkout_coupon,
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .woocommerce-form-coupon { display: none !important; }

/* („До адрес" вече ползва woo-bg адрес-търсачката, преместена под куриерите от JS —
 * като офис-локатора. Затова НЕ я крием повече.) */

/* ---- woo-bg полета за доставка (град/офис/адрес) — ясни и на цяла ширина ----
 * По подразбиране са тясно inline select2 до метода („Търси адрес") → клиентът
 * не ги намираше. Разпъваме ги под избрания метод, с видим размер. */
.woocommerce-checkout #shipping_method li { margin-bottom: 6px; }
.woocommerce-checkout .woo-bg-additional-fields:not(:empty),
.woocommerce-checkout .woo-bg--econt-delivery:not(:empty) {
  display: block;
  width: 100%;
  margin: 8px 0 4px;
}
.woocommerce-checkout .woo-bg-additional-fields .select2-container,
.woocommerce-checkout .woo-bg-additional-fields select,
.woocommerce-checkout .woo-bg-additional-fields input[type="text"] {
  width: 100% !important;
  min-width: 0;
}
.woocommerce-checkout .woo-bg-additional-fields .select2-selection--single,
.woocommerce-checkout .woo-bg-additional-fields .select2-selection {
  height: 44px;
  display: flex;
  align-items: center;
  border: 1px solid var(--line, rgba(35,70,65,.28));
  border-radius: 6px;
  padding: 0 10px;
}
/* грешката „Моля въведете град" — ясна подсказка, не плашещо червено */
.woocommerce-checkout .woo-bg--office-error {
  color: var(--turq-deep, #0c7d77);
  font-size: .88rem;
  margin: 6px 0;
}
/* „До адрес": търсачка за улица + поле за НОМЕР един до друг (беше тясно/нестилизирано
 * едно под друго). Структура: .woo-bg--econt-delivery > .woo-bg-multiselect (улица) +
 * input.woo-bg-multiselect--additional-field (№, placeholder „Номер на улица"). Полето за №
 * излиза извън #shipping_method (местим го в #gm-office-slot) → woo-bg width:100% не го
 * хваща → падаше на default WC input. Разпъваме контейнера на flex ред. */
body.woocommerce-checkout .woo-bg--econt-delivery:not(:empty),
body.woocommerce-checkout .woo-bg--speedy-delivery:not(:empty) {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: stretch;
}
.woocommerce-checkout .woo-bg--econt-delivery > .woo-bg-multiselect,
.woocommerce-checkout .woo-bg--speedy-delivery > .woo-bg-multiselect {
  flex: 1 1 60%;
  min-width: 0;
  margin-bottom: 0 !important;
}
.woocommerce-checkout .woo-bg--econt-delivery > input.woo-bg-multiselect--additional-field,
.woocommerce-checkout .woo-bg--speedy-delivery > input.woo-bg-multiselect--additional-field {
  flex: 0 0 165px;
  width: 165px;
  min-width: 0;
  box-sizing: border-box;
  min-height: 40px;
  margin: 0;
  border: 1px solid var(--line, rgba(35,70,65,.28));
  border-radius: 6px;
  padding: 0 10px;
  background: #fff;
  font-size: 1rem;
}
/* Падащият списък (офиси/улици) на цяла ширина — иначе е тесен с хоризонтален скрол,
 * защото местим widget-а извън #shipping_method и плъгиновото правило не го хваща. */
.woocommerce-checkout .woo-bg--econt-delivery .multiselect__content-wrapper,
.woocommerce-checkout .woo-bg--speedy-delivery .multiselect__content-wrapper {
  width: 100% !important;
  box-sizing: border-box;
}
.woocommerce-checkout .woo-bg--econt-delivery ul.multiselect__content,
.woocommerce-checkout .woo-bg--speedy-delivery ul.multiselect__content {
  width: 100%;
}
.woocommerce-checkout .woo-bg--econt-delivery li.multiselect__element,
.woocommerce-checkout .woo-bg--speedy-delivery li.multiselect__element {
  display: block !important;
}
.woocommerce-checkout .woo-bg--econt-delivery .multiselect__option,
.woocommerce-checkout .woo-bg--speedy-delivery .multiselect__option {
  white-space: normal;
  word-break: break-word;
}
/* доставката (woo-bg офис/адрес селектори) — разпъната на широко, подчертана */
.woocommerce-checkout .gm-wc-page #order_review .woo-bg-shipping-data,
.woocommerce-checkout .gm-wc-page #order_review .woocommerce-shipping-totals .woo-bg-offices,
.woocommerce-checkout .gm-wc-page #order_review tr.woocommerce-shipping-totals td {
  width: 100%;
}
@media (max-width: 860px) {
  .woocommerce-checkout .gm-wc-page form.checkout { max-width: none; }
}

/* ===== preview4 КАСА: двустъпкова доставка най-горе (#gm-ship) ===== */
/* Изборът на метод е ГОРЕ в #gm-ship. В „Доставка" реда на поръчката крием
   радио-бутоните и етикетите и оставяме видим САМО избрания метод — за да се
   покаже неговият office-пикер на плъгина. Пикерът ОСТАВА в #order_review
   (плъгинът го пресъздава при всеки update_checkout; затова НЕ го местим). */
.woocommerce-checkout #order_review ul#shipping_method { list-style: none; margin: 0; padding: 0; }
.woocommerce-checkout #order_review ul#shipping_method li { list-style: none; }
.woocommerce-checkout #order_review ul#shipping_method li:not(:has(input.shipping_method:checked)) { display: none; }
/* крием само радио-кръгчето; етикетът „Еконт - до …: 4,60 €" остава като
   потвърждение + цена (изборът се прави горе в #gm-ship) */
.woocommerce-checkout #order_review ul#shipping_method li input.shipping_method { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.woocommerce-checkout #order_review ul#shipping_method li > label { font-weight: 600; margin: 0; cursor: default; }
.woocommerce-checkout #order_review .woocommerce-shipping-totals.shipping { font-size: .95rem; }
.woocommerce-checkout #order_review .woocommerce-shipping-totals.shipping th { vertical-align: top; }
#gm-ship { background:#fff; border:1px solid rgba(35,70,65,.16); border-radius:16px; padding:22px 20px; margin:0 0 20px; box-shadow:0 1px 2px rgba(35,70,65,.04); }
#gm-ship .gm-sh { display:flex; align-items:center; gap:12px; margin-bottom:4px; }
#gm-ship .gm-sn { flex:0 0 auto; width:30px; height:30px; border-radius:50%; background:#13a49b; color:#fff; font-weight:700; display:grid; place-items:center; }
#gm-ship .gm-sh h2 { font-family:'Playfair Display',Georgia,serif; font-weight:500; font-size:1.3rem; margin:0; color:#234641; }
#gm-ship .gm-sub { font-size:.82rem; font-weight:600; color:#6a655b; margin:18px 0 10px; display:flex; align-items:center; gap:8px; }
#gm-ship .gm-sub .gm-d { width:20px; height:20px; border-radius:50%; background:#efe8d7; color:#234641; font-size:.72rem; font-weight:700; display:grid; place-items:center; }
#gm-ship .gm-opts { display:flex; gap:12px; }
#gm-ship .gm-opt { flex:1; border:2px solid rgba(35,70,65,.16); border-radius:13px; padding:15px 14px; cursor:pointer; background:#f6f1e6; position:relative; transition:.15s; display:flex; flex-direction:column; gap:7px; }
#gm-ship .gm-opt.gm-sel { border-color:#13a49b; background:#fff; box-shadow:0 5px 16px rgba(19,164,155,.15); }
#gm-ship .gm-opt.gm-dis { opacity:.6; }
#gm-ship .gm-opt .gm-t { font-weight:700; font-size:.95rem; color:#234641; }
#gm-ship .gm-opt .gm-dd { font-size:.78rem; color:#6a655b; }
#gm-ship .gm-opt .gm-tick { position:absolute; top:11px; right:12px; width:20px; height:20px; border-radius:50%; border:2px solid rgba(35,70,65,.16); }
#gm-ship .gm-opt.gm-sel .gm-tick { border-color:#13a49b; background:#13a49b; }
#gm-ship .gm-opt.gm-sel .gm-tick:after { content:""; position:absolute; left:5px; top:2px; width:5px; height:9px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }
#gm-ship .gm-cour { flex-direction:row; align-items:center; gap:12px; }
/* Официалните лога на куриерите (качени файлове в assets/). Бяло поле + лого
   вътре (contain); текстът-резерва е скрит (font-size:0). */
/* логата съразмерни = еднаква ВИСОЧИНА (auto width), подравнени вляво */
#gm-ship .gm-cour .gm-chip { width:98px; height:50px; flex:0 0 auto; background:transparent; background-repeat:no-repeat; background-position:left center; background-size:auto 19px; font-size:0; color:transparent; }
#gm-ship .gm-cour .gm-chip[data-logo="econt"]  { background-image:url(assets/econt.svg); background-size:auto 15px; }
/* Спиди е по-компактно лого → по-голяма височина за визуален баланс с Еконт */
#gm-ship .gm-cour .gm-chip[data-logo="speedy"] { background-image:url(assets/speedy.svg); background-size:auto 44px; }
#gm-ship .gm-cour .gm-meta { display:flex; flex-direction:column; }
#gm-ship .gm-cour .gm-meta .gm-t { font-size:.95rem; }
#gm-ship .gm-cour .gm-meta .gm-pr { font-size:.78rem; color:#0c7d77; font-weight:600; margin-top:2px; }
#gm-ship .gm-badge { position:absolute; top:10px; right:11px; font-size:.62rem; font-weight:700; color:#b23; background:#fde7e7; padding:2px 7px; border-radius:20px; }
#gm-ship .gm-step2, #gm-ship .gm-ctx { display:none; }
#gm-ship.gm-has-type .gm-step2 { display:block; }
#gm-ship.gm-has-cour .gm-ctx { display:block; }
#gm-ship .gm-ctx { margin-top:16px; padding:14px; background:#f7ead0; border-radius:11px; }
#gm-ship .gm-ctx .gm-note { font-size:.86rem; color:#6a655b; line-height:1.5; }
#gm-ship .gm-ctx .woo-bg-additional-fields { margin:0; }
#gm-sp-pop { position:fixed; inset:0; background:rgba(35,70,65,.45); z-index:100000; display:flex; align-items:center; justify-content:center; padding:24px; }
#gm-sp-pop .gm-card { background:#fff; border-radius:18px; max-width:380px; width:100%; padding:28px 24px; text-align:center; box-shadow:0 20px 50px rgba(35,70,65,.3); }
#gm-sp-pop .gm-ic { width:56px; height:56px; border-radius:50%; background:#fbeccd; display:grid; place-items:center; margin:0 auto 16px; }
#gm-sp-pop h3 { font-family:'Playfair Display',Georgia,serif; font-weight:600; font-size:1.3rem; color:#234641; margin:0 0 10px; }
#gm-sp-pop p { font-size:.9rem; color:#6a655b; line-height:1.55; margin:0 0 22px; }
#gm-sp-pop p b { color:#234641; }
#gm-sp-pop button { background:#13a49b; color:#fff; border:none; border-radius:10px; padding:13px 20px; font-size:.95rem; font-weight:700; width:100%; cursor:pointer; font-family:inherit; }
.woocommerce-cart .gm-cart-ship small { color:#6a655b; font-weight:400; }
@media (max-width: 620px) { #gm-ship .gm-opts { flex-direction:column; } }

/* ===== „Вашата поръчка" — по-подредена таблица ===== */
.woocommerce-checkout #order_review table.shop_table { width: 100%; border-collapse: collapse; }
.woocommerce-checkout #order_review table.shop_table th,
.woocommerce-checkout #order_review table.shop_table td { padding: 11px 6px; vertical-align: top; }
.woocommerce-checkout #order_review table.shop_table thead th { font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; color: #6a655b; }
/* продуктовата колона широка; сумата вдясно, без излишно пренасяне */
.woocommerce-checkout #order_review table.shop_table .product-name { width: auto; font-size: .9rem; line-height: 1.4; }
.woocommerce-checkout #order_review table.shop_table .product-name .product-quantity { color: #6a655b; }
.woocommerce-checkout #order_review table.shop_table td.product-total,
.woocommerce-checkout #order_review table.shop_table .cart-subtotal td,
.woocommerce-checkout #order_review table.shop_table .order-total td,
.woocommerce-checkout #order_review table.shop_table .woocommerce-shipping-totals td { text-align: right; white-space: nowrap; }
.woocommerce-checkout #order_review table.shop_table .order-total th,
.woocommerce-checkout #order_review table.shop_table .order-total td { font-size: 1.08rem; font-weight: 700; padding-top: 14px; }
.woocommerce-checkout #order_review table.shop_table tr.woocommerce-shipping-totals td { text-align: left; }

/* ===== Каса: допълнителни корекции (сесия 0.7.6) ===== */
/* Страна/Област select2 → същата височина като text полетата (42px) */
/* Страна/Област select2 = еднаква височина с полетата + ВЕРТИКАЛНО ЦЕНТРИРАН текст.
   Базовото правило по-горе слага padding:12px 14px → текстът преливаше навън; тук
   нулираме padding-а и центрираме чрез flex (height-бокс, независимо от line-height). */
.woocommerce-checkout .select2-container--default .select2-selection--single {
  height: 42px !important; min-height: 42px; box-sizing: border-box;
  padding: 0 12px !important; border: 1px solid var(--line, rgba(35,70,65,.16)); border-radius: 6px;
  background: #fff; display: flex !important; align-items: center;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1.3 !important; padding: 0 !important; margin: 0; color: var(--ink, #234641); flex: 1 1 auto;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100% !important; top: 0 !important; right: 8px;
}
.woocommerce-checkout .select2-container { width: 100% !important; }

/* „Вашата поръчка": фиксирани колони → продуктовото име не се „сплесква" вляво */
.woocommerce-checkout #order_review table.shop_table { table-layout: fixed; }
.woocommerce-checkout #order_review table.shop_table th:first-child,
.woocommerce-checkout #order_review table.shop_table td:first-child { width: 68%; text-align: left; word-break: normal; overflow-wrap: anywhere; }
.woocommerce-checkout #order_review table.shop_table th:last-child,
.woocommerce-checkout #order_review table.shop_table td:last-child { width: 32%; text-align: right; }

/* Двата тика (Фирмена фактура + различен адрес за доставка) на един ред */
#gm-chk-row { display: flex; flex-wrap: wrap; gap: 10px 20px; margin: 10px 0 6px; }
#gm-chk-row > * { flex: 1 1 42%; min-width: 220px; margin: 0 !important; padding: 0; }
#gm-chk-row h3#ship-to-different-address { border: 0; font-size: 1rem; font-weight: 400; }
#gm-chk-row .form-row { width: auto; }
@media (max-width: 600px) { #gm-chk-row > * { flex: 1 1 100%; } }

/* ===== Каса: КОМПАКТЕН дизайн на доставката (0.8.3) ===== */
/* тип (segmented) + куриери на един ред; по-малко място */
#gm-ship .gm-compact { display:flex; flex-wrap:wrap; gap:12px 16px; align-items:center; }
#gm-ship .gm-seg { display:inline-flex; background:var(--parch,#f6f1e6); border:1px solid var(--line,rgba(35,70,65,.16)); border-radius:11px; padding:3px; gap:2px; }
#gm-ship .gm-seg .gm-segbtn { border:0; background:transparent; font:inherit; font-size:.9rem; font-weight:600; color:var(--ink-soft,#6a655b); padding:10px 16px; border-radius:8px; cursor:pointer; flex:0 0 auto; width:auto; box-shadow:none; }
#gm-ship .gm-seg .gm-segbtn.gm-sel { background:#fff; color:var(--ink,#234641); box-shadow:0 2px 6px rgba(35,70,65,.12); }
#gm-ship .gm-cours { display:flex; gap:10px; flex:1 1 auto; }
#gm-ship .gm-cours .gm-cour { border:1.5px solid var(--line,rgba(35,70,65,.16)); border-radius:11px; background:var(--parch,#f6f1e6); padding:6px 14px; cursor:pointer; display:flex; align-items:center; gap:12px; min-width:168px; position:relative; flex:1 1 0; width:auto; flex-direction:row; box-shadow:none; }
#gm-ship .gm-cours .gm-cour.gm-sel { border-color:var(--turq,#13a49b); background:#fff; box-shadow:0 3px 10px rgba(19,164,155,.14); }
#gm-ship .gm-cours .gm-cour.gm-dis { opacity:.55; }
#gm-ship .gm-cours .gm-cour .gm-pr { font-size:.82rem; color:var(--turq-deep,#0c7d77); font-weight:600; margin-left:auto; }
#gm-ship .gm-cours .gm-cour .gm-badge { position:absolute; top:-9px; right:8px; }
/* „Вашата поръчка" е преместена точно под доставката → малко повече въздух отгоре */
.woocommerce-checkout form.checkout #order_review { margin-top: 4px; }

/* Офис-локаторът, преместен от JS (moveOfficePicker) ПОД куриерите — цял ред. */
#gm-ship #gm-office-slot { width:100%; margin-top:12px; }
#gm-ship #gm-office-slot:empty { margin-top:0; }
/* празен/незареден локатор (woo-bg „Моля въведете град") → крием го; показва се
   само нашата подсказка „Моля въведете пощенски код или град" (gm-ctx). */
#gm-ship #gm-office-slot.gm-no-offices { display:none; }
/* лоудинг сплаш докато woo-bg зарежда офисите (API отнема време) */
#gm-ship .gm-note.gm-loading { display:flex; align-items:center; gap:9px; }
#gm-ship .gm-spin { width:16px; height:16px; border:2px solid rgba(19,164,155,.25); border-top-color:var(--turq,#13a49b); border-radius:50%; display:inline-block; animation:gm-spin .7s linear infinite; flex:0 0 auto; }
@keyframes gm-spin { to { transform:rotate(360deg); } }
#gm-ship #gm-office-slot .woo-bg--econt-delivery,
#gm-ship #gm-office-slot .woo-bg-additional-fields { width:100%; margin:0; }
#gm-ship #gm-office-slot .multiselect { width:100%; }
@media (max-width: 680px) {
  #gm-ship .gm-compact { flex-direction:column; align-items:stretch; }
  #gm-ship .gm-seg { justify-content:stretch; }
  #gm-ship .gm-seg .gm-segbtn { flex:1; text-align:center; }
  #gm-ship .gm-cours { flex-direction:column; flex:1 1 auto; }
  #gm-ship .gm-cours .gm-cour { min-width:0; flex:0 0 auto; }
}

/* ===================================================================
 *  ПОТВЪРЖДЕНИЕ НА ПОРЪЧКАТА (thank-you / order-received) — полиране
 *  (клиентски заявки 2026-10-06). PHP хуковете са в functions.php.
 * =================================================================== */
/* Подравни съдържанието на потвърждението с „Каса" (1040px центрирано) — иначе е на
   пълна ширина (1196px) и изглежда „криво" спрямо заглавието. */
body.woocommerce-order-received .gm-wc-page > .woocommerce,
body.woocommerce-checkout .gm-wc-page > .woocommerce:has(.woocommerce-thankyou-order-received) {
  max-width: 1040px;
  margin: 0 auto;
}

/* Заглавен блок: „Благодарности!" оранжев градиент + подзаглавие ръкописно.
   Нулираме WC success-notice стила (фон/бордер/отметка). */
.woocommerce-thankyou-order-received {
  background: none !important; border: 0 !important; padding: 0 !important;
  margin: 10px 0 24px !important; font-size: 0; line-height: 1; text-align: center;
}
.woocommerce-thankyou-order-received::before { display: none !important; }
.gm-ty-thanks {
  display: block; font-family: var(--font-serif, Georgia, serif); font-weight: 700;
  font-size: clamp(2rem, 5vw, 2.8rem); line-height: 1.05;
  background: linear-gradient(96deg, #FFBC4A 0%, #FF8936 46%, #FF0300 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.gm-ty-sub {
  display: block; font-family: 'Caveat', cursive; font-weight: 600;
  font-size: clamp(1.5rem, 3.6vw, 2.1rem); color: var(--ink, #234641);
  margin-top: 2px; line-height: 1.1;
}
/* Инфо-блок: очаквана доставка + имейл */
.gm-ty-info {
  background: var(--parch, #f6f1e6); border: 1px solid var(--line, rgba(35,70,65,.14));
  border-radius: 14px; padding: 16px 18px; margin: 0 0 24px; max-width: 1040px;
}
.gm-ty-row { display: flex; align-items: flex-start; gap: 12px; padding: 7px 0; }
.gm-ty-row + .gm-ty-row { border-top: 1px dashed var(--line, rgba(35,70,65,.16)); }
.gm-ty-ic { font-size: 1.25rem; line-height: 1.4; flex: 0 0 auto; }
.gm-ty-dates { color: var(--turq-deep, #0c7d77); font-weight: 600; }
.gm-ty-note { font-size: .82rem; color: var(--ink-soft, #6a655b); margin-top: 3px; }

/* Преглед на поръчката (номер/дата/общо/плащане) като спретнати „чипове" */
.woocommerce-order { max-width: 1040px; }
ul.woocommerce-order-overview.order_details {
  display: flex; flex-wrap: wrap; gap: 10px; list-style: none;
  margin: 0 0 24px; padding: 0; border: 0; width: 100%;
}
ul.woocommerce-order-overview.order_details li {
  flex: 1 1 0; min-width: 150px; background: #fff;
  border: 1px solid var(--line, rgba(35,70,65,.14)); border-radius: 12px;
  padding: 11px 14px; margin: 0; text-transform: none; font-size: .72rem;
  letter-spacing: .03em; color: var(--ink-soft, #6a655b); border-right: 1px solid var(--line, rgba(35,70,65,.14));
}
ul.woocommerce-order-overview.order_details li strong {
  display: block; font-size: 1.05rem; letter-spacing: 0; color: var(--ink, #234641);
  margin-top: 3px; text-transform: none;
}
/* Таблица „Данни на поръчката" */
.woocommerce-order-details__title, .woocommerce-column__title {
  font-family: var(--font-serif, Georgia, serif); font-size: 1.3rem; margin: 10px 0 12px;
}
.woocommerce-table--order-details { width: 100%; border-collapse: collapse; }
.woocommerce-table--order-details th, .woocommerce-table--order-details td {
  padding: 12px 14px; border-bottom: 1px solid var(--line, rgba(35,70,65,.12)); text-align: left;
}
.woocommerce-table--order-details tfoot th { text-align: left; font-weight: 600; }
.woocommerce-table--order-details tfoot .amount, .woocommerce-table--order-details td.product-total { font-weight: 600; white-space: nowrap; }
.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td { font-size: 1.1rem; color: var(--ink, #234641); }

/* ===== „Откажете се от договора тук" — форма за отказ от договор (ЗЗП) ===== */
.gm-wd-form { max-width: 640px; margin: 0 auto; }
.gm-wd-form .gm-wd-intro { color: var(--ink, #234641); line-height: 1.6; margin-bottom: 22px; }
.gm-wd-form label { display: block; font-weight: 600; margin-bottom: 16px; color: var(--ink, #234641); }
.gm-wd-form .gm-req { color: #FF8936; }
.gm-wd-form input, .gm-wd-form textarea {
  width: 100%; padding: 11px 13px; margin-top: 6px; font: inherit;
  border: 1px solid var(--line, rgba(35,70,65,.2)); border-radius: 8px; background: #fff;
}
.gm-wd-form input:focus, .gm-wd-form textarea:focus {
  outline: none; border-color: #FF8936; box-shadow: 0 0 0 3px rgba(255,137,54,.15);
}
.gm-wd-submit { margin-top: 8px; }
.gm-wd-ok {
  max-width: 640px; margin: 0 auto; background: var(--parch, #f6f1e6);
  border-radius: 14px; padding: 22px 24px;
}
.gm-wd-ok h3 { margin: 0 0 10px; color: var(--ink, #234641); }
.gm-wd-ok p { margin: 0; line-height: 1.6; color: var(--ink, #234641); }