/* ===== assets/custom.css (LIGHT, minimal) ===== */
@font-face{
  font-family:"e-Ukraine";
  src:url("./fonts/e-ukraine/e-Ukraine-UltraLight.otf") format("opentype");
  font-weight:200;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"e-Ukraine";
  src:url("./fonts/e-ukraine/e-Ukraine-Thin.otf") format("opentype");
  font-weight:250;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"e-Ukraine";
  src:url("./fonts/e-ukraine/e-Ukraine-Light.otf") format("opentype");
  font-weight:300;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"e-Ukraine";
  src:url("./fonts/e-ukraine/e-Ukraine-Regular.otf") format("opentype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"e-Ukraine";
  src:url("./fonts/e-ukraine/e-Ukraine-Medium.otf") format("opentype");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"e-Ukraine";
  src:url("./fonts/e-ukraine/e-Ukraine-Bold.otf") format("opentype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

:root{
  --bg:#ffffff; --text:#111827; --muted:#6b7280;
  --card:#ffffff; --line:#e5e7eb; --cta:#111111;
  --price:#111111; --badge:rgba(17,17,17,.08);
  --font-base:"e-Ukraine", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Base */
body{background:var(--bg);color:var(--text);font-family:var(--font-base)}
a{color:var(--text);text-decoration:none}

/* =================== INPUTS & SELECTS (checkout/cart forms) =================== */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  border:1px solid #e5e7eb;border-radius:.5rem;padding:.55rem .75rem;
  color:#111827;background:#fff;font:inherit;height:44px;line-height:1.4;box-sizing:border-box;
}
/* Селект — щоб текст не перекривався стрілкою */
.woocommerce form .form-row select{
  padding-right:2rem;background-position:right .65rem center;background-repeat:no-repeat;background-size:16px;
}
/* Textarea вища */
.woocommerce form .form-row textarea{min-height:96px;line-height:1.4;resize:vertical}

/* Прибираємо «успішні/помилкові» бордери Woo */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{border:1px solid #e5e7eb!important;box-shadow:none!important}

/* Placeholder у disabled-опціях (НП відділення) — без перекреслення */
.woocommerce form .form-row select option[disabled]{text-decoration:none!important;color:#9ca3af}

/* ===== Fix: NovaPoshta/Select2 misalignment on checkout ===== */
.woocommerce .select2-container{width:100%!important}
.woocommerce .select2-container .select2-selection--single{
  height:44px!important;border:1px solid #e5e7eb!important;border-radius:.5rem!important;background:#fff!important;box-sizing:border-box;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:26px!important;padding-left:.75rem!important;padding-right:2rem!important;
  font-family:inherit!important;font-size:16px!important;color:#111827!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{height:26px!important;right:.5rem!important}
.woocommerce .select2-selection__placeholder{color:#9ca3af!important}

/* =================== BUTTONS (GLOBAL) =================== */
.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.add_to_cart_button,
.ajax_add_to_cart,
.single_add_to_cart_button,
.checkout-button,
.place-order .button,
.return-to-shop .button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:.6rem 1rem!important;border-radius:1rem!important;background:#111!important;color:#fff!important;
  font-weight:700!important;line-height:1.2!important;text-align:center!important;text-decoration:none!important;
}
.woocommerce .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.add_to_cart_button:hover,
.ajax_add_to_cart:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover,
.place-order .button:hover,
.return-to-shop .button:hover{opacity:.9}

/* Single product button */
.woocommerce .single_add_to_cart_button.button,
.woocommerce .single_add_to_cart_button.button.alt{background:#111!important;color:#fff!important}

/* Cart: proceed & update */
.woocommerce .wc-proceed-to-checkout .checkout-button,
.woocommerce .actions .button{width:100%}

/* Checkout: Place order (кнопка глобально) */
#place_order,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order{
  width:100%;padding:.85rem 1rem;border-radius:1rem;background:#111!important;color:#fff!important;font-weight:800;
}
li.wc_payment_method {
    list-style: none !important;
}

/* Return to shop */
.woocommerce .return-to-shop .button{margin-top:1rem;font-weight:600}

/* =================== TABLES =================== */
.woocommerce table.shop_table{background:#fff;border:1px solid var(--line);border-radius:1rem}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--line)}

/* =================== PRODUCT CARD POLISH =================== */
.dohiba-card{background:#fff;border:1px solid var(--line);border-radius:1rem;box-shadow:0 6px 24px rgba(0,0,0,.08)}
.product-thumb{position:relative;overflow:hidden;border-radius:1rem}
.product-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,opacity .3s ease}
.group:hover .product-thumb img.wp-post-image{transform:scale(1.05)}
.product-thumb .thumb-alt{position:absolute;inset:0;opacity:0;transition:opacity .25s ease}
.group:hover .product-thumb .thumb-alt{opacity:1}

/* Badges */
.product-badge{position:absolute;top:.75rem;left:.75rem;display:inline-flex;align-items:center;height:28px;padding:0 .6rem;border-radius:999px;background:#111;color:#fff;font-size:12px;font-weight:800;letter-spacing:.02em}
.product-badge.out{background:#ef4444}

/* Price */
.price{color:var(--price);font-weight:800}

/* Notices */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  background:#fff!important;border:1px solid var(--line)!important;color:var(--text)!important;border-radius:1rem;padding:.75rem 1rem
}

/* =================== CART =================== */
.woocommerce-cart-form table.shop_table thead th{background:#fff;border-bottom:1px solid var(--line);padding:.75rem 1rem;font-weight:700}
.woocommerce-cart-form table.shop_table tbody td{padding:1rem;border-top:1px solid var(--line)}
.woocommerce-cart-form table.shop_table{border-collapse:separate;border-spacing:0}

/* Quantity input */
.woocommerce .quantity .qty{width:72px;text-align:center;border-radius:.75rem;border:1px solid var(--line);padding:.5rem .75rem}

/* Totals rows */
.cart-totals-list .row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--line)}
.cart-totals-list .row:last-child{border-bottom:0}
.cart-totals-list .row.total{padding-top:.75rem;font-weight:800}

/* Constrain WP custom logo everywhere */
.custom-logo{max-height:40px;height:auto;width:auto}

/* =============== CATEGORY GRID FIX (no @apply) =============== */
.woocommerce ul.products,
.woocommerce-page ul.products{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:1rem !important;
  list-style:none!important;margin:0!important;padding:0!important;
}
@media (min-width:768px){
  .woocommerce ul.products,
  .woocommerce-page ul.products{grid-template-columns:repeat(3,minmax(0,1fr)) !Important;gap:1.25rem !important}
}
@media (min-width:1024px){
  .woocommerce ul.products,
  .woocommerce-page ul.products{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:1.5rem !important}
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  width:auto!important;float:none!important;margin:0!important;display:flex!important;flex-direction:column;
}
/* Remove Woo clearfix so it doesn't become grid items */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after{content:none!important;display:none!important}

/* Вирівнювання зображення в картці (дубль для надійності) */
.product-thumb{position:relative;overflow:hidden;border-radius:1rem}
.product-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,opacity .3s ease}

/* =============== SINGLE PRODUCT POLISH =============== */
.single-product .product_title{font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:.25rem}
.single-product .price{font-size:1.25rem;font-weight:800}
.single-product del{color:#9ca3af;margin-right:.35rem}
.single-product ins{text-decoration:none}

/* Tabs */
.single-product .woocommerce-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1rem}
.single-product .woocommerce-tabs .tabs{display:flex;gap:.5rem;list-style:none;margin:0 0 1rem;padding:0;border-bottom:1px solid #e5e7eb}
.single-product .woocommerce-tabs .tabs li a{display:inline-block;padding:.5rem .75rem;border-radius:.5rem}
.single-product .woocommerce-tabs .tabs li.active a{background:#111;color:#fff}

/* Кнопка */
.single_add_to_cart_button{border-radius:1rem}

/* ===== Make single-product page tighter (ONLY single product) ===== */
.single-product .container-max{max-width:1060px}

@media (min-width:1024px){
  .single-product .sp-grid{grid-template-columns:520px minmax(0,1fr);gap:36px}
  .single-product .product{grid-template-columns:520px minmax(0,1fr);gap:36px}
}
.single-product .dohiba-gallery{max-width:520px;margin-left:auto;margin-right:auto}
.single-product .dohiba-summary{max-width:500px}
.single-product .dohiba-summary .grid{gap:10px}
.single-product .product_meta{font-size:14px;color:#4b5563}
.single-product .price{margin-bottom:6px}
.single-product form.cart{margin-top:10px}

/* ==== Single Product Benefits ==== */
.product-benefits{
  display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0 1.5rem;
}
.product-benefits .benefit{
  display:flex;align-items:center;background:#f9fafb;border-radius:1rem;
  padding:.6rem 1rem;font-weight:600;font-size:15px;color:#111;
}
.product-benefits .emoji{margin-right:.5rem;font-size:18px;line-height:1}

/* === Single product gallery — v2 (no aspect-ratio, no crop) === */

/* 1) Контейнер галереї */
.dohiba-gallery .woocommerce-product-gallery,
.dohiba-gallery .woocommerce-product-gallery__wrapper{
  width:100%; margin:0; padding:0;
}
/* Flexslider інколи ставить інлайн-висоти */
.dohiba-gallery .flex-viewport{ height:auto !important; }

/* 2) Головне фото: акуратний кадр, висоту диктує картинка */
.dohiba-gallery .woocommerce-product-gallery__image,
.dohiba-gallery figure.woocommerce-product-gallery__image{
  margin:0 !important; background:#fff;
  border:1px solid #e5e7eb; border-radius:1rem; overflow:hidden;
}
.dohiba-gallery .woocommerce-product-gallery__image a{ display:block; width:100%; }
.dohiba-gallery .woocommerce-product-gallery__image img{
  display:block; width:100%; height:auto;     /* ключова різниця */
  object-fit:contain; object-position:center;
}

/* 3) Тумби: однакова «рамка», не обрізаються */
.dohiba-gallery .flex-control-nav{ margin:.6rem 0 0 !important; }
.dohiba-gallery .flex-control-thumbs{
  display:grid !important; grid-template-columns:repeat(auto-fit,minmax(64px,1fr)); gap:.5rem;
}
.dohiba-gallery .flex-control-thumbs li{ margin:0 !important; }
.dohiba-gallery .flex-control-thumbs img{
  display:block; width:100%; height:auto; max-height:84px;
  object-fit:contain; background:#fff;
  border:1px solid #e5e7eb; border-radius:.75rem; padding:2px;
}
.dohiba-gallery .flex-control-thumbs img.flex-active{ border-color:#111; }

/* 4) Кнопка лупи */
.dohiba-gallery .woocommerce-product-gallery__trigger{
  top:.5rem; right:.5rem; background:rgba(255,255,255,.9);
  border-radius:9999px; padding:.35rem;
}

/* 5) На вузьких екранах трохи зменшуємо тумби */
@media (max-width:420px){
  .dohiba-gallery .flex-control-thumbs img{ max-height:72px; }
}

/* Kill legacy 2-col floats on single product */
.single-product div.product div.images,
.single-product .woocommerce-product-gallery {
  float: none !important;
  width: 100% !important;
}
.single-product div.product div.summary {
  float: none !important;
  width: 100% !important;
}

/* WooCommerce add-to-cart Notice — clean look */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 860px;
  margin: 1rem auto;
  padding: .9rem 1.2rem .9rem 3rem;  /* лівий паддінг під іконку */
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: .75rem;
  box-shadow: 0 3px 10px rgba(0,0,0,.06);
  font-size: 15px;
  line-height: 1.4;
}

/* Іконка зліва */
.woocommerce-message::before {
  content: "✓";
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  background: #16a34a;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

/* Кнопка */
.woocommerce-message .button {
  background: #111 !important;
  color: #fff !important;
  border-radius: 9999px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: .5rem 1.1rem !important;
  line-height: 1;
  white-space: nowrap;
}

/* Мобілка */
@media (max-width: 640px) {
  .woocommerce-message {
    flex-direction: column;
    align-items: flex-start;
    gap: .6rem;
    padding-left: 3rem; /* щоб іконка не перекривала текст */
  }
  .woocommerce-message .button {
    width: 100%;
    text-align: center;
  }
}

/* ==== Woo notice: mobile compact ==== */
@media (max-width: 640px){
  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error{
    margin: .5rem auto;
    padding: .6rem .8rem .6rem 2.5rem;
    border-radius: .65rem;
    box-shadow: 0 2px 8px rgba(0,0,0,.05);
    gap: .5rem;
  }
  .woocommerce-message::before,
  .woocommerce-info::before,
  .woocommerce-error::before{
    width: 18px;
    height: 18px;
    font-size: 12px;
    left: .75rem;
    top: 50%;
    transform: translateY(-50%);
  }
  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error{
    align-items: flex-start;
    flex-direction: column;
  }
  .woocommerce-message > :not(.button),
  .woocommerce-info > :not(.button),
  .woocommerce-error > :not(.button){
    line-height: 1.35;
  }
  .woocommerce-message .button,
  .woocommerce-info .button,
  .woocommerce-error .button{
    width: 100%;
    text-align: center;
    padding: .55rem .9rem !important;
    font-size: 14px !important;
    border-radius: .75rem !important;
  }
}
@media (max-width: 380px){
  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error{ padding-left: 2.2rem; }
  .woocommerce-message::before,
  .woocommerce-info::before,
  .woocommerce-error::before{ left: .6rem; }
}

/* === Category / Shop hero === */
.cat-hero{
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  min-height: 120px;
  display: flex;
  align-items: flex-end;
}
.cat-hero.has-image{
  background: transparent;
  border: none;
}
.cat-hero__img{
  position:absolute; inset:0;
  background-size: cover; background-position: center;
  filter: saturate(100%) contrast(100%);
}
.cat-hero__content{
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 1rem 1rem 1.1rem;
  backdrop-filter: blur(0px);
  background: rgba(255,255,255,.86);
}
@media (min-width: 768px){
  .cat-hero__content{ padding: 1.25rem 1.25rem 1.35rem; }
}
.cat-hero__desc p{ margin: .25rem 0 0; }

/* === Mini category chips (icons) === */
.cat-chip__icon{
  width: 34px;
  height: 34px;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
}
.cat-chip__icon img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cat-chip__placeholder{
  width: 18px;
  height: 18px;
  border-radius: 6px;
  background: #e5e7eb;
}
@media (max-width: 480px){
  .cat-chip__label{ font-size: 13px; }
}

/* ---------- Product list thumbnails: fixed aspect & clean crop ---------- */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.related ul.products li.product a.woocommerce-LoopProduct-link,
.upsells ul.products li.product a.woocommerce-LoopProduct-link,
.cross-sells ul.products li.product a.woocommerce-LoopProduct-link{
  display:block;
  border-radius:1rem;
  overflow:hidden;
  aspect-ratio: 4 / 5;                     /* єдина пропорція для всіх карток */
  background:#f7f7f7;
  border:1px solid var(--line);
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
.related ul.products li.product a.woocommerce-LoopProduct-link img,
.upsells ul.products li.product a.woocommerce-LoopProduct-link img,
.cross-sells ul.products li.product a.woocommerce-LoopProduct-link img{
  display:block;
  width:100%;
  height:100%;
  object-fit: cover;
  object-position: center;
}
/* підтримка твого .product-thumb як альтернативи */
.product-thumb{
  border-radius:1rem;
  overflow:hidden;
  aspect-ratio: 4 / 5;
  background:#f7f7f7;
  border:1px solid var(--line);
}
.product-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

@media (max-width: 420px){
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
  .product-thumb{ aspect-ratio: 4 / 4.5; }
}

/* === Shop pagination === */
.woocommerce nav.woocommerce-pagination{
  margin: 2.5rem 0 3.5rem;
  text-align: center;
}

.woocommerce nav.woocommerce-pagination ul{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 0;
  padding: .4rem;
  list-style: none;
  border: 0;
  border-radius: 9999px;
  background: #f8f8f8;
  box-shadow: inset 0 0 0 1px rgba(17,17,17,.08);
}

.woocommerce nav.woocommerce-pagination ul li{
  float: none;
  margin: 0;
  padding: 0;
  border: 0;
}

.woocommerce nav.woocommerce-pagination ul li .page-numbers{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 48px;
  padding: 0 .9rem;
  border-radius: 9999px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--text);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

.woocommerce nav.woocommerce-pagination ul li a.page-numbers:hover,
.woocommerce nav.woocommerce-pagination ul li a.page-numbers:focus-visible{
  background: #fff;
  border-color: rgba(17,17,17,.12);
  color: #111;
  transform: translateY(-1px);
  outline: none;
}

.woocommerce nav.woocommerce-pagination ul li .page-numbers.current{
  background: #111;
  border-color: #111;
  color: #fff;
  box-shadow: 0 10px 24px rgba(17,17,17,.14);
}

.woocommerce nav.woocommerce-pagination ul li .page-numbers.dots{
  min-width: auto;
  padding: 0 .25rem;
  background: transparent;
  color: #6b7280;
}

.woocommerce nav.woocommerce-pagination ul li .next,
.woocommerce nav.woocommerce-pagination ul li .prev{
  font-size: 1.35rem;
}

@media (max-width: 640px){
  .woocommerce nav.woocommerce-pagination{
    margin: 2rem 0 3rem;
  }

  .woocommerce nav.woocommerce-pagination ul{
    gap: .35rem;
    padding: .35rem;
  }

  .woocommerce nav.woocommerce-pagination ul li .page-numbers{
    min-width: 42px;
    height: 42px;
    padding: 0 .75rem;
    font-size: .95rem;
  }
}

/* ---------- Product cards: stack price & CTA on small screens (refined) ---------- */
.woocommerce ul.products li.product,
.related ul.products li.product,
.upsells ul.products li.product,
.cross-sells ul.products li.product{
  display:flex;
}
.woocommerce ul.products li.product > *,
.related ul.products li.product > *,
.upsells ul.products li.product > *,
.cross-sells ul.products li.product > *{
  width:100%;
}
.woocommerce ul.products li.product .dohiba-card,
.related ul.products li.product .dohiba-card,
.upsells ul.products li.product .dohiba-card,
.cross-sells ul.products li.product .dohiba-card{
  display:flex;
  flex-direction:column;
}
.woocommerce ul.products li.product .dohiba-card > *:last-child,
.related ul.products li.product .dohiba-card > *:last-child,
.upsells ul.products li.product .dohiba-card > *:last-child,
.cross-sells ul.products li.product .dohiba-card > *:last-child{
  margin-top:auto;
}

@media (max-width: 820px){
  .woocommerce ul.products li.product .price,
  .related ul.products li.product .price,
  .upsells ul.products li.product .price,
  .cross-sells ul.products li.product .price{
    display:block;
    margin:.35rem 0 .25rem 0;
  }

  .woocommerce ul.products li.product a.button,
  .woocommerce ul.products li.product button.button,
  .woocommerce ul.products li.product .add_to_cart_button,
  .related ul.products li.product a.button,
  .related ul.products li.product button.button,
  .related ul.products li.product .add_to_cart_button,
  .upsells ul.products li.product a.button,
  .upsells ul.products li.product button.button,
  .upsells ul.products li.product .add_to_cart_button,
  .cross-sells ul.products li.product a.button,
  .cross-sells ul.products li.product button.button,
  .cross-sells ul.products li.product .add_to_cart_button{
    display:block !important;
    width:100% !important;
    margin:.45rem 0 0 0 !important;
    text-align:center;
  }

  .woocommerce ul.products li.product .price + a.button,
  .woocommerce ul.products li.product .price + button.button{
    margin-left:0 !important;
  }
}

/* ---------- Product cards: завжди окремий ряд для ціни та кнопки ---------- */

/* Робимо саму картку вертикальним флексом і тягнемо її на всю висоту осередку */
.woocommerce ul.products li.product,
.related ul.products li.product,
.upsells ul.products li.product,
.cross-sells ul.products li.product{
  display:flex;
}
.woocommerce ul.products li.product > *,
.related ul.products li.product > *,
.upsells ul.products li.product > *,
.cross-sells ul.products li.product > *{
  width:100%;
}

.woocommerce ul.products li.product .dohiba-card,
.related ul.products li.product .dohiba-card,
.upsells ul.products li.product .dohiba-card,
.cross-sells ul.products li.product .dohiba-card{
  display:flex;
  flex-direction:column;
  height:100%;
}

/* Заголовок/категорії йдуть як звично, а ціну — окремим блоком */
.woocommerce ul.products li.product .price,
.related ul.products li.product .price,
.upsells ul.products li.product .price,
.cross-sells ul.products li.product .price{
  display:block;
  margin:.4rem 0 .25rem;
}

/* Кнопку кладемо на ОКРЕМИЙ РЯДОК, 100% ширини, і відштовхуємо донизу картки */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product button.button,
.woocommerce ul.products li.product .add_to_cart_button,
.related ul.products li.product a.button,
.related ul.products li.product button.button,
.related ul.products li.product .add_to_cart_button,
.upsells ul.products li.product a.button,
.upsells ul.products li.product button.button,
.upsells ul.products li.product .add_to_cart_button,
.cross-sells ul.products li.product a.button,
.cross-sells ul.products li.product button.button,
.cross-sells ul.products li.product .add_to_cart_button{
  display:block !important;
  width:100% !important;
  text-align:center;
  margin:.55rem 0 0 0 !important;
  align-self:stretch;         
  padding:.7rem 1rem !important;
  border-radius:1rem !important;
}

/* Щоб кнопка завжди була внизу, а текст зверху — останній елемент тягнемо вниз */
.woocommerce ul.products li.product .dohiba-card > *:last-child,
.related ul.products li.product .dohiba-card > *:last-child,
.upsells ul.products li.product .dohiba-card > *:last-child,
.cross-sells ul.products li.product .dohiba-card > *:last-child{
  margin-top:auto;
}

/* (Опційно) однакова висота заголовку у 2 рядки для рівних карток */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:3.2em; /* приблизно два рядки */
}

/* === Product cards: рівна кнопка знизу, незалежно від висоти контенту === */
.woocommerce ul.products li.product,
.related ul.products li.product,
.upsells ul.products li.product,
.cross-sells ul.products li.product{ display:flex; }
.woocommerce ul.products li.product > *,
.related ul.products li.product > *,
.upsells ul.products li.product > *,
.cross-sells ul.products li.product > *{ width:100%; }

.woocommerce ul.products li.product .dohiba-card,
.related ul.products li.product .dohiba-card,
.upsells ul.products li.product .dohiba-card,
.cross-sells ul.products li.product .dohiba-card{
  display:flex; flex-direction:column; height:100%;
}
.woocommerce ul.products li.product .dohiba-card .price,
.related ul.products li.product .dohiba-card .price,
.upsells ul.products li.product .dohiba-card .price,
.cross-sells ul.products li.product .dohiba-card .price{
  display:block; margin:.4rem 0 .25rem;
}
.woocommerce ul.products li.product .dohiba-card a.button,
.woocommerce ul.products li.product .dohiba-card button.button,
.woocommerce ul.products li.product .dohiba-card .add_to_cart_button,
.related ul.products li.product .dohiba-card a.button,
.related ul.products li.product .dohiba-card button.button,
.related ul.products li.product .dohiba-card .add_to_cart_button,
.upsells ul.products li.product .dohiba-card a.button,
.upsells ul.products li.product .dohiba-card button.button,
.upsells ul.products li.product .dohiba-card .add_to_cart_button,
.cross-sells ul.products li.product .dohiba-card a.button,
.cross-sells ul.products li.product .dohiba-card button.button,
.cross-sells ul.products li.product .dohiba-card .add_to_cart_button{
  display:block !important; width:100% !important; text-align:center;
  margin-top:auto !important; align-self:stretch; padding:.7rem 1rem !important; border-radius:1rem !important;
}

/* === Fix: price + CTA в картках у стовпчик і кнопка на 100% ширини === */
.woocommerce ul.products li.product .dohiba-card .mt-2.flex.items-center.justify-between {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: .45rem !important;
  margin-top: auto !important;
}
.woocommerce ul.products li.product .dohiba-card .mt-2.flex.items-center.justify-between > a.button,
.woocommerce ul.products li.product .dohiba-card .mt-2.flex.items-center.justify-between > button.button,
.woocommerce ul.products li.product .dohiba-card .mt-2.flex.items-center.justify-between > .add_to_cart_button {
  display: block !important; width: 100% !important; text-align: center !important;
  border-radius: 1rem !important; padding: .7rem 1rem !important; margin: 0 !important;
}
.woocommerce ul.products li.product .dohiba-card .mt-2.flex.items-center.justify-between > a.block { order: -1 !important; }
@media (max-width: 480px){
  .woocommerce ul.products li.product .dohiba-card .mt-2.flex.items-center.justify-between { gap: .35rem !important; }
}
/* Зведення до блочного футера */
.woocommerce ul.products li.product .mt-2.flex.items-center.justify-between { display:block !important; margin-top:auto !important; }
.woocommerce ul.products li.product .price { display:block !important; margin:0 0 .5rem 0 !important; text-align:center; font-weight:700; font-size:1rem; }
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product button.button,
.woocommerce ul.products li.product .add_to_cart_button{
  display:block !important;width:100% !important;text-align:center;margin:0 !important;padding:.7rem 1rem !important;border-radius:1rem !important;
}

/* ===== TYPOGRAPHY / PROSE ===== */
.entry-content,
.page .entry-content,
.single .entry-content,
.woocommerce-product-details__short-description,
.product-extra-info,
.woocommerce-Tabs-panel,
.woocommerce-Reviews #comments,
.cat-hero__desc,
.prose {
  --prose-text: #111827;
  --prose-muted: #6b7280;
  --prose-line: #e5e7eb;
  --prose-link: #111111;

  color: var(--prose-text);
  line-height: 1.75;
  font-size: 1rem;
}
.entry-content p,.prose p { margin: 0 0 1rem; }
@media (min-width: 768px) { .entry-content p,.prose p { margin: 0 0 1.15rem; } }

.entry-content h1,.prose h1,
.entry-content h2,.prose h2,
.entry-content h3,.prose h3,
.entry-content h4,.prose h4,
.entry-content h5,.prose h5,
.entry-content h6,.prose h6{
  line-height: 1.25; font-weight: 800; margin: 1.5rem 0 .75rem;
}
.entry-content h1,.prose h1{ font-size: 2rem; }
.entry-content h2,.prose h2{ font-size: 1.5rem; }
.entry-content h3,.prose h3{ font-size: 1.25rem; }
.entry-content h4,.prose h4{ font-size: 1.125rem; }
.entry-content h5,.prose h5{ font-size: 1rem; }
.entry-content h6,.prose h6{ font-size: .95rem; color: var(--prose-muted); }

.entry-content > * + *,.prose > * + * { margin-top: .75rem; }
.entry-content h2 + *, .prose h2 + *,
.entry-content h3 + *, .prose h3 + *{ margin-top: .5rem; }

.entry-content ul,.prose ul,
.entry-content ol,.prose ol{
  padding-left: 1.25rem; margin: 0 0 1rem;
}
.entry-content ul li,.prose ul li{ list-style: disc; }
.entry-content ol li,.prose ol li{ list-style: decimal; }
.entry-content li + li,.prose li + li{ margin-top: .35rem; }
.entry-content li > ul,.prose li > ul,
.entry-content li > ol,.prose li > ol{ margin-top: .35rem; }

.entry-content blockquote,.prose blockquote{
  margin: 1rem 0; padding: .75rem 1rem; border-left: 3px solid var(--prose-line);
  background: #fafafa; color: #111; border-radius: .5rem; font-style: italic;
}
.entry-content a,.prose a{ color: var(--prose-link); text-decoration: underline; text-underline-offset: 2px; }
.entry-content a:hover,.prose a:hover{ opacity:.85; }

.entry-content img,.prose img,
.entry-content figure img,.prose figure img{
  max-width: 100%; height: auto; display: block; border-radius: .75rem;
}
.entry-content figure,.prose figure{ margin: 1rem 0; text-align: center; }
.entry-content figcaption,.prose figcaption{ font-size: .875rem; color: var(--prose-muted); margin-top: .35rem; }

.entry-content table,.prose table{
  width: 100%; border-collapse: collapse; margin: .75rem 0 1rem;
  border: 1px solid var(--prose-line); border-radius: .5rem; overflow: hidden;
}
.entry-content table th,
.entry-content table td,
.prose table th,
.prose table td{ padding: .6rem .75rem; border-bottom: 1px solid var(--prose-line); }
.entry-content table thead th,.prose table thead th{ background: #f7f7f7; font-weight: 700; }
.entry-content table tr:last-child td,.prose table tr:last-child td{ border-bottom: 0; }

.entry-content code,.prose code{
  background: #f3f4f6; border: 1px solid var(--prose-line); border-radius: .35rem;
  padding: .1rem .3rem; font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace; font-size: .95em;
}
.entry-content hr,.prose hr{ border:0; border-top:1px solid var(--prose-line); margin:1.25rem 0; }
.single-article-page{ background:linear-gradient(180deg,#ffffff 0%,#fafafa 100%); }
.single-article-breadcrumbs{
  display:flex; flex-wrap:wrap; gap:.45rem; align-items:center;
  color:#6b7280; font-size:.95rem;
}
.single-article-breadcrumbs a{ color:#4b5563; text-decoration:none; }
.single-article-breadcrumbs a:hover{ color:#111111; }
.single-article-chip{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:2.25rem; padding:0 .95rem;
  border-radius:9999px; border:1px solid rgba(17,17,17,.1);
  background:#fff; color:#111827; font-size:.9rem; font-weight:600;
  text-decoration:none; transition:border-color .2s ease, background .2s ease, color .2s ease;
}
.single-article-chip:hover{ border-color:#111; background:#111; color:#fff; }
.single-article-title{ letter-spacing:-.03em; text-wrap:balance; }
.single-article-meta span{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.55rem .85rem; border-radius:9999px;
  border:1px solid rgba(17,17,17,.08); background:rgba(255,255,255,.9);
}
.single-article-summary,
.single-article-toc,
.single-article-note{
  border-radius:1.5rem;
  background:#fff;
  box-shadow:0 10px 32px rgba(17,17,17,.05);
}
.single-article-toc,
.single-article-note{
  border:1px solid var(--line);
}
.single-article-summary{ padding:1.25rem 1.35rem; }
.single-article-summary p,
.single-article-note p{ margin:0; color:#374151; line-height:1.75; }
.single-article-section-title{
  margin:0 0 .85rem; color:#111827;
  font-size:1rem; font-weight:800; line-height:1.3;
}
.single-article-cover figcaption{
  padding:.85rem 1rem 1rem; color:#6b7280; font-size:.92rem;
  text-align:center; border-top:1px solid var(--line);
}
.single-article-card{ box-shadow:0 12px 36px rgba(17,17,17,.05); }
.single-article-card .entry-content > :first-child{ margin-top:0; }
.single-article-card .entry-content h2[id],
.single-article-card .entry-content h3[id]{ scroll-margin-top:120px; }
.single-article-card .entry-content h2{
  font-size:1.85rem; padding-top:.25rem;
}
.single-article-card .entry-content h3{ font-size:1.35rem; }
.single-article-card .entry-content strong{ color:#0f172a; }
.single-article-card .entry-content ul,
.single-article-card .entry-content ol{ padding-left:1.4rem; }
.single-article-card .entry-content table{ display:block; overflow-x:auto; white-space:nowrap; }
.single-article-rail{ display:grid; gap:1.5rem; align-self:start; }
.single-article-toc{
  padding:1.25rem 1.2rem;
  position:sticky;
  top:110px;
}
.single-article-toc--mobile{
  position:static;
  top:auto;
}
.single-article-toc ol{
  list-style:none; margin:0; padding:0;
  display:grid; gap:.35rem;
}
.single-article-toc li{ margin:0; }
.single-article-toc li.is-subitem a{ padding-left:1rem; color:#6b7280; font-size:.92rem; }
.single-article-toc a{
  display:block; padding:.55rem .7rem;
  border-radius:.9rem; color:#111827; text-decoration:none;
  transition:background .2s ease, color .2s ease;
}
.single-article-toc a:hover{ background:#f3f4f6; color:#111; }
.single-article-note{ padding:1.25rem 1.2rem; }
.single-article-kicker{
  display:inline-flex; align-items:center; min-height:2rem; padding:0 .8rem;
  border-radius:9999px; background:#111; color:#fff;
  font-size:.8rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
}
.single-article-related-card h3{ text-wrap:balance; }
@media (max-width: 1023px){
  .single-article-rail{ display:block; }
  .single-article-toc{ position:static; top:auto; }
}
@media (max-width: 767px){
  .single-article-title{ font-size:2.2rem; }
  .single-article-meta{ gap:.6rem; }
  .single-article-meta span{ width:100%; justify-content:flex-start; }
  .single-article-summary,
  .single-article-toc,
  .single-article-note,
  .single-article-card{ border-radius:1.25rem; }
  .single-article-card{ padding:1.25rem; }
  .single-article-card .entry-content h2{ font-size:1.55rem; }
  .single-article-card .entry-content h3{ font-size:1.2rem; }
}

/* Не чіпаємо картки товарів/грид */
.woocommerce ul.products, .woocommerce ul.products li.product,
.dohiba-card { /* no overrides here */ }

/* ===== HERO / BANER ===== */
.hero-image {
	background-image: url('https://www.dohiba.shop/wp-content/uploads/2025/11/zamov-chashku-scaled.jpg');
	background-size: cover;
	background-position: center;
}

/* =================== MY ACCOUNT (NAV + ORDERS) =================== */

/* Ліве меню акаунта: прибираємо буліти, робимо «чіпи» */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.woocommerce-account .woocommerce-MyAccount-navigation li{margin:4px 0}
.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:block;padding:.5rem .75rem;border:1px solid var(--line);
  border-radius:1rem;text-decoration:none
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:#f6f7f8}

/* Таблиця замовлень */
.woocommerce-account table.my_account_orders,
.woocommerce-account .my_account_orders{
  background:#fff;border:1px solid var(--line);border-radius:1rem;overflow:hidden
}
.woocommerce-account .my_account_orders th{
  background:#f9fafb;color:#111827;font-weight:700
}
.woocommerce-account .my_account_orders th,
.woocommerce-account .my_account_orders td{
  padding:.75rem 1rem;border-bottom:1px solid var(--line);vertical-align:top
}
.woocommerce-account .my_account_orders tbody tr:nth-child(even){background:rgba(0,0,0,.02)}
.woocommerce-account .my_account_orders tbody tr:last-child td{border-bottom:0}

/* Кнопки дій у таблиці — округлі; другорядні можна зробити «outline» за потреби */
.woocommerce-account .my_account_orders a.woocommerce-button{border-radius:1rem}
.woocommerce-account .my_account_orders a.woocommerce-button:not(.pay):not(.view){
  /* якщо хочеш secondary-стиль:
  background:transparent!important;color:var(--text)!important;border:1px solid var(--line)!important;
  */
}

/* Пагінація (якщо використовується стандартна Woo) */
.woocommerce-account .woocommerce-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}
.woocommerce-account .woocommerce-pagination a{
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:1rem;padding:.5rem .9rem
}

/* ===== DOHIBA • My Account → Orders • HARD OVERRIDES ===== */

/* 1) Вирівнювання колонок (класи WooCommerce) */
body.woocommerce-account table.woocommerce-orders-table th.woocommerce-orders-table__header-order-total,
body.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-total{ text-align:right; }

body.woocommerce-account table.woocommerce-orders-table th.woocommerce-orders-table__header-actions,
body.woocommerce-account table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions{
  text-align:right; width:140px; white-space:nowrap;
}

body.woocommerce-account table.woocommerce-orders-table tbody tr:nth-child(even){ background: rgba(17,17,17,.03); }

/* 2) ДЕЛІКАТНА ТАБЛИЧНА ТИПІЗАЦІЯ — тримаємо як є */
body.woocommerce-account table.woocommerce-orders-table th,
body.woocommerce-account table.woocommerce-orders-table td{ vertical-align:top; }

/* 3) ДІЇ (outline) — перекриваємо глобальне ".woocommerce .button { background:#111 !important; }" */
/*    Секрет: дуже висока специфічність + !important */
body.woocommerce-account div.woocommerce table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a.button,
body.woocommerce-account div.woocommerce .my_account_orders td:last-child a.button,
body.woocommerce-account .woocommerce table.my_account_orders td .woocommerce-button{
  background:#fff !important;
  color:var(--text) !important;
  border:1px solid var(--line) !important;
  border-radius:1rem !important;
  padding:.5rem .9rem !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

/* Hover: інверсія */
body.woocommerce-account div.woocommerce table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a.button:hover,
body.woocommerce-account div.woocommerce .my_account_orders td:last-child a.button:hover,
body.woocommerce-account .woocommerce table.my_account_orders td .woocommerce-button:hover{
  background:#111 !important;
  color:#fff !important;
  border-color:#111 !important;
}

/* Варіант: лишити саме "Перегляд" чорним (primary) */
body.woocommerce-account div.woocommerce table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a.button.view{
  background:#111 !important; color:#fff !important; border-color:#111 !important;
}
body.woocommerce-account div.woocommerce table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a.button.view:hover{
  opacity:.9 !important;
}