/* ===== BabaShop theme (primary: #EE98B5) ===== */
:root{
  --bb-primary: #EE98B5;
  --bb-primary-rgb: 238,152,181;

  /* Bootstrap színek felülírása */
  --bs-primary: var(--bb-primary);
  --bs-link-color: var(--bb-primary);
  --bs-link-hover-color: #d67ea0; /* 15-20%-kal sötétebb */
  --bs-focus-ring-color: rgba(var(--bb-primary-rgb), .25);
}
/* Page background – halvány kék */
:root { --page-bg: #F7FAFF; }
/* Page + header/footer színek */
:root{
  --page-bg: #EAF4FF;     /* halvány kék alap */
  --header-bg: #FFF1F6;   /* nagyon halvány rózsaszín (fejléc) */
  --footer-bg: #F5F9FF;   /* kicsit erősebb kék (lábléc) */
  --header-border: rgba(238,152,181,.24);
}

/* Oldal háttér */
html, body { background-color: var(--page-bg); }

/* Fejléc */
.bg-soft-pink { background-color: var(--header-bg) !important; }
.navbar.bg-soft-pink { border-bottom-color: var(--header-border) !important; }
html, body {
  background-color: var(--page-bg) !important;
}
/* Gombok */
.btn-primary{
  --bs-btn-bg: var(--bb-primary);
  --bs-btn-border-color: var(--bb-primary);
  --bs-btn-hover-bg: #d67ea0;
  --bs-btn-hover-border-color: #d67ea0;
  --bs-btn-active-bg: #c86990;
  --bs-btn-active-border-color: #c86990;
  --bs-btn-disabled-bg: #f2c8d6;
  --bs-btn-disabled-border-color: #f2c8d6;
}
.btn-outline-primary{
  --bs-btn-color: var(--bb-primary);
  --bs-btn-border-color: var(--bb-primary);
  --bs-btn-hover-bg: var(--bb-primary);
  --bs-btn-hover-border-color: var(--bb-primary);
}

/* Linkek */
a { text-decoration: #d67ea0; }


/* List group aktív elem */
.list-group-item.active{
  background-color: var(--bb-primary);
  border-color: var(--bb-primary);
}

/* Badge / pagination / form elemek */
.badge.bg-primary{ background-color: var(--bb-primary)!important; }
.pagination .page-link{ color: var(--bb-primary); }
.page-item.active .page-link{
  background-color: var(--bb-primary);
  border-color: var(--bb-primary);
}
.form-check-input:checked{
  background-color: var(--bb-primary);
  border-color: var(--bb-primary);
}

/* Kártyák: picit “lebegjenek” */
.card{
  transition: transform .12s ease, box-shadow .12s ease;
}
.card:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}



/* Kosár badge (fejléc) */
#cartBtn{ position: relative; }
#cartCount{
  position: absolute; top: -6px; right: -10px;
  background: var(--bb-primary); color: #fff; min-width: 22px; height: 22px;
  border-radius: 999px; font-size: 12px; line-height: 22px; padding: 0 6px;
  display: inline-block; text-align: center;
}

/* Mini toast (AJAX kosár) */
.cart-toast{
  position:fixed; right:16px; bottom:16px; background:#198754; color:#fff;
  padding:10px 14px; border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,.15);
  opacity:0; transform:translateY(8px); transition:all .2s ease; z-index:2000;
}
.cart-toast.show{ opacity:1; transform:none; }
/* Anchor offset a ragadós fejléchez */
#product-grid { scroll-margin-top: 84px; }