.ad-banner-img { max-width: 600px; height: 48px; width: auto; }
.ad-banner-label { opacity: 0.7; font-size: 0.6rem; border-top-right-radius: 4px; line-height: 1.2; }

@media (min-width: 768px) {
  .header-wrapper.container,
  .pc-content.container,
  .footer-wrapper.container {
    max-width: 540px;
  }
}
@media (min-width: 992px) {
  .header-wrapper.container,
  .pc-content.container,
  .footer-wrapper.container {
    max-width: 720px;
  }
}
@media (min-width: 1200px) {
  .header-wrapper.container,
  .pc-content.container 
  .footer-wrapper.container
  {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .header-wrapper.container,
  .pc-content.container,
  .footer-wrapper.container {
    max-width: 1320px;
  }
}

/* ---------- Sidebar menu — colored icon badges & pixel-perfect vertical alignment ---------- */
.pc-sidebar .pc-link {
  display: flex !important;
  align-items: center !important;
}

.pc-sidebar .pc-micon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin-right: 12px;
}

.pc-sidebar .pc-micon i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px;
  height: 30px;
  font-size: 16px;
  border-radius: 10px;
  line-height: 1 !important;
  vertical-align: middle !important;
  /*background: color-mix(in srgb, currentColor 12%, transparent);*/
  transition: background-color .2s ease, transform .15s ease;
}

.pc-sidebar .pc-mtext {
  display: inline-flex !important;
  align-items: center !important;
  flex-grow: 1;
  line-height: 1.4 !important;
}

.pc-sidebar .pc-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  margin-left: auto;
  flex-shrink: 0;
}

.pc-sidebar .pc-link:hover .pc-micon i {
  background: color-mix(in srgb, currentColor 22%, transparent);
  transform: scale(1.08);
}
.pc-sidebar .pc-item.active > .pc-link .pc-micon i,
.pc-sidebar .pc-item.pc-trigger > .pc-link .pc-micon i {
  background: color-mix(in srgb, currentColor 26%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, currentColor 35%, transparent);
}

.pc-sidebar .card.pc-user-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
}
.pc-sidebar .card.pc-user-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

/* ---------- Header Profile Dropdown Menu Natural Alignment ---------- */
.pc-header .dropdown-user-profile .dropdown-item {
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: 10px 16px !important;
}

.pc-header .dropdown-user-profile .dropdown-item i {
  font-size: 18px !important;
  width: 22px !important;
  text-align: center !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ---------- Border radius scale ----------
   One flat, literal px value shared by every component — 0/0.5/1/1.5/2
   map directly to 0/5/10/15/20px so the jump between steps is obvious. */
:root { --pc-radius: 10px; }
[data-pc-radius="0"]   { --pc-radius: 0px; }
[data-pc-radius="0.5"] { --pc-radius: 5px; }
[data-pc-radius="1.5"] { --pc-radius: 15px; }
[data-pc-radius="2"]   { --pc-radius: 20px; }

:root {
  --bs-border-radius: var(--pc-radius);
  --bs-border-radius-sm: var(--pc-radius);
  --bs-border-radius-lg: var(--pc-radius);
  --bs-border-radius-xl: var(--pc-radius);
  --bs-border-radius-2xl: var(--pc-radius);
  /* pill stays fully round on purpose — it's a shape, not a corner amount */
}

.btn, .introjs-tooltip .introjs-button { --bs-btn-border-radius: var(--pc-radius); }
.btn-lg, .btn-group-lg > .btn, .introjs-tooltip .btn-group-lg > .introjs-button { --bs-btn-border-radius: var(--pc-radius); }
.btn-sm, .btn-group-sm > .btn, .introjs-tooltip .btn-group-sm > .introjs-button { --bs-btn-border-radius: var(--pc-radius); }
.dropdown-menu { --bs-dropdown-border-radius: var(--pc-radius); --bs-dropdown-inner-border-radius: var(--pc-radius); }
.nav-tabs { --bs-nav-tabs-border-radius: var(--pc-radius); }
.nav-pills { --bs-nav-pills-border-radius: var(--pc-radius); }
.navbar { --bs-navbar-toggler-border-radius: var(--pc-radius); }
.card { --bs-card-border-radius: var(--pc-radius); }
.accordion { --bs-accordion-border-radius: var(--pc-radius); --bs-accordion-inner-border-radius: var(--pc-radius); }
.pagination { --bs-pagination-border-radius: var(--pc-radius); }
.pagination-lg { --bs-pagination-border-radius: var(--pc-radius); }
.pagination-sm { --bs-pagination-border-radius: var(--pc-radius); }
.badge { --bs-badge-border-radius: var(--pc-radius); }
.alert { --bs-alert-border-radius: var(--pc-radius); }
.progress, .progress-stacked { --bs-progress-border-radius: var(--pc-radius); }
.list-group { --bs-list-group-border-radius: var(--pc-radius); }
.toast { --bs-toast-border-radius: var(--pc-radius); }
.modal { --bs-modal-border-radius: var(--pc-radius); --bs-modal-inner-border-radius: var(--pc-radius); }
.tooltip { --bs-tooltip-border-radius: var(--pc-radius); }
.popover { --bs-popover-border-radius: var(--pc-radius); --bs-popover-inner-border-radius: var(--pc-radius); }

/* Radius picker in the theme customizer — plain noUiSlider, no pips. */
.theme-radius-slider-wrap {
  padding: 8px 10px 4px;
}

/* Dashboard Sidebar Logo Auto Theme Switch */
.logo-theme-dark {
  display: none !important;
}
.logo-theme-light {
  display: inline-block !important;
}

[data-pc-theme="dark"] .logo-theme-light,
[data-bs-theme="dark"] .logo-theme-light {
  display: none !important;
}

[data-pc-theme="dark"] .logo-theme-dark,
[data-bs-theme="dark"] .logo-theme-dark {
  display: inline-block !important;
}

/* Height Utilities */
.hei-40 { height: 40px !important; width: auto !important; }
.hei-45 { height: 45px !important; width: auto !important; }
.hei-50 { height: 50px !important; width: auto !important; }
.hei-60 { height: 60px !important; width: auto !important; }

/* Keep the sidebar divider dashed, with no shadow, regardless of the "Theme
   Contrast" customizer setting. That setting otherwise sets
   --pc-sidebar-border: none (removing the dashed line) and
   --pc-sidebar-shadow: 1px 0 3px 0px #dbe0e5 (a shadow rendered right along
   the same edge, style.css:19717-19718). Only these two variables — both of
   which paint this one divider — are overridden; every other Theme Contrast
   effect is untouched. */
[data-pc-theme_contrast=true] {
  --pc-sidebar-border: 1px dashed #bec8d0;
  --pc-sidebar-shadow: none;
}

[data-pc-theme="dark"][data-pc-theme_contrast=true] {
  --pc-sidebar-border: 1px dashed #242d39;
}