:root {
  /* idealNikah 2026 — rose-coral + deep-plum theme */
  --ui-bg: #faf7f8;
  --ui-surface: #ffffff;
  --ui-text: #2b2348;
  --ui-muted: #6b6577;
  --ui-border: #ece7ec;
  --ui-shadow: 0 12px 35px rgba(16, 24, 40, 0.08);
  --ui-shadow-soft: 0 8px 20px rgba(16, 24, 40, 0.06);
  --ui-radius-xl: 24px;
  --ui-radius-lg: 18px;
  --ui-radius-md: 12px;
  --ui-grad-start: #fa2e83;
  --ui-grad-mid: #ff4a55;
  --ui-grad-end: #f76b5c;
  --ui-plum: #2a123d;
}

@font-face {
  font-family: "SolaimanLipi";
  src: url("/assets/fonts/SolaimanLipi.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html[lang="bn"] body,
body.ui-redesign[lang="bn"] {
  font-family: "SolaimanLipi", "Hind Siliguri", "Manrope", sans-serif;
}

.preloader,
.preloader__loader {
  display: none !important;
}

.ui-redesign {
  color: var(--ui-text);
  background:
    radial-gradient(circle at 10% 0%, rgba(250, 46, 131, 0.10), transparent 26%),
    radial-gradient(circle at 90% 10%, rgba(247, 107, 92, 0.10), transparent 30%),
    var(--ui-bg);
}

.ui-redesign body,
body.ui-redesign {
  color: var(--ui-text);
}

.ui-redesign .text,
.ui-redesign .member-info__id,
.ui-redesign .profile-contant p,
.ui-redesign .filter-count p,
.ui-redesign .dashboard-card__desc,
.ui-redesign .footer-copy {
  color: var(--ui-muted);
}

.ui-redesign .section {
  padding: clamp(24px, 3.4vw, 52px) 0;
}

.ui-redesign .container-fluid,
.ui-redesign .container {
  width: min(100%, 1420px);
}

.ui-redesign .header-bottom {
  position: sticky;
  top: env(safe-area-inset-top, 0);
  z-index: 1200;
  border-bottom: 1px solid rgba(255, 255, 255, 0.65);
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 10px 30px rgba(17, 24, 39, 0.07);
  overflow: visible !important;
}

.ui-redesign .mobail_view_header {
  padding-left: 16px;
  padding-right: 16px;
  overflow: visible !important;
}

.ui-redesign .navbar-brand img {
  height: 44px;
  width: auto;
  object-fit: contain;
}

.ui-redesign .nav-menu .nav-item {
  margin: 0 7px;
}

.ui-redesign .nav-menu,
.ui-redesign .nav-menu .nav-item {
  list-style: none;
}

.ui-redesign .nav-menu .nav-item .nav-link {
  padding: 12px 14px !important;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  color: #1f2937;
  transition: all 0.25s ease;
}

.ui-redesign .nav-menu .nav-item .nav-link::before {
  display: none;
}

/* idealNikah 2026 — nav hover matches the design's .in-nav-link:hover
   (subtle rose-tint pill + brand rose text); active stays a brand pill. */
.ui-redesign .nav-menu .nav-item .nav-link:hover {
  color: #c8134e;
  background: #fdecef;
  box-shadow: none;
}
.ui-redesign .nav-menu .nav-item .nav-link.active {
  color: #fff;
  background: linear-gradient(95deg, #fa2e83 0%, #ff4a55 52%, #f76b5c 100%);
  box-shadow: 0 8px 18px rgba(250, 46, 131, 0.22);
}

.ui-redesign .header-login-icon {
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--ui-border);
  padding: 8px 12px;
  box-shadow: var(--ui-shadow-soft);
}

.ui-redesign .header-account .display-picture {
  border-radius: 50%;
  border: 2px solid rgba(66, 31, 105, 0.28);
  box-shadow: var(--ui-shadow-soft);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  z-index: 1250;
}

.ui-redesign .header-account .card {
  border: 1px solid var(--ui-border);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--ui-shadow);
  z-index: 1260;
  background: #fff;
  min-width: 230px;
}

.ui-redesign .header-account .card.hidden {
  display: none !important;
}

.ui-redesign .header-account .card ul {
  position: static !important;
  top: auto !important;
  right: auto !important;
  background: #fff !important;
  width: 100%;
}

.ui-redesign .header-account .card ul li a {
  width: 100%;
}

.ui-redesign .header-account:hover .card.hidden,
.ui-redesign .header-account:focus-within .card.hidden {
  display: block !important;
}

.ui-redesign .header-account .card li {
  border-radius: 10px;
  padding: 10px 8px;
}

.ui-redesign .header-account .card li:hover {
  background: rgba(66, 31, 105, 0.08);
}

.ui-redesign .btn,
.ui-redesign .btn--base,
.ui-redesign .btn--base-two,
.ui-redesign .btn.btn--base {
  border-radius: 12px;
  border: 0;
  font-weight: 700;
  letter-spacing: 0.01em;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.ui-redesign .btn--base,
.ui-redesign .btn.btn--base {
  color: #fff !important;
  background: linear-gradient(95deg, var(--ui-grad-start) 0%, var(--ui-grad-mid) 52%, var(--ui-grad-end) 100%);
  box-shadow: 0 10px 24px rgba(66, 31, 105, 0.25);
}

.ui-redesign .btn--base::before,
.ui-redesign .btn--base::after {
  display: none !important;
}

.ui-redesign .btn:hover,
.ui-redesign .btn--base:hover,
.ui-redesign .btn--base-two:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(66, 31, 105, 0.3);
}

.ui-redesign .inikah-btn-outline {
  border-radius: 12px;
}

.ui-redesign .custom--card,
.ui-redesign .search__left,
.ui-redesign .search__right,
.ui-redesign .dashboard-card,
.ui-redesign .policy_bg,
.ui-redesign .dashbord_body_boder,
.ui-redesign .card,
.ui-redesign .profile-setting-mobile,
.ui-redesign .member-details,
.ui-redesign .team-card {
  border: 1px solid var(--ui-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-soft);
}

/* Flatten the redundant outer "card around cards" shell so every dashboard
   page's own cards sit edge-to-edge in the column with far less side gap.
   Applies to all layouts.master pages (dashboard, referral, biodata form,
   shortlist, package, settings, …). Higher specificity + !important to beat
   the .ui-redesign group rule (L857) and main.css padding — both !important. */
.ui-redesign .dashboard-shell .dashbord_body_boder {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Tighten the outer side gap on dashboard pages below the desktop layout.
   The global `.container-fluid { max-width: 95% }` (main.css) leaves a
   2.5%-per-side margin that grows with viewport width; cap it to a small
   fixed gutter so content uses near-full width on tablet/mobile. The ≥992px
   desktop rules (dashboard.css) already set their own calc() widths. */
@media (max-width: 991.98px) {
  .ui-redesign .dashboard-shell > .container-fluid {
    max-width: 100%;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }
  /* The flattened content column has no padding, so the row's default
     negative horizontal gutter has nothing to cancel against and would push
     content past the viewport. Zero the horizontal gutter (vertical spacing
     between the stacked sidebar + content is kept via gutter-y). */
  .ui-redesign .dashboard-shell > .container-fluid > .row {
    --bs-gutter-x: 0;
    margin-left: 0;
    margin-right: 0;
  }
}

.ui-redesign .inikah-home {
  background:
    radial-gradient(circle at 15% 8%, rgba(30, 167, 255, 0.2), transparent 40%),
    radial-gradient(circle at 90% 14%, rgba(255, 63, 149, 0.16), transparent 34%),
    linear-gradient(140deg, #f7fbff 0%, #eff6ff 48%, #f8f4ff 100%) !important;
}

.ui-redesign .inikah-home .inikah-card {
  border: 1px solid #dbe7f8;
  border-radius: 24px;
  box-shadow: 0 14px 30px rgba(16, 24, 40, 0.1);
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.ui-redesign .inikah-home .inikah-hero,
.ui-redesign .inikah-home .inikah-search,
.ui-redesign .inikah-home .inikah-stat,
.ui-redesign .inikah-home .inikah-steps {
  background: rgba(255, 255, 255, 0.86);
}

.ui-redesign .inikah-home .inikah-brand,
.ui-redesign .inikah-home .inikah-hero h1,
.ui-redesign .inikah-home .inikah-subtitle,
.ui-redesign .inikah-home .inikah-hadith p,
.ui-redesign .inikah-home .inikah-hadith footer,
.ui-redesign .inikah-home .inikah-search h3,
.ui-redesign .inikah-home .inikah-field label,
.ui-redesign .inikah-home .inikah-radio span,
.ui-redesign .inikah-home .inikah-stat h4,
.ui-redesign .inikah-home .inikah-stat p,
.ui-redesign .inikah-home .inikah-steps h3,
.ui-redesign .inikah-home .inikah-step-item h5,
.ui-redesign .inikah-home .inikah-step-item p {
  color: #1e2a3d;
}

.ui-redesign .inikah-home .inikah-field select {
  background: #ffffff !important;
  border-color: #cfe0f5 !important;
  color: #24344d !important;
}

.ui-redesign .inikah-home .inikah-radio {
  background: #f8fbff;
  border-color: #d5e3f5;
}

.ui-redesign .inikah-home .inikah-radio.is-active {
  border-color: #2c6bff !important;
  background: linear-gradient(95deg, var(--ui-grad-start) 0%, var(--ui-grad-mid) 52%, var(--ui-grad-end) 100%) !important;
  box-shadow: 0 10px 20px rgba(66, 31, 105, 0.32) !important;
  transform: translateY(-1px);
}

.ui-redesign .inikah-home .inikah-radio.is-active span {
  color: #ffffff !important;
  font-weight: 700;
}

.ui-redesign .inikah-home .inikah-hadith {
  background: #f1f8ff;
  border-left-color: #5ea9ff;
}

.ui-redesign .inikah-home .inikah-btn-outline {
  border: 1px solid #2f5ecf;
  color: #24478f;
  background: #ffffff;
}

.ui-redesign .inikah-home .inikah-btn-outline:hover {
  color: #ffffff;
  background: linear-gradient(95deg, var(--ui-grad-start), var(--ui-grad-mid));
  border-color: transparent;
}

.ui-redesign .inikah-home .inikah-step-item {
  border: 1px solid #d7e5f8;
  background: #f8fbff;
}

.ui-redesign .inikah-home .inikah-step-item span {
  background: #e8f1ff;
  color: #3366d8;
}

.ui-redesign .profile-filter {
  border: 1px solid var(--ui-border);
  border-radius: 14px;
  background: #fff;
  padding: 10px 12px;
  box-shadow: var(--ui-shadow-soft);
}

.ui-redesign .shortby-select,
.ui-redesign .form-select,
.ui-redesign .form-control,
.ui-redesign .form--control,
.ui-redesign select,
.ui-redesign textarea,
.ui-redesign input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]) {
  border-radius: 12px !important;
  border: 1px solid #cfdae9 !important;
  background: #fff !important;
  min-height: 44px;
  color: #1f2a3d;
}

.ui-redesign .form--control:focus,
.ui-redesign .form-control:focus,
.ui-redesign .form-select:focus,
.ui-redesign input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):focus,
.ui-redesign select:focus,
.ui-redesign textarea:focus {
  border-color: rgba(66, 31, 105, 0.56) !important;
  box-shadow: 0 0 0 3px rgba(66, 31, 105, 0.12) !important;
}

.ui-redesign .search__left .flex-box-col label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #24344d;
  font-size: 14px;
  line-height: 1.35;
  margin-bottom: 8px;
}

