/* ============================================
   קוביית הזהב — WooCommerce + breadcrumbs skin
   Matches the site design (cream / gold / pink).
   ============================================ */

/* ---------- Header cart icon ---------- */
/* The brand's auto margin absorbs the free space, so adding the cart as a
   third flex child doesn't re-center the nav (header-inner is space-between). */
.header-inner .brand { margin-inline-end: auto; }
.gc-cart-link {
  position: relative;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-inline-start: 22px;
  border-radius: 50%;
  color: var(--cream);
  background: rgba(255, 247, 238, 0.08);
  border: 1px solid rgba(246, 196, 83, 0.35);
  transition: background 0.25s, transform 0.25s, color 0.25s;
}
.gc-cart-link:hover { background: var(--pink); transform: translateY(-3px); color: #fff; }
.gc-cart-link svg { width: 20px; height: 20px; }
.gc-cart-count {
  position: absolute;
  top: -7px;
  inset-inline-end: -7px;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--grad-pink);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
  display: grid;
  place-items: center;
  box-shadow: 0 4px 12px -4px rgba(232, 45, 139, 0.8);
}
.gc-cart-count.is-empty { display: none; }
@media (max-width: 700px) {
  .gc-cart-link { margin-inline-start: 0; margin-inline-end: 12px; width: 40px; height: 40px; }
}

/* ---------- Breadcrumbs (dark hero) ---------- */
.gc-breadcrumbs {
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: rgba(255, 247, 238, 0.55);
  margin-bottom: 14px;
}
.gc-breadcrumbs a {
  color: rgba(255, 247, 238, 0.85);
  transition: color 0.2s;
}
.gc-breadcrumbs a:hover { color: var(--gold-light); }

/* ---------- Generic page body (checkout, cart, account) ---------- */
.gc-page-body { padding: 60px 0 110px; }
.gc-page-body h2, .gc-page-body h3 { margin-bottom: 14px; }

/* ---------- Notices ---------- */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
  background: #fff;
  border: 2px solid var(--gold);
  border-radius: 16px;
  padding: 16px 22px !important;
  margin-bottom: 26px;
  font-weight: 600;
  list-style: none;
}
.woocommerce-error { border-color: var(--pink); }
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { display: none; }
.woocommerce-error li { margin: 4px 0; }
.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button { float: left; }

/* ---------- Form fields ---------- */
.woocommerce form .form-row label { font-weight: 800; margin-bottom: 6px; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  font-family: var(--font-body);
  font-size: 1rem;
  padding: 13px 17px;
  border: 2px solid var(--cream-2);
  border-radius: 14px;
  background: #fff;
  transition: border-color 0.25s;
}
.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(--pink);
}
.woocommerce form .form-row.woocommerce-invalid input.input-text { border-color: var(--pink-hot); }
.woocommerce form .form-row.woocommerce-validated input.input-text { border-color: #30b640; }

/* select2 (country dropdown) to match inputs */
.select2-container--default .select2-selection--single {
  height: auto;
  padding: 13px 17px;
  border: 2px solid var(--cream-2);
  border-radius: 14px;
  background: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1.4; padding: 0; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; }
.select2-dropdown { border: 2px solid var(--cream-2); border-radius: 14px; overflow: hidden; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--pink); }

/* ---------- Checkout headings ---------- */
.woocommerce-billing-fields > h3,
#order_review_heading,
.woocommerce-additional-fields > h3 {
  font-family: var(--font-display);
  font-size: 2.1rem;
  color: var(--ink);
  margin: 26px 0 16px;
}

/* ---------- Order review card ---------- */
.woocommerce-checkout #order_review {
  background: #fff;
  border-radius: var(--radius);
  padding: 34px;
  box-shadow: 0 14px 40px -18px rgba(23, 8, 18, 0.18);
  border: 2px solid var(--cream-2);
}
.woocommerce table.shop_table {
  border: none;
  border-radius: 0;
  margin-bottom: 20px;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border: none;
  border-bottom: 1px solid var(--cream-2);
  padding: 12px 6px;
}
.woocommerce table.shop_table tfoot th { color: rgba(23, 8, 18, 0.6); }
.woocommerce table.shop_table .order-total td,
.woocommerce table.shop_table .order-total th {
  border-bottom: none;
  font-size: 1.25rem;
  color: var(--pink);
  font-weight: 800;
}

