/* ============================================================
   Kindaka Admin Theme — matches Remix storefront brand
   Brand: #5E1F39 / #7C2B4C · blush #E9B8C6 · mist #F7E7EE
   ============================================================ */

:root,
:root[data-bs-theme="light"],
body {
  --kk-brand: #5e1f39;
  --kk-brand-soft: #7c2b4c;
  --kk-blush: #e9b8c6;
  --kk-mist: #f7e7ee;
  --kk-ink: #201e1d;
  --kk-paper: #f3f2f2;

  --tblr-primary: #5e1f39 !important;
  --tblr-primary-rgb: 94, 31, 57 !important;
  --tblr-primary-fg: #ffffff !important;
  --tblr-primary-text-emphasis: #3a1224 !important;
  --tblr-primary-bg-subtle: #f7e7ee !important;
  --tblr-primary-border-subtle: #e9b8c6 !important;
  --tblr-link-color: #5e1f39 !important;
  --tblr-link-hover-color: #7c2b4c !important;
  --tblr-focus-ring-color: rgba(94, 31, 57, 0.25) !important;

  --sylius-primary: #5e1f39;
  --sylius-primary-color: #5e1f39;
}

/* Sidebar */
.navbar-vertical,
.navbar-vertical.navbar-dark,
.navbar-vertical[data-bs-theme="dark"],
aside.navbar,
.sidebar {
  --tblr-navbar-bg: #5e1f39 !important;
  --tblr-navbar-color: #f7e7ee !important;
  --tblr-navbar-border-color: #7c2b4c !important;
  --tblr-navbar-active-color: #ffffff !important;
  --tblr-navbar-brand-color: #ffffff !important;
  background-color: #5e1f39 !important;
  border-inline-end: 2px solid #7c2b4c !important;
}

.navbar-vertical .navbar-brand,
.navbar-vertical .nav-link,
.navbar-vertical .nav-link-title {
  color: #c4b0b8 !important; /* muted grey-pink at rest */
}

.navbar-vertical .nav-link:hover,
.navbar-vertical .nav-link:focus,
.navbar-vertical .nav-link.active,
.navbar-vertical .nav-item.active > .nav-link,
.navbar-vertical .nav-link.show {
  color: #ffffff !important;
  background-color: #7c2b4c !important;
}

.navbar-vertical .nav-link .nav-link-icon,
.navbar-vertical .nav-link .dropdown-toggle-icon {
  color: #c4b0b8 !important;
}

.navbar-vertical .nav-link:hover .nav-link-icon,
.navbar-vertical .nav-link:focus .nav-link-icon,
.navbar-vertical .nav-link.active .nav-link-icon,
.navbar-vertical .nav-link.show .nav-link-icon,
.navbar-vertical .nav-link:hover .dropdown-toggle-icon,
.navbar-vertical .nav-link.active .dropdown-toggle-icon {
  color: #ffffff !important;
}

/* Nested side-nav items (Taxons, Products, …) — grey → white on hover */
.navbar-vertical .dropdown-menu .dropdown-item,
.navbar-vertical .nav-item .dropdown-item,
.navbar-vertical .dropdown-item {
  color: #adb5bd !important;
  background: transparent !important;
}

.navbar-vertical .dropdown-menu .dropdown-item:hover,
.navbar-vertical .dropdown-menu .dropdown-item:focus,
.navbar-vertical .nav-item .dropdown-item:hover,
.navbar-vertical .nav-item .dropdown-item:focus,
.navbar-vertical .dropdown-item:hover,
.navbar-vertical .dropdown-item:focus,
.navbar-vertical .dropdown-item.active {
  color: #ffffff !important;
  background-color: #7c2b4c !important;
}

/* Logo */
.kindaka-admin-logo,
.navbar-brand-image.kindaka-admin-logo {
  height: 28px !important;
  width: auto !important;
  max-width: 140px;
  object-fit: contain;
  background: #ffffff;
  padding: 6px 10px;
  display: block;
}

.kindaka-admin-logo--login {
  height: 48px !important;
  margin: 0 auto 1rem;
  padding: 10px 16px;
}

.navbar-brand {
  padding: 0.75rem 1rem !important;
}

/* Buttons */
.btn-primary,
.btn-primary:focus,
a.btn-primary {
  --tblr-btn-bg: #5e1f39 !important;
  --tblr-btn-border-color: #5e1f39 !important;
  --tblr-btn-hover-bg: #7c2b4c !important;
  --tblr-btn-hover-border-color: #7c2b4c !important;
  --tblr-btn-active-bg: #3a1224 !important;
  --tblr-btn-color: #fff !important;
  background-color: #5e1f39 !important;
  border-color: #5e1f39 !important;
  border-radius: 0 !important;
  color: #fff !important;
}