.ui-redesign .search__left input[type="checkbox"] {
  width: 16px;
  height: 16px;
  min-height: auto;
  margin: 0;
  border: 1px solid #9db5d8 !important;
  border-radius: 4px !important;
  background: #fff !important;
  accent-color: #6d3ea5;
  box-shadow: none !important;
  flex: 0 0 16px;
}

.ui-redesign .search__left {
  padding: 18px;
}

.ui-redesign .search__left-title {
  margin-bottom: 8px;
}

.ui-redesign .search__left-title .text {
  color: #1f2a3d;
  font-weight: 800;
}

.ui-redesign .filter-tab-btn {
  border: 1px solid var(--ui-border);
  border-radius: 12px;
  background: #f8fbff;
  padding: 10px 12px;
  color: #23314d;
  font-weight: 700;
}

.ui-redesign .filter-tab-btn.active {
  background: #eef4ff;
  border-color: rgba(66, 31, 105, 0.35);
}

.ui-redesign .search__right {
  overflow: hidden;
}

.ui-redesign .search__right-thumb {
  position: relative;
  padding: 12px;
  margin-bottom: 8px;
  border-bottom: 1px solid #ecf2fa;
}

.ui-redesign .search__right-thumb img {
  width: 100%;
  border-radius: 14px;
  background: linear-gradient(180deg, #f5faff, #edf4ff);
}

/* ── Single biodata public view — circular avatar ──────────────────
   .search__right-thumb is shared between member-LIST result cards
   (wide rectangular thumbnails — the rule above) and the SINGLE
   biodata page hero. On the single page the avatar must be a round
   circle, not a stretched rectangle. The rule above gave the image
   width:100% + no height → it inherited the parent .img box (73×100)
   and rendered as a 67×94 OVAL.

   Scope by .user_profile_section so only the single-profile page is
   affected; the list cards keep their rectangular thumbnail. */
.ui-redesign .user_profile_section .search__right-thumb .img {
  width: clamp(104px, 28vw, 132px);
  height: clamp(104px, 28vw, 132px);
  flex: 0 0 auto;
  aspect-ratio: 1 / 1;
}
.ui-redesign .user_profile_section .search__right-thumb img.team-card__img-is {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  background: #fff;
}

.ui-redesign .search_profile_img svg {
  background: #fff;
  width: 24px;
  height: 24px;
  padding: 5px;
  border-radius: 50%;
}

.ui-redesign .member-info__id {
  margin-top: 10px;
  font-weight: 700;
}

.ui-redesign .profile-contant {
  padding: 0 12px 10px;
}

.ui-redesign .profile-contant ul {
  border: 1px solid #ecf2fa;
  border-radius: 12px;
  overflow: hidden;
}

.ui-redesign .profile-contant li {
  padding: 9px 10px;
  border-bottom: 1px solid #ecf2fa;
  background: #fff;
}

.ui-redesign .profile-contant li:last-child {
  border-bottom: 0;
}

.ui-redesign .view-more {
  padding: 0 12px 14px;
  margin-top: auto;
}

.ui-redesign .view-more .btn {
  width: 100%;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 10px;
  background: linear-gradient(95deg, var(--ui-grad-start), var(--ui-grad-mid));
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
}

.ui-redesign .search .member-wrapper > [class*="col-"] {
  display: flex;
}

.ui-redesign .search .member-wrapper .search__right {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.ui-redesign .dashboard-card {
  border: 1px solid #d8e5f8;
  padding: 18px;
}

.ui-redesign .dashboard-card__title,
.ui-redesign .dashboard-profile__name,
.ui-redesign .dashboard-menu__text {
  color: #1f2a3d;
}

.ui-redesign .dashboard-sidenav {
  background: #fff;
  border-right: 1px solid #dee7f4;
  box-shadow: 10px 0 30px rgba(16, 24, 40, 0.08);
  width: 100%;
  height: 100%;
}

.ui-redesign .dashboard-menu__link {
  border-radius: 10px;
  margin: 4px 8px;
}

.ui-redesign .dashboard-menu__link:hover,
.ui-redesign .dashboard-menu__link.active {
  background: linear-gradient(95deg, #421f69 0%, #6d3ea5 52%, #ff3f95 100%);
  box-shadow: 0 8px 18px rgba(66, 31, 105, 0.24);
}

.ui-redesign .dashboard-menu__link:hover .dashboard-menu__text,
.ui-redesign .dashboard-menu__link.active .dashboard-menu__text,
.ui-redesign .dashboard-menu__link:hover .dashboard-menu__icon i,
.ui-redesign .dashboard-menu__link.active .dashboard-menu__icon i {
  color: #fff !important;
}

.ui-redesign .compact-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  background:
    radial-gradient(circle at 10% 10%, rgba(255, 255, 255, 0.10), transparent 30%),
    #2a123d; /* idealNikah 2026 — deep plum */
  position: relative;
  z-index: 20;
}

.ui-redesign .compact-footer .footer-line a,
.ui-redesign .compact-footer .footer-copy,
.ui-redesign .compact-footer .footer-social-icons a i {
  color: #fff;
}

.ui-redesign .compact-footer .footer-social-icons a {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.28);
}

.ui-redesign .mobile-nav {
  background: transparent;
  border-top: none;
  box-shadow: none;
  z-index: 2210;
  pointer-events: none;
}

.ui-redesign .mobile-nav .container {
  width: min(100%, 640px);
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.ui-redesign .mobile-filter-action-wrap {
  pointer-events: auto;
}

.ui-redesign .mobile-filter-action-btn,
.ui-redesign a.mobile-filter-action-btn,
.ui-redesign a.mobile-filter-action-btn:link,
.ui-redesign a.mobile-filter-action-btn:visited,
.ui-redesign a.mobile-filter-action-btn:hover,
.ui-redesign a.mobile-filter-action-btn:focus,
.ui-redesign a.mobile-filter-action-btn:active {
  min-height: 0;
  height: auto;
  width: auto;
  max-width: none;
  padding: 12px 28px;
  border-radius: 30px;
  background: linear-gradient(135deg, #e2136e 0%, #ff4b2b 100%);
  box-shadow: 0 8px 25px rgba(226, 19, 110, 0.4);
  color: #fff !important;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 700;
  gap: 8px;
}

.ui-redesign .mobile-filter-action-btn i {
  font-size: 18px;
}

.ui-redesign .body-overlay,
.ui-redesign .toggle-overlay {
  display: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

.ui-redesign .body-overlay.show,
.ui-redesign .body-overlay.active,
.ui-redesign .toggle-overlay.show-overlay {
  display: block;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.ui-redesign .body-overlay {
  position: fixed;
  inset: 0;
  z-index: 1180;
  background: rgba(15, 23, 42, 0.45);
}

.ui-redesign .toggle-overlay {
  position: fixed;
  inset: 0;
  z-index: 2220;
  background: rgba(15, 23, 42, 0.45);
}

.ui-redesign .search-overlay {
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border-radius: 14px;
}

.ui-redesign .search-overlay.d-none {
  display: none !important;
  pointer-events: none;
}

.ui-redesign .header-bottom .nav-link,
.ui-redesign .header-bottom .header-login-icon,
.ui-redesign .header-bottom .header-mobile-auth__btn,
.ui-redesign .header-bottom .lang-switch-inline__link,
.ui-redesign .inikah-home .btn,
.ui-redesign .inikah-home .inikah-radio,
.ui-redesign .compact-footer a,
.ui-redesign .compact-footer .playstore-badge {
  position: relative;
  z-index: 2;
  pointer-events: auto;
}

.ui-redesign .modal-content {
  border: 1px solid #d9e4f4;
  border-radius: 16px;
  box-shadow: var(--ui-shadow);
}

.ui-redesign .pagination .page-link {
  border-radius: 10px !important;
  border: 1px solid #d6e2f4;
  color: #2a3e66;
  font-weight: 700;
  margin: 0 3px;
}

.ui-redesign .pagination .page-item.active .page-link,
.ui-redesign .pagination .page-link:hover {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(95deg, var(--ui-grad-start), var(--ui-grad-mid), var(--ui-grad-end));
}

.ui-redesign .table,
.ui-redesign .table thead th,
.ui-redesign .table td,
.ui-redesign .table th {
  border-color: #e4ecf8;
}

.ui-redesign .table thead th {
  background: #f5f9ff;
  color: #1f2c45;
}

@media (max-width: 1199px) {
  .ui-redesign .navbar-collapse {
    margin-top: 12px;
    border: 1px solid #deebfa;
    border-radius: 16px;
    background: #fff;
    box-shadow: var(--ui-shadow);
    padding: 10px 12px;
  }

  .ui-redesign .nav-menu .nav-item {
    margin: 0;
    border-bottom: 1px solid #edf3fb;
  }

  .ui-redesign .nav-menu .nav-item:last-child {
    border-bottom: 0;
  }

  .ui-redesign .nav-menu .nav-item .nav-link {
    border-radius: 10px;
    justify-content: flex-start;
    margin-bottom: 4px;
  }

  .ui-redesign .nav-menu .nav-item .nav-link:hover,
  .ui-redesign .nav-menu .nav-item .nav-link.active {
    box-shadow: none;
  }
}

@media (max-width: 767px) {
  .ui-redesign .section {
    padding: 20px 0;
  }

  .ui-redesign .profile-filter {
    align-items: stretch !important;
    flex-direction: column;
    gap: 10px;
  }

  .ui-redesign .profile-filter .filter {
    width: 100%;
    justify-content: space-between;
  }

  .ui-redesign .shortby-select {
    width: 100%;
  }

  .ui-redesign .search__left.mobile-filter-drawer {
    border-radius: 18px 18px 0 0;
    box-shadow: 0 -18px 36px rgba(15, 23, 42, 0.26);
  }

  .ui-redesign .inikah-home {
    min-height: auto;
  }
}

/* Glow + glass refresh */
html, body.ui-redesign {
  overflow-x: hidden;
}
body.ui-redesign {
  position: relative;
  background:
    radial-gradient(68rem 45rem at -10% -8%, rgba(250, 46, 131, 0.10), transparent 58%),
    radial-gradient(58rem 38rem at 110% 0%, rgba(247, 107, 92, 0.10), transparent 55%),
    radial-gradient(52rem 36rem at 50% 118%, rgba(255, 132, 192, 0.12), transparent 62%),
    #fdf8fa !important;
}

body.ui-redesign::before,
body.ui-redesign::after {
  content: "";
  position: fixed;
  inset: auto;
  pointer-events: none;
  z-index: 0;
  border-radius: 50%;
  filter: blur(30px);
}

body.ui-redesign::before {
  width: 280px;
  height: 280px;
  top: 10%;
  right: -70px;
  background: radial-gradient(circle, rgba(186, 131, 255, 0.28), rgba(186, 131, 255, 0));
}

body.ui-redesign::after {
  width: 260px;
  height: 260px;
  bottom: 10%;
  left: -70px;
  background: radial-gradient(circle, rgba(76, 176, 255, 0.26), rgba(76, 176, 255, 0));
}

.ui-redesign .header-bottom {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(244, 248, 255, 0.82));
  border-bottom: 1px solid rgba(199, 211, 236, 0.72);
  box-shadow: 0 12px 36px rgba(32, 54, 94, 0.1);
}

.ui-redesign .header-brand__text {
  font-weight: 900;
  letter-spacing: 0.01em;
  background: linear-gradient(90deg, #421f69 0%, #6d3ea5 48%, #ff4fa2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  text-shadow: 0 10px 26px rgba(83, 112, 255, 0.22);
}

.ui-redesign .header-login-icon,
.ui-redesign .header-mobile-auth__btn {
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(189, 206, 236, 0.76);
  box-shadow: 0 8px 20px rgba(38, 64, 118, 0.12);
}

.ui-redesign .nav-item-language .lang-switch-inline,
.ui-redesign .nav-item-language .lang-switch-inline * {
  writing-mode: horizontal-tb !important;
  transform: none !important;
}

.ui-redesign .nav-item-language .lang-switch-inline {
  border: 1px solid rgba(185, 204, 237, 0.8);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 8px 20px rgba(35, 57, 97, 0.08);
}

.ui-redesign .inikah-home .inikah-card,
.ui-redesign .search__left,
.ui-redesign .search__right,
.ui-redesign .dashboard-card,
.ui-redesign .dashbord_body_boder,
.ui-redesign .custom--card,
.ui-redesign .policy_bg,
.ui-redesign .member-details,
.ui-redesign .team-card,
.ui-redesign .dashboard-overview .overview-card {
  border: 1px solid rgba(197, 213, 243, 0.82) !important;
  background: rgba(255, 255, 255, 0.78) !important;
  box-shadow: 0 16px 36px rgba(42, 64, 112, 0.11) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.ui-redesign .inikah-home .inikah-radio {
  position: relative;
  min-height: 48px;
  white-space: normal;
  border: 1px solid #d5e2f7;
  background: rgba(248, 251, 255, 0.9);
}

.ui-redesign .inikah-home .inikah-radio span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
}

.ui-redesign .inikah-home .inikah-radio span::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #99add8;
  flex: 0 0 9px;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.ui-redesign .inikah-home .inikah-radio.is-active {
  border-color: transparent !important;
  background: linear-gradient(95deg, #421f69 0%, #6d3ea5 50%, #ff4fa2 100%) !important;
  box-shadow: 0 12px 24px rgba(83, 112, 255, 0.28) !important;
}

.ui-redesign .inikah-home .inikah-radio.is-active span::before {
  background: #fff;
  transform: scale(1.18);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.42);
}

.ui-redesign .dashboard-overview .overview-value {
  font-weight: 800;
  background: linear-gradient(95deg, #421f69 0%, #6d3ea5 55%, #ff4ca0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ui-redesign .dashbord_body_boder .shape-right,
.ui-redesign .dashbord_body_boder .shape-left {
  display: none !important;
}

.ui-redesign .compact-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  background:
    radial-gradient(circle at 8% 10%, rgba(255, 255, 255, 0.10), transparent 30%),
    #2a123d; /* idealNikah 2026 — deep plum */
}

.ui-redesign .compact-footer .footer-compact-wrap {
  padding: 12px 0 10px;
}

.ui-redesign .compact-footer .footer-line {
  margin-bottom: 6px;
  gap: 12px;
}

.ui-redesign .compact-footer .footer-line a {
  font-weight: 600;
}

/* Second-layer override removed — see earlier .ui-redesign .mobile-nav block for the floating-pill style */

@media (max-width: 991px) {
  .ui-redesign .mobail_view_header .header-brand {
    flex-direction: row !important;
    gap: 6px !important;
  }

  .ui-redesign .mobail_view_header .header-brand img {
    max-height: 24px;
  }

  .ui-redesign .mobail_view_header .header-brand__text {
    font-size: 15px !important;
    line-height: 1.1;
  }

  .ui-redesign .mobail_view_header .header-mobile-auth {
    justify-self: end;
  }

  .ui-redesign .mobail_view_header .header-mobile-auth__btn {
    height: 36px;
    padding: 6px 10px;
    font-size: 13px;
  }

  .ui-redesign .header-account .display-picture img {
    width: 36px !important;
    height: 36px !important;
  }

  .ui-redesign .mobail_view_header .nav-item-language .lang-switch-inline {
    grid-template-columns: 1fr auto auto;
    display: grid;
    gap: 8px;
    border-radius: 14px;
  }

  .ui-redesign .mobail_view_header .nav-item-language .lang-switch-inline__title {
    font-size: 12px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

}

/* Mobile stability fixes: header overlap, footer gap, sticky nav, filter click area */
@media (max-width: 991px) {
  .ui-redesign .mobail_view_header .navbar {
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 8px;
  }

  .ui-redesign .mobail_view_header .header-mobile-auth {
    min-width: max-content;
  }

  .ui-redesign .mobail_view_header .header-mobile-auth__btn {
    padding: 7px 10px;
    min-width: 0;
    white-space: nowrap;
  }

  .ui-redesign .mobail_view_header .header-mobile-auth__btn span {
    white-space: nowrap;
    word-break: keep-all;
    line-height: 1;
  }

  .ui-redesign .mobail_view_header .navbar-collapse {
    max-height: calc(100vh - 92px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .ui-redesign .mobail_view_header .nav-item-language .lang-switch-inline {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 100%;
  }

  .ui-redesign .mobail_view_header .nav-item-language .lang-switch-inline__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
  }

  .ui-redesign .mobail_view_header .nav-item-language .lang-switch-inline__link {
    min-width: 76px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .ui-redesign .footer {
    margin-bottom: 0 !important;
  }

  body.ui-redesign.has-mobile-nav {
    /* Floating pill sits 20px above the viewport bottom and is ~48px tall;
       reserve a comfortable clearance so content isn't hidden behind it. */
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
  }

  .ui-redesign .mobile-nav {
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
}

.ui-redesign .shape-left,
.ui-redesign .shape-right {
  pointer-events: none !important;
  z-index: 0 !important;
}

.ui-redesign .dashbord_body_boder,
.ui-redesign .dashboard-overview,
.ui-redesign .profile-filter,
.ui-redesign .member-wrapper {
  position: relative;
  z-index: 2;
}

.ui-redesign .mobile-filter-action-btn,
.ui-redesign .js-filter-open,
.ui-redesign .search__left-btn {
  position: relative;
  z-index: 2235;
}

/* ===== Global Text-Cutoff / Overflow Fix (Desktop only) ===== */

/* 1. Flex columns need min-width:0 so they can shrink properly */
@media (min-width: 992px) {
  .ui-redesign [class*="col-"] {
    min-width: 0;
  }
}

/* 2. Text wrapping for long Bangla text */
.ui-redesign .dashbord_body_boder,
.ui-redesign .profile-contant p,
.ui-redesign .profile-contant ul li p,
.ui-redesign .public-profile__accordion,
.ui-redesign .member-details,
.ui-redesign table td,
.ui-redesign table th,
.ui-redesign .card-body {
  overflow-wrap: break-word;
  word-break: break-word;
}

/* 3. Dashboard main content must not overflow */
@media (min-width: 992px) {
  .ui-redesign .col-lg-8.col-xl-9.dashbord_body_boder {
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
  }
}

/* 4. Biodata view accordion sections */
.ui-redesign .public-profile__accordion {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

/* 5. Tables inside dashboard */
.ui-redesign .dashbord_body_boder table {
  width: 100%;
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* Dashboard family (layouts.master): light top breathing room; header is
   position:sticky (in-flow) so no fixed-header clearance is required. */
.ui-redesign .dashboard-shell {
  padding-top: 20px;
}

/* Optional hook for interior pages that need extra top space (rare). */
.ui-redesign .frontend-header-offset {
  padding-top: clamp(20px, 3vw, 32px);
}

/* Dashboard interior page title (master layout) */
.ui-redesign .dashboard-page-head-row {
  width: 100%;
}

.ui-redesign .dashboard-page-head__actions:not(:empty) {
  min-width: min(100%, 280px);
}

.ui-redesign .dashboard-page-head__actions .input-group {
  min-width: 240px;
}

.ui-redesign .dashboard-page-head {
  padding: 18px 20px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(220, 228, 242, 0.9);
  box-shadow: 0 8px 24px rgba(42, 64, 112, 0.06);
}

.ui-redesign .dashboard-page-head__crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}

.ui-redesign .dashboard-page-head__crumb a {
  color: #6b7086;
  text-decoration: none;
  transition: color 0.2s ease;
}

.ui-redesign .dashboard-page-head__crumb a:hover {
  color: #7e2ec7;
}

.ui-redesign .dashboard-page-head__crumb i {
  font-size: 12px;
  color: #c4c9d8;
}

.ui-redesign .dashboard-page-head__crumb span {
  color: #7e2ec7;
  font-weight: 700;
}

.ui-redesign .dashboard-page-head__title {
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 800;
  line-height: 1.3;
  color: #1a1a2e;
  position: relative;
  padding-left: 14px;
}

.ui-redesign .dashboard-page-head__title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.12em;
  bottom: 0.12em;
  width: 4px;
  border-radius: 4px;
  background: linear-gradient(180deg, #7e2ec7 0%, #c52fa3 100%);
}

@media (max-width: 575px) {
  .ui-redesign .dashboard-page-head {
    padding: 14px 16px;
    border-radius: 14px;
  }

  .ui-redesign .dashboard-page-head__crumb {
    font-size: 12px;
  }

  .ui-redesign .dashboard-page-head__title {
    font-size: 22px;
  }
}


/* Title-only degrees (মাওলানা / মুফতি ইত্যাদি) — compact centered chips
   instead of empty detail blocks on the public profile. */
.ui-redesign .profile-contant--chips {
    background: #fbf6f9;
    border-top: 1px solid #eedfe8;
    padding: 16px;
}

.ui-redesign .edu-title-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.ui-redesign .edu-title-chip {
    align-items: center;
    background: #fff;
    border: 1px solid #ecdfe6;
    border-radius: 999px;
    color: #2a123d;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 4px;
    line-height: 1;
    padding: 8px 14px;
}

.ui-redesign .edu-title-chip .m-icon {
    color: #c8134e;
    height: 15px;
    width: 15px;
}