/* Dr.Goodnight – кошничка / плаќање / потврда
   Патека: ellen-child/assets/css/dg-checkout.css (се вчитува само на is_cart() / is_checkout()).
   ПОЧЕТНА ТОЧКА: класите се од WooCommerce Cart/Checkout блоковите. Провери ги во DevTools
   на сајтот (верзијата на WooCommerce може да ги смени) и дотерај до изгледот во pregled/*.png. */

:root{
  --dg-navy:#1B1464; --dg-rose:#C8356A; --dg-rose-d:#B02C5B; --dg-lav:#F6F3FD; --dg-lav2:#EDE7FB;
  --dg-line:#E6E0F6; --dg-input:#D8D0F0; --dg-blush:#FDF0F4; --dg-txt:#4F4B6E; --dg-mut:#5E5A78; --dg-mut2:#8A86A3;
}
.woocommerce-cart, .woocommerce-checkout{ background:#fff; }
.woocommerce-cart .entry-content, .woocommerce-checkout .entry-content{ font-family:Manrope,system-ui,sans-serif; color:var(--dg-txt); }
.woocommerce-cart h1, .woocommerce-checkout h1{ font-family:Literata,Georgia,serif; font-weight:600; color:var(--dg-navy); font-size:44px; margin:0 0 24px; }

/* ---------- Чекори ([dg_steps]) ---------- */
.dg-steps{ list-style:none; margin:0 0 28px; padding:0; display:flex; align-items:center; gap:12px; max-width:560px; }
.dg-steps li{ display:flex; align-items:center; gap:8px; flex:1 1 auto; font-size:13px; font-weight:800; color:var(--dg-mut2); }
.dg-steps li:not(:last-child)::after{ content:""; flex:1; height:2px; min-width:10px; background:var(--dg-line); }
.dg-steps li.is-done::after{ background:var(--dg-rose); }
.dg-steps__n{ width:28px; height:28px; flex-shrink:0; border-radius:50%; display:flex; align-items:center; justify-content:center; border:1.5px solid var(--dg-line); box-sizing:border-box; }
.dg-steps li.is-done, .dg-steps li.is-current{ color:var(--dg-navy); }
.dg-steps li.is-done .dg-steps__n{ background:var(--dg-rose); border-color:var(--dg-rose); color:#fff; }
.dg-steps li.is-current .dg-steps__n{ background:var(--dg-navy); border-color:var(--dg-navy); color:#fff; }

/* ---------- Заедничко: копчиња и полиња ---------- */
.wc-block-components-button:not(.is-link),
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{
  min-height:56px; border-radius:999px !important; border:0 !important; background:var(--dg-rose) !important; color:#fff !important;
  font-family:Manrope,sans-serif; font-size:16px; font-weight:800; text-transform:none; letter-spacing:0; box-shadow:none;
}
.wc-block-components-button:not(.is-link):hover{ background:var(--dg-rose-d) !important; }
.wc-block-components-text-input input,
.wc-block-components-combobox .components-combobox-control input,
.wc-block-components-textarea{
  border:1.5px solid var(--dg-input) !important; border-radius:12px !important; background:#fff !important; color:var(--dg-navy); font-size:15px !important;
}
.wc-block-components-text-input input:focus{ border-color:var(--dg-navy) !important; box-shadow:0 0 0 3px var(--dg-lav2) !important; }
.wc-block-components-text-input label{ color:var(--dg-mut); }

/* ---------- Кошничка ---------- */
.wc-block-cart{ gap:40px; }
.wc-block-cart-items thead{ display:none; } /* „Product / Total“ */
.wc-block-cart-items{ border:0 !important; border-collapse:separate; border-spacing:0 12px; }
.wc-block-cart-items__row{ background:#fff; }
.wc-block-cart-items__row td{ border-top:1px solid var(--dg-line) !important; border-bottom:1px solid var(--dg-line) !important; padding:18px !important; vertical-align:middle; }
.wc-block-cart-items__row td:first-child{ border-left:1px solid var(--dg-line) !important; border-radius:20px 0 0 20px; }
.wc-block-cart-items__row td:last-child{ border-right:1px solid var(--dg-line) !important; border-radius:0 20px 20px 0; }
.wc-block-cart-item__image img{ width:96px; height:96px; object-fit:cover; object-position:center top; border-radius:14px; background:var(--dg-lav); }
.wc-block-components-product-name{ font-family:Literata,Georgia,serif; font-size:19px; font-weight:700; color:var(--dg-navy) !important; text-decoration:none; }
.wc-block-components-product-metadata{ font-size:14px; color:var(--dg-mut); }
.wc-block-cart-item__total .wc-block-components-product-price{ font-family:Literata,Georgia,serif; font-size:22px; font-weight:700; color:var(--dg-navy); }
.wc-block-cart-item__remove-link{ font-size:13px !important; font-weight:700; color:var(--dg-mut2) !important; text-decoration:underline !important; text-underline-offset:3px; }
.wc-block-components-quantity-selector{ border:1.5px solid var(--dg-line); border-radius:999px; overflow:hidden; }
.wc-block-components-quantity-selector::after{ display:none; }
/* Цената по парче под името е вишок кога нема количина */
.wc-block-cart-item__prices{ display:none; }

/* Збир (десна колона) */
.wc-block-cart .wc-block-components-sidebar,
.wc-block-checkout__sidebar{
  background:var(--dg-lav); border-radius:24px; padding:26px !important; align-self:flex-start;
}
.wc-block-cart__totals-title{ font-size:16px !important; font-weight:800; color:var(--dg-navy); text-transform:none !important; }
.wc-block-components-totals-wrapper{ border-color:#E2DBF4 !important; }
.wc-block-components-totals-item__label, .wc-block-components-totals-item__value{ font-size:14px; color:var(--dg-txt); }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label{ font-size:16px; font-weight:800; color:var(--dg-navy); }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{ font-family:Literata,Georgia,serif; font-size:30px; font-weight:700; color:var(--dg-navy); }
/* Купон: се отвора на клик (веќе е така во блокот), само стил */
.wc-block-components-totals-coupon .wc-block-components-panel__button{ font-size:14px; font-weight:700; color:var(--dg-navy); }

/* Потврди под копчето: shortcode [dg_trust] (functions-kosnicka.php, т. 6) */
.dg-trust{ list-style:none; margin:14px 0 0; padding:0; display:flex; flex-direction:column; gap:8px; font-size:13.5px; color:var(--dg-txt); }
.dg-trust li{ display:flex; gap:8px; }
.dg-trust li::before{ content:"✓"; color:var(--dg-rose); font-weight:800; }

/* ---------- Плаќање ---------- */
.wc-block-components-checkout-step__title{ font-family:Literata,Georgia,serif; font-size:22px; font-weight:600; color:var(--dg-navy); }
.wc-block-components-checkout-step__description{ font-size:12.5px; color:var(--dg-mut2); }
.wc-block-components-radio-control__option,
.wc-block-components-radio-control-accordion-option{
  border:2px solid var(--dg-navy) !important; border-radius:16px !important; background:#fff;
}
.wc-block-components-radio-control__input:checked{ border-color:var(--dg-navy) !important; }
.wc-block-components-radio-control__input:checked::before{ background:var(--dg-navy) !important; }

/*
 * Само еден начин на плаќање (Bankart) — скриј го „Payment options“.
 * Клиентите мислеа дека треба да кликнат таму; картичката се внесува по Place Order.
 * Не се крие на order-pay (таму се појавуваат полињата за картичка).
 */
body.woocommerce-checkout:not(.woocommerce-order-pay) .wp-block-woocommerce-checkout-payment-block,
body.woocommerce-checkout:not(.woocommerce-order-pay) .wc-block-checkout__payment-method{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
body.woocommerce-checkout:not(.woocommerce-order-pay) .wc-block-checkout__actions::before{
  content:"Плаќањето е со картичка. По копчето подолу ќе ги внесете податоците од картичката.";
  display:block;
  margin:0 0 14px;
  padding:14px 16px;
  border-radius:14px;
  background:var(--dg-lav);
  color:var(--dg-navy);
  font-size:14px;
  font-weight:700;
  line-height:1.45;
}

.wc-block-checkout__terms{ font-size:13px; color:var(--dg-txt); }
.wc-block-checkout__terms a{ font-weight:700; color:var(--dg-navy); text-decoration:underline; }
.wc-block-components-checkbox__input[type=checkbox]:checked{ background:var(--dg-navy) !important; border-color:var(--dg-navy) !important; }
.wc-block-components-order-summary-item__image img{ border-radius:12px; object-fit:cover; object-position:center top; }
.wc-block-components-order-summary-item__quantity{ display:none; } /* бројката „1“ врз сликата */
/* Без „Return to cart“ лево од „Плати“ на мобилен – копчето е преку цела ширина */
.wc-block-checkout__actions_row{ flex-direction:column-reverse; align-items:stretch; gap:12px; }

/* ---------- Потврда (thankyou.php) ---------- */
.dg-ty{ font-family:Manrope,system-ui,sans-serif; color:var(--dg-txt); }
.dg-ty__grid{ display:grid; grid-template-columns:minmax(0,1fr) 400px; gap:48px; align-items:start; }
.dg-ty__main{ display:flex; flex-direction:column; gap:18px; max-width:640px; }
.dg-ty__check{ width:64px; height:64px; border-radius:50%; background:var(--dg-blush); color:var(--dg-rose); display:flex; align-items:center; justify-content:center; }
.dg-ty__h1{ margin:0; font-family:Literata,Georgia,serif; font-size:44px; line-height:1.1; font-weight:600; color:var(--dg-navy); }
.dg-ty__lead{ margin:0; font-size:17px; line-height:1.6; }
.dg-ty__lead b{ color:var(--dg-navy); }
.dg-ty__steps{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.dg-ty__steps li{ display:flex; gap:14px; padding:18px; border-radius:18px; background:var(--dg-lav); }
.dg-ty__steps li.is-first{ background:var(--dg-blush); }
.dg-ty__n{ width:32px; height:32px; flex-shrink:0; border-radius:50%; background:var(--dg-navy); color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; }
.dg-ty__txt{ display:flex; flex-direction:column; gap:6px; font-size:14.5px; line-height:1.5; }
.dg-ty__txt b{ font-size:16px; color:var(--dg-navy); }
.dg-ty__txt small{ font-size:12.5px; color:var(--dg-mut2); }
.dg-btn{ display:inline-flex; align-items:center; justify-content:center; height:48px; padding:0 22px; border-radius:999px; background:var(--dg-rose); color:#fff !important; font-weight:800; text-decoration:none; }
.dg-btn--ghost{ align-self:flex-start; height:40px; padding:0 16px; background:#fff; color:var(--dg-navy) !important; border:1.5px solid var(--dg-navy); font-size:13.5px; }
.dg-ty__sum{ border:1px solid var(--dg-line); border-radius:24px; padding:24px; display:flex; flex-direction:column; gap:14px; }
.dg-ty__sumh{ font-size:16px; color:var(--dg-navy); }
.dg-ty__line{ display:flex; align-items:center; gap:12px; font-size:13.5px; font-weight:700; color:var(--dg-navy); }
.dg-ty__line img{ width:52px; height:52px; border-radius:12px; object-fit:cover; object-position:center top; flex-shrink:0; }
.dg-ty__line span{ flex:1; min-width:0; }
.dg-ty__row{ display:flex; justify-content:space-between; font-size:13.5px; }
.dg-ty__total{ display:flex; justify-content:space-between; align-items:baseline; padding-top:12px; border-top:1px solid #EFEBF7; color:var(--dg-navy); }
.dg-ty__total b:last-child{ font-family:Literata,Georgia,serif; font-size:22px; }
.dg-ty__help{ font-size:13px; color:var(--dg-mut); }
.dg-ty__help a{ font-weight:700; color:var(--dg-rose); }

/* ---------- Мобилен ---------- */
@media (max-width: 767px){
  .woocommerce-cart h1, .woocommerce-checkout h1, .dg-ty__h1{ font-size:28px; }
  .dg-steps{ gap:6px; margin-bottom:16px; }
  .wc-block-cart-item__image img{ width:72px; height:72px; }
  .wc-block-components-product-name{ font-size:16px; }
  .wc-block-cart-items__row td{ padding:14px !important; }
  .wc-block-cart .wc-block-components-sidebar, .wc-block-checkout__sidebar{ border-radius:20px; padding:16px !important; }
  .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{ font-size:24px; }
  .wc-block-components-checkout-step__title{ font-size:19px; }
  .dg-ty__grid{ grid-template-columns:1fr; gap:14px; }
  .dg-ty__lead{ font-size:14.5px; }
  .dg-ty__steps li{ padding:14px; }
  /* Закачено копче долу на кошничката: WooCommerce го има сам („.wc-block-cart__submit-container--sticky“). Стилот го наследува од горе. */
  .wc-block-cart__submit-container--sticky{ padding:10px 16px 16px; background:rgba(255,255,255,.97); border-top:1px solid #ECE8F5; box-shadow:none; }
}

/* Theme chrome on cart/checkout */
body.woocommerce-cart .page-title-area,
body.woocommerce-checkout .page-title-area,
body.woocommerce-cart .breadcrumb-area,
body.woocommerce-checkout .breadcrumb-area{display:none!important}
body.woocommerce-cart .entry-content,
body.woocommerce-checkout .entry-content{max-width:1100px;margin:0 auto;padding:24px 20px 64px}
.dg-steps{margin-left:0;margin-right:0}
.dg-trust{margin-top:16px}