.btn-primary:hover {
  background-color: #7c2b4c !important;
  border-color: #7c2b4c !important;
}

.btn-outline-primary {
  --tblr-btn-color: #5e1f39 !important;
  --tblr-btn-border-color: #5e1f39 !important;
  --tblr-btn-hover-bg: #5e1f39 !important;
  color: #5e1f39 !important;
  border-color: #5e1f39 !important;
  border-radius: 0 !important;
}

/* Login: Forgot password should not look like primary submit */
a.btn[href*="forgotten-password"] {
  background: transparent !important;
  color: #5e1f39 !important;
  border: 2px solid #5e1f39 !important;
  border-radius: 0 !important;
}

/* Forms */
.form-check-input:checked {
  background-color: #5e1f39 !important;
  border-color: #5e1f39 !important;
}

.form-control:focus,
.form-select:focus {
  border-color: #7c2b4c !important;
  box-shadow: 0 0 0 0.2rem rgba(94, 31, 57, 0.2) !important;
}

.page-title {
  color: #201e1d !important;
  font-weight: 800 !important;
}

/* Cards / pages */
.card {
  border-radius: 0 !important;
  border: 2px solid #201e1d1a !important;
}

.page-header {
  border-bottom: 2px solid #f7e7ee;
}

/* Integrations forms — readable stacked layout */
.kindaka-integration-card {
  max-width: 44rem;
  border: 2px solid #201e1d !important;
  box-shadow: none !important;
}

.kindaka-integration-section {
  border: 0;
  border-top: 2px solid #f7e7ee;
  padding-top: 1.25rem;
  margin: 0;
}

.kindaka-integration-section:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.kindaka-integration-section__title {
  float: none;
  width: auto;
  font-size: 1.05rem;
  font-weight: 800;
  color: #5e1f39;
  margin-bottom: 1rem;
  padding: 0;
}

.kindaka-integration-form .mb-3,
.kindaka-integration-form .field {
  margin-bottom: 1rem !important;
}

.kindaka-integration-form label,
.kindaka-integration-form .form-label,
.kindaka-integration-form .col-form-label {
  display: block !important;
  float: none !important;
  width: auto !important;
  font-weight: 600 !important;
  color: #201e1d !important;
  margin-bottom: 0.35rem !important;
  text-align: start !important;
}

.kindaka-integration-form .row > [class*="col-"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

.kindaka-integration-form input.form-control,
.kindaka-integration-form input[type="text"],
.kindaka-integration-form input[type="url"],
.kindaka-integration-form input[type="password"],
.kindaka-integration-form input[type="number"],
.kindaka-integration-form textarea,
.kindaka-integration-form select {
  display: block !important;
  width: 100% !important;
  max-width: 100%;
  min-height: 2.5rem;
  border: 2px solid #201e1d !important;
  border-radius: 0 !important;
  background: #fff !important;
}

.card-body form .mb-3,
.card-body form .form-group,
.card-body form > div {
  margin-bottom: 1rem !important;
}

.card-body form label,
.card-body form .form-label,
.card-body form .col-form-label {
  display: block !important;
  font-weight: 600 !important;
  color: #201e1d !important;
  margin-bottom: 0.35rem !important;
}

.card-body form input.form-control,
.card-body form input[type="text"],
.card-body form input[type="url"],
.card-body form input[type="password"],
.card-body form input[type="number"],
.card-body form textarea,
.card-body form select {
  display: block !important;
  width: 100% !important;
  max-width: 40rem;
  min-height: 2.5rem;
  border: 2px solid #201e1d !important;
  border-radius: 0 !important;
  background: #fff !important;
}

/* Top navbar accents */
.navbar .avatar,
.navbar .nav-link.active {
  color: #5e1f39 !important;
}

.badge.bg-primary,
.bg-primary {
  background-color: #5e1f39 !important;
}

.text-primary {
  color: #5e1f39 !important;
}

a:not(.btn):not(.nav-link):not(.dropdown-item) {
  color: #5e1f39;
}

a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
  color: #7c2b4c;
}

/* Hide leftover Sylius marketing / external backlinks */
a[href*="sylius.com"],
a[href*="docs.sylius.com"],
a[href*="store.sylius.com"],
a[href*="github.com/Sylius"] {
  display: none !important;
}