/* =========================================================
   ZOOMAG — FINAL OVERRIDES (safe, scoped, 2026-02-13)
   Drop-in CSS to make UI bigger on desktop + nicer breadcrumbs.
   ========================================================= */

:root{
  --zm-text:#0f172a;
  --zm-muted:#64748b;
  --zm-border:#e2e8f0;
  --zm-surface:#ffffff;
  --zm-bg:#f7fafc;

  --zm-primary:#6366f1;
  --zm-primary-2:#8b5cf6;
  --zm-success:#10b981;
  --zm-danger:#ef4444;
  --zm-info:#3b82f6;

  --zm-radius-xl:22px;
  --zm-radius-lg:18px;
  --zm-radius-md:14px;

  --zm-shadow:0 14px 40px rgba(15, 23, 42, 0.10);
  --zm-shadow-soft:0 10px 26px rgba(15, 23, 42, 0.08);
}

/* ---------- Breadcrumbs (checkout + product Zoohub) ---------- */
/* OpenCart default breadcrumb */
#checkout-checkout .breadcrumb,
#account-register .breadcrumb,
#account-login .breadcrumb{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding: 0;
  margin: 12px 0 16px;
}
#checkout-checkout .breadcrumb li,
#account-register .breadcrumb li,
#account-login .breadcrumb li{
  margin:0;
  padding:0;
}
#checkout-checkout .breadcrumb a,
#account-register .breadcrumb a,
#account-login .breadcrumb a{
  text-decoration:none;
}

/* Zoohub breadcrumb (product page custom markup) */
.zoohub-breadcrumb{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin: 12px 0 18px;
  padding:0;
}
.zoohub-breadcrumb-item{ margin:0; padding:0; }

/* Shared pill style */
#checkout-checkout .breadcrumb li a,
#checkout-checkout .breadcrumb li span,
#account-register .breadcrumb li a,
#account-register .breadcrumb li span,
#account-login .breadcrumb li a,
#account-login .breadcrumb li span,
.zoohub-breadcrumb-link,
.zoohub-breadcrumb-current{
  display:inline-flex;
  align-items:center;
  gap:8px;

  padding: 10px 14px;
  border-radius: 999px;

  background: rgba(99,102,241,0.08);
  border: 1px solid rgba(99,102,241,0.18);
  color: var(--zm-text);
  font-weight: 800;
  font-size: 14px;

  box-shadow: 0 8px 18px rgba(15,23,42,0.06);
  transition: transform .15s ease, filter .2s ease, background .2s ease;
}
#checkout-checkout .breadcrumb li a:hover,
#account-register .breadcrumb li a:hover,
#account-login .breadcrumb li a:hover,
.zoohub-breadcrumb-link:hover{
  transform: translateY(-1px);
  filter: brightness(0.98);
  background: rgba(99,102,241,0.12);
}
.zoohub-breadcrumb-current,
#checkout-checkout .breadcrumb li:last-child span,
#account-register .breadcrumb li:last-child span,
#account-login .breadcrumb li:last-child span{
  background: linear-gradient(135deg, rgba(99,102,241,0.18), rgba(139,92,246,0.18));
  border-color: rgba(99,102,241,0.25);
}

/* ---------- “Bigger on desktop” controls ---------- */
@media (min-width: 992px){
  /* Buttons */
  #checkout-checkout .btn,
  #checkout-checkout button,
  #checkout-checkout a.btn,
  #checkout-cart .btn,
  #checkout-cart button,
  #checkout-cart a.btn,
  .pet-action-btn,
  .pet-btn,
  .zoohub-cart-button,
  .zoohub-wishlist-btn,
  .zoohub-compare-btn{
    min-height: 54px;
    font-size: 16px;
    font-weight: 900;
    padding: 14px 18px;
    border-radius: 18px;
  }

  /* Inputs */
  #checkout-checkout input[type="text"],
  #checkout-checkout input[type="email"],
  #checkout-checkout input[type="tel"],
  #checkout-checkout input[type="password"],
  #checkout-checkout input[type="number"],
  #checkout-checkout select,
  #checkout-checkout textarea,
  #checkout-cart input[type="text"],
  #checkout-cart input[type="number"],
  #checkout-cart select{
    min-height: 52px;
    font-size: 16px;
    border-radius: 16px;
  }

  /* Cards / blocks padding */
  #checkout-checkout .card,
  #checkout-checkout .panel,
  #checkout-checkout .checkout-step-container,
  #checkout-checkout .form-container{
    border-radius: var(--zm-radius-xl);
  }
}

/* A tiny safety net: if custom CSS variables are used (pc-*) — map them */
:root{
  --pc-bg: var(--zm-bg);
  --pc-surface: var(--zm-surface);
  --pc-surface-2: #fbfdff;

  --pc-text: var(--zm-text);
  --pc-muted: var(--zm-muted);

  --pc-border: var(--zm-border);
  --pc-border-2: #dbe3ef;

  --pc-primary: var(--zm-primary);
  --pc-primary-2: var(--zm-primary-2);

  --pc-success: var(--zm-success);
  --pc-danger: var(--zm-danger);
  --pc-info: var(--zm-info);

  --pc-shadow: var(--zm-shadow);
  --pc-shadow-soft: var(--zm-shadow-soft);

  --pc-radius-xl: var(--zm-radius-xl);
  --pc-radius-lg: var(--zm-radius-lg);
  --pc-radius-md: var(--zm-radius-md);
}