/* ---------- Shipping methods ---------- */
.woocommerce ul#shipping_method { list-style: none; padding: 0; }
.woocommerce ul#shipping_method li { margin: 6px 0; padding: 0; display: flex; gap: 8px; align-items: baseline; }
.woocommerce ul#shipping_method .amount { font-weight: 800; }

/* ---------- Payment box ---------- */
.woocommerce-checkout #payment {
  background: transparent;
  border-radius: 0;
}
.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 1px solid var(--cream-2);
  padding: 0 0 16px;
}
.woocommerce-checkout #payment ul.payment_methods li { list-style: none; }
.woocommerce-checkout #payment div.payment_box {
  background: var(--cream-2);
  border-radius: 14px;
  color: rgba(23, 8, 18, 0.8);
}
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--cream-2); }

/* radio + checkbox accent */
.woocommerce input[type="radio"], .woocommerce input[type="checkbox"] { accent-color: var(--pink); }

/* ---------- Buttons ---------- */
.woocommerce .button, .woocommerce button.button, .woocommerce a.button,
.woocommerce #respond input#submit, .woocommerce input.button {
  font-family: var(--font-body);
  font-weight: 800;
  font-size: 1rem;
  padding: 14px 30px;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  background: var(--grad-pink);
  color: #fff;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.woocommerce .button:hover { transform: translateY(-2px); color: #fff; background: var(--grad-pink); }
.woocommerce #place_order, .woocommerce .checkout-button {
  background: var(--grad-gold);
  color: var(--ink);
  box-shadow: 0 12px 30px -10px rgba(224, 165, 44, 0.7);
  font-size: 1.15rem;
  padding: 18px 40px;
  width: 100%;
}
.woocommerce #place_order:hover, .woocommerce .checkout-button:hover {
  background: var(--grad-gold);
  color: var(--ink);
  box-shadow: 0 18px 38px -10px rgba(224, 165, 44, 0.85);
}
.woocommerce .button[disabled] { background: var(--grad-gold); color: var(--ink); opacity: 0.6; }

/* ---------- Terms row ---------- */
.woocommerce-terms-and-conditions-wrapper { margin: 18px 0; font-size: 0.95rem; }
.woocommerce-terms-and-conditions-wrapper a { color: var(--pink); font-weight: 700; }

/* ---------- Cart page ---------- */
.woocommerce-cart table.cart {
  background: #fff;
  border-radius: var(--radius);
  padding: 10px;
  box-shadow: 0 14px 40px -18px rgba(23, 8, 18, 0.18);
}
.woocommerce-cart table.cart img { width: 84px; border-radius: 12px; }
.woocommerce-cart .cart_totals {
  background: #fff;
  border-radius: var(--radius);
  padding: 28px;
  box-shadow: 0 14px 40px -18px rgba(23, 8, 18, 0.18);
}
.woocommerce-cart .cart_totals h2 { font-size: 1.9rem; }
.woocommerce a.remove { color: var(--pink) !important; }
.woocommerce a.remove:hover { background: var(--pink); }
.woocommerce-cart input.qty { border: 2px solid var(--cream-2); border-radius: 10px; padding: 8px; }

/* ---------- My account ---------- */
.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; }
.woocommerce-MyAccount-navigation li { margin-bottom: 8px; }
.woocommerce-MyAccount-navigation a { font-weight: 700; }
.woocommerce-MyAccount-navigation li.is-active a { color: var(--pink); }

/* ---------- Small screens ---------- */
@media (max-width: 768px) {
  .woocommerce-checkout #order_review { padding: 22px; }
}