.stat-card {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  -webkit-transition: box-shadow 0.2s, -webkit-transform 0.2s;
  transition: box-shadow 0.2s, -webkit-transform 0.2s;
  transition: box-shadow 0.2s, transform 0.2s;
  transition: box-shadow 0.2s, transform 0.2s, -webkit-transform 0.2s;
}

.stat-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.stat-card .stat-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  font-size: 20px;
  margin-bottom: 15px;
}

.stat-card .stat-icon.bg-primary {
  background: rgba(79, 70, 229, 0.1);
  color: #4f46e5;
}

.stat-card .stat-icon.bg-success {
  background: rgba(40, 167, 69, 0.1);
  color: #28a745;
}

.stat-card .stat-icon.bg-info {
  background: rgba(23, 162, 184, 0.1);
  color: #17a2b8;
}

.stat-card .stat-icon.bg-warning {
  background: rgba(255, 193, 7, 0.1);
  color: #ffc107;
}

.stat-card .stat-value {
  font-size: 28px;
  font-weight: 700;
  color: #333;
  margin-bottom: 5px;
}

.stat-card .stat-label {
  font-size: 13px;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.stat-card .stat-trend {
  font-size: 12px;
  margin-top: 10px;
}

.stat-card .stat-trend.positive {
  color: #28a745;
}

.stat-card .stat-trend.negative {
  color: #dc3545;
}

.chart-container {
  position: relative;
  height: 300px;
  padding: 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.analytics-table .table {
  margin-bottom: 0;
}

.analytics-table .table th {
  border-top: none;
  font-weight: 600;
  color: #6c757d;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.analytics-table .table td {
  vertical-align: middle;
  padding: 15px 10px;
}

.analytics-table .listing-name {
  font-weight: 600;
  color: #333;
}

.analytics-table .listing-name a {
  color: inherit;
  text-decoration: none;
}

.analytics-table .listing-name a:hover {
  color: #4f46e5;
}

.analytics-table .metric-value {
  font-weight: 600;
  color: #333;
}

.analytics-table .metric-change {
  font-size: 12px;
}

.analytics-table .metric-change.positive {
  color: #28a745;
}

.analytics-table .metric-change.negative {
  color: #dc3545;
}

.date-range-selector {
  display: -webkit-box;
  display: flex;
  gap: 8px;
}

.date-range-selector .btn {
  padding: 6px 14px;
  font-size: 13px;
  border-radius: 6px;
}

.date-range-selector .btn.active {
  background: #4f46e5;
  border-color: #4f46e5;
  color: #fff;
}

.inbox-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 0;
}

.inbox-filters {
  display: -webkit-box;
  display: flex;
  gap: 5px;
}

.inbox-filters .btn {
  padding: 5px 15px;
  font-size: 13px;
  border-radius: 20px;
}

.inbox-filters .btn.active {
  background: #4f46e5;
  border-color: #4f46e5;
  color: #fff;
}

.inbox-list {
  border-top: 1px solid #e9ecef;
}

.inbox-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          align-items: flex-start;
  padding: 15px 20px;
  border-bottom: 1px solid #e9ecef;
  text-decoration: none;
  color: inherit;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}

.inbox-item:hover {
  background: #f8f9fa;
  text-decoration: none;
  color: inherit;
}

.inbox-item.unread {
  background: #f0f4ff;
}

.inbox-item.unread:hover {
  background: #e1e9ff;
}

.inbox-item.unread .inbox-subject {
  color: #4f46e5;
}

.inbox-avatar {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #4f46e5;
  color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  font-weight: 600;
  font-size: 16px;
  margin-right: 15px;
  flex-shrink: 0;
}

.inbox-content {
  -webkit-box-flex: 1;
          flex-grow: 1;
  min-width: 0;
}

.inbox-header-row {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start;
  margin-bottom: 3px;
}

.inbox-subject {
  font-weight: 600;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.inbox-time {
  font-size: 12px;
  color: #6c757d;
  white-space: nowrap;
  margin-left: 10px;
}

.inbox-business {
  font-size: 13px;
  color: #6c757d;
  margin-bottom: 3px;
}

.inbox-preview {
  font-size: 13px;
  color: #888;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.inbox-badge {
  background: #4f46e5;
  color: #fff;
  border-radius: 10px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  margin-left: 10px;
  flex-shrink: 0;
}

.inbox-empty {
  padding: 60px 20px;
  text-align: center;
  color: #6c757d;
}

.inbox-empty i {
  font-size: 48px;
  margin-bottom: 15px;
  display: block;
  color: #dee2e6;
}

.inbox-empty h5 {
  color: #495057;
  margin-bottom: 10px;
}

.inbox-empty p {
  max-width: 300px;
  margin: 0 auto;
}

.total-unread-badge {
  background: #dc3545;
  color: #fff;
  border-radius: 10px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 8px;
}

.thread-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start;
  padding: 20px;
  border-bottom: 1px solid #e9ecef;
}

.thread-info h4 {
  margin: 0 0 5px 0;
  color: #333;
}

.thread-info .thread-meta {
  font-size: 13px;
  color: #6c757d;
}

.thread-actions {
  display: -webkit-box;
  display: flex;
  gap: 10px;
}

.messages-container {
  padding: 20px;
  max-height: 500px;
  overflow-y: auto;
}

.message-item {
  display: -webkit-box;
  display: flex;
  margin-bottom: 20px;
}

.message-item.sent {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse;
}

.message-item.sent .message-avatar {
  background: #28a745;
}

.message-item.sent .message-bubble {
  background: #4f46e5;
  color: #fff;
}

.message-item.sent .message-meta {
  text-align: right;
}

.message-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #4f46e5;
  color: #fff;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  font-weight: 600;
  font-size: 14px;
  flex-shrink: 0;
}

.message-content {
  max-width: 70%;
  margin: 0 12px;
}

.message-bubble {
  padding: 12px 16px;
  border-radius: 18px;
  background: #f1f3f4;
  color: #333;
}

.message-meta {
  font-size: 11px;
  color: #6c757d;
  margin-top: 4px;
  padding: 0 5px;
}

.reply-form {
  padding: 20px;
  border-top: 1px solid #e9ecef;
  background: #f8f9fa;
}

.reply-form textarea {
  resize: none;
  border-radius: 20px;
  padding: 12px 20px;
}

.reply-form .btn {
  border-radius: 20px;
  padding: 10px 25px;
}

.back-link {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  color: #6c757d;
  text-decoration: none;
  margin-bottom: 15px;
}

.back-link:hover {
  color: #4f46e5;
}

.back-link i {
  margin-right: 5px;
}

.listing-ref {
  background: #f8f9fa;
  padding: 10px 15px;
  border-radius: 8px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.listing-ref .listing-name {
  font-weight: 600;
  color: #333;
}

.listing-ref .btn {
  font-size: 12px;
  padding: 4px 12px;
}

.archive-notice {
  background: #fff3cd;
  color: #856404;
  padding: 10px 15px;
  border-radius: 5px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.landing-preview {
  border: 2px solid #e9ecef;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  cursor: pointer;
}

.landing-preview:hover {
  border-color: #4f46e5;
}

.landing-preview.selected {
  border-color: #4f46e5;
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.2);
}

.landing-preview img {
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  background: #f8f9fa;
}

.landing-preview-info {
  padding: 12px;
  background: #fff;
}

.landing-preview-info h6 {
  margin: 0 0 5px 0;
}

.landing-preview-info p {
  margin: 0;
  font-size: 12px;
  color: #6c757d;
}

.template-badge {
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 3px;
  margin-left: 5px;
}

.color-picker-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 10px;
}

.color-picker-wrapper input[type=color] {
  width: 50px;
  height: 38px;
  padding: 2px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  cursor: pointer;
}

.url-preview {
  background: #f8f9fa;
  padding: 10px 15px;
  border-radius: 5px;
  font-family: monospace;
  font-size: 14px;
  margin-top: 10px;
}

.url-preview .domain {
  color: #6c757d;
}

.url-preview .slug {
  color: #4f46e5;
  font-weight: 600;
}

.form-section {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}

.form-section h5 {
  margin: 0 0 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e9ecef;
}

.landing-status {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 15px;
}

.status-badge {
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
}

.status-badge.active {
  background: #d4edda;
  color: #155724;
}

.status-badge.inactive {
  background: #f8d7da;
  color: #721c24;
}

.dns-record {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}

.dns-record h6 {
  margin: 0 0 15px 0;
  color: #333;
}

.dns-table {
  width: 100%;
  font-size: 14px;
}

.dns-table th {
  background: #e9ecef;
  padding: 8px 12px;
  text-align: left;
  font-weight: 600;
}

.dns-table td {
  padding: 8px 12px;
  border-bottom: 1px solid #e9ecef;
  font-family: monospace;
}

.dns-table td.copy-cell {
  cursor: pointer;
  position: relative;
}

.dns-table td.copy-cell:hover {
  background: #e9ecef;
}

.copy-tooltip {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 11px;
  color: #6c757d;
}

.step-number {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  background: #4f46e5;
  color: #fff;
  border-radius: 50%;
  font-weight: 600;
  font-size: 14px;
  margin-right: 10px;
}

.step-item {
  padding: 15px 0;
  border-bottom: 1px solid #e9ecef;
}

.step-item:last-child {
  border-bottom: none;
}

.provider-logos {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 15px;
}

.provider-link {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 8px 15px;
  background: #f8f9fa;
  border-radius: 5px;
  color: #333;
  text-decoration: none;
  font-size: 13px;
}

.provider-link:hover {
  background: #e9ecef;
  text-decoration: none;
  color: #333;
}

.warning-box {
  background: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 20px;
}

.warning-box i {
  color: #856404;
  margin-right: 8px;
}

.payment-option {
  border: 2px solid #e9ecef;
  border-radius: 12px;
  padding: 25px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background: #fff;
}

.payment-option:hover {
  border-color: #4f46e5;
  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.1);
}

.payment-option.selected {
  border-color: #4f46e5;
  background: #f5f3ff;
}

.payment-option input[type=radio] {
  display: none;
}

.payment-logo {
  height: 40px;
  margin-bottom: 15px;
}

.payment-name {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 5px;
}

.payment-desc {
  font-size: 13px;
  color: #6c757d;
  margin: 0;
}

.payment-check {
  width: 24px;
  height: 24px;
  border: 2px solid #d1d5db;
  border-radius: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.payment-option.selected .payment-check {
  background: #4f46e5;
  border-color: #4f46e5;
}

.payment-check i {
  color: #fff;
  font-size: 12px;
  display: none;
}

.payment-option.selected .payment-check i {
  display: block;
}

.order-summary {
  background: #f8f9fa;
  border-radius: 12px;
  padding: 25px;
}

.order-summary h5 {
  margin: 0 0 20px 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #e9ecef;
}

.summary-row {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  font-size: 14px;
}

.summary-row.total {
  font-size: 18px;
  font-weight: 600;
  padding-top: 15px;
  border-top: 2px solid #e9ecef;
  margin-top: 15px;
}

.secure-badge {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 8px;
  font-size: 13px;
  color: #6c757d;
  margin-top: 20px;
}

.secure-badge i {
  color: #28a745;
}

.payment-result {
  text-align: center;
  padding: 60px 20px;
}

.payment-result .result-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  font-size: 36px;
  margin: 0 auto 25px;
}

.payment-result .result-icon.success {
  background: #d4edda;
  color: #28a745;
}

.payment-result .result-icon.error {
  background: #f8d7da;
  color: #dc3545;
}

.payment-result h2 {
  margin-bottom: 15px;
  color: #333;
}

.payment-result p {
  color: #6c757d;
  max-width: 400px;
  margin: 0 auto 25px;
}

/* =============================================
   ENHANCED HERO SECTION
   ============================================= */

.hero_single.version_2.hero-enhanced {
  /* Background set via inline style for dynamic admin settings */
  position: relative;
  overflow: hidden;
}

.hero-enhanced {
  /* Background set via inline style for dynamic admin settings */
  position: relative;
  overflow: hidden;
}

.hero-enhanced::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.5;
}

.hero-enhanced .wrapper {
  background: transparent;
}

.hero-enhanced .container {
  position: relative;
  z-index: 1;
}

.hero-content {
  margin-bottom: 30px;
}

.hero-badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  padding: 8px 20px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin-bottom: 20px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.hero-title {
  color: #fff;
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 15px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.hero-subtitle {
  color: rgba(255, 255, 255, 0.9);
  font-size: 18px;
  font-weight: 400;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

.hero-stats {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 35px;
  flex-wrap: wrap;
}

.stat-item {
  text-align: center;
  padding: 0 25px;
}

.stat-number {
  display: block;
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}

.hero-stats .stat-label {
  display: block;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 5px;
}

.stat-divider {
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.3);
}

/* Responsive adjustments */
@media (max-width: 991px) {
  /* Add padding top to hero to account for fixed header on mobile */
  .hero_single.version_2.hero-enhanced {
    padding-top: 100px;
  }

  .hero-enhanced .wrapper {
    padding-top: 20px;
  }

  /* Hide the badge on mobile to prevent overlap */
  .hero-badge {
    display: none;
  }
}

@media (max-width: 768px) {
  .hero-title {
    font-size: 28px;
  }

  .hero-subtitle {
    font-size: 16px;
  }

  .hero-stats {
    gap: 15px;
  }

  .stat-item {
    padding: 0 15px;
  }

  .stat-number {
    font-size: 22px;
  }

  .stat-divider {
    height: 30px;
  }

  /* More padding on smaller screens - clear fixed header */
  .hero_single.version_2.hero-enhanced {
    padding-top: 90px;
  }

  .hero-content {
    margin-bottom: 20px;
  }

  /* Badge is hidden on mobile via 991px media query,
     but keep display:none here too for safety */
  .hero-badge {
    display: none;
  }
}

@media (max-width: 576px) {
  .hero-stats {
    flex-direction: column;
    gap: 20px;
  }

  .stat-divider {
    width: 60px;
    height: 1px;
  }

  .hero-title {
    font-size: 24px;
  }

  .hero-subtitle {
    font-size: 14px;
  }
}

/* =============================================
   REUSABLE BUSINESS CARD COMPONENT
   ============================================= */

.business-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: box-shadow 0.3s, transform 0.3s;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.business-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transform: translateY(-4px);
}

/* Grid style (default) */
.business-card--grid {
  flex-direction: column;
}

.business-card--grid .business-card__image {
  position: relative;
  padding-top: 60%;
  overflow: hidden;
}

.business-card--grid .business-card__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}

.business-card--grid:hover .business-card__image img {
  transform: scale(1.05);
}

/* List style */
.business-card--list {
  flex-direction: row;
}

.business-card--list .business-card__image {
  width: 280px;
  min-height: 180px;
  position: relative;
  flex-shrink: 0;
}

.business-card--list .business-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.business-card--list .business-card__body {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* Badge styles */
.business-card__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.business-card__badge--premium {
  background: linear-gradient(135deg, #ffd700 0%, #ffb800 100%);
  color: #5a4600;
}

.business-card__badge--featured {
  background: #4f46e5;
  color: #fff;
}

/* Category tag */
.business-card__category {
  position: absolute;
  bottom: 12px;
  left: 12px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 11px;
  text-decoration: none;
  transition: background 0.2s;
}

.business-card__category:hover {
  background: #4f46e5;
  color: #fff;
  text-decoration: none;
}

/* Body */
.business-card__body {
  padding: 20px;
}

.business-card__title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px 0;
  line-height: 1.4;
}

.business-card__title a {
  color: #333;
  text-decoration: none;
  transition: color 0.2s;
}

.business-card__title a:hover {
  color: #4f46e5;
}

.business-card__price {
  margin-bottom: 12px;
}

.business-card__price .price-value {
  font-size: 20px;
  font-weight: 700;
  color: #dc3545;
}

.business-card__price .price-request {
  font-size: 14px;
  color: #6c757d;
  font-style: italic;
}

.business-card__excerpt {
  font-size: 14px;
  color: #6c757d;
  margin-bottom: 12px;
  line-height: 1.5;
}

.business-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.business-card__tags .tag {
  background: #f0f4ff;
  color: #4f46e5;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 500;
}

/* Footer */
.business-card__footer {
  padding: 15px 20px;
  border-top: 1px solid #f0f0f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}

.business-card__meta {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 12px;
  color: #6c757d;
}

.business-card__meta i {
  margin-right: 4px;
}

.business-card__meta .meta-link {
  color: #4f46e5;
  text-decoration: none;
}

.business-card__meta .meta-link:hover {
  text-decoration: underline;
}

.business-card__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.business-card__actions .btn-icon {
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #dee2e6;
  background: #fff;
  color: #6c757d;
  transition: all 0.2s;
}

.business-card__actions .btn-icon:hover,
.business-card__actions .btn-icon.liked {
  background: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

/* Responsive */
@media (max-width: 992px) {
  .business-card--list {
    flex-direction: column;
  }

  .business-card--list .business-card__image {
    width: 100%;
    min-height: 200px;
  }
}

@media (max-width: 576px) {
  .business-card__footer {
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
  }

  .business-card__meta {
    justify-content: center;
  }

  .business-card__actions {
    justify-content: center;
  }
}

/* =============================================
   LISTINGS PAGE STYLES
   ============================================= */

/* Search Results Header */
#results {
  background: linear-gradient(135deg, #1e3a5f 0%, #2d5a87 50%, #3a7ca5 100%);
  padding: 35px 0 30px;
  position: relative;
}

#results::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.5;
}

#results .container {
  position: relative;
  z-index: 1;
}

/* Enhanced Search Form */
.custom-search-input-2.inner {
  background: #fff;
  border-radius: 12px;
  padding: 8px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

.custom-search-input-2.inner .form-group {
  margin-bottom: 0;
}

.custom-search-input-2.inner .form-control {
  border: none;
  height: 50px;
  font-size: 15px !important;
  padding-left: 45px;
  background: #f8f9fa;
  border-radius: 8px;
}

.custom-search-input-2.inner .form-control:focus {
  background: #fff;
  box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.2);
}

.custom-search-input-2.inner select.wide {
  height: 50px;
  border: none;
  background: #f8f9fa;
  border-radius: 8px;
  padding: 0 15px;
}

.custom-search-input-2.inner input[type="submit"] {
  background: #2d5a87 !important;
  border: none !important;
  border-radius: 8px !important;
  height: 50px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  transition: all 0.2s !important;
  color: #fff !important;
  width: 100% !important;
  cursor: pointer !important;
  text-indent: 0 !important;
  position: relative !important;
  right: auto !important;
}

.custom-search-input-2.inner input[type="submit"]:hover {
  background: #1e3a5f !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(45, 90, 135, 0.4);
}

/* Fix search form column widths */
.custom-search-input-2.inner .col-lg-2 {
  min-width: 120px;
}

/* Sort/Filter Bar */
.filters_listing.version_2 {
  background: #fff;
  border-bottom: 1px solid #e9ecef;
  padding: 12px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.filters_listing.version_2 ul {
  margin: 0;
  padding: 0;
}

.filters_listing.version_2 .switch-field a {
  padding: 8px 18px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #6c757d;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  margin-right: 8px;
  text-decoration: none;
  transition: all 0.2s;
}

.filters_listing.version_2 .switch-field a:hover {
  background: #e9ecef;
  color: #333;
}

.filters_listing.version_2 .switch-field a.active {
  background: #2d5a87;
  color: #fff;
  border-color: #2d5a87;
}

/* Sidebar Filters */
#sidebar {
  position: relative;
}

#filters_col {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

a#filters_col_bt,
#filters_col_bt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: linear-gradient(135deg, #1e3a5f 0%, #2d5a87 100%) !important;
  color: #fff !important;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  border: none;
}

a#filters_col_bt:hover {
  color: #fff !important;
  text-decoration: none;
}

#filters_col_bt::after {
  content: '';
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  transition: transform 0.3s;
  margin-top: -4px;
}

/* Arrow pointing down when collapsed (ready to expand) */
#filters_col_bt[aria-expanded="false"]::after,
#filters_col_bt.collapsed::after {
  transform: rotate(45deg);
  margin-top: -4px;
}

/* Arrow pointing up when expanded (ready to collapse) */
#filters_col_bt[aria-expanded="true"]::after {
  transform: rotate(-135deg);
  margin-top: 4px;
}

#collapseFilters {
  padding: 0 20px 20px;
}

/* Applied/Active Filters Section inside sidebar */
.applied-filters-section {
  padding: 15px 0;
  border-bottom: 1px solid #f0f0f0;
}

.applied-filters-section h6 {
  font-size: 12px;
  font-weight: 600;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
}

.applied-filters-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.applied-filters-list .badge-info {
  margin: 0;
}

.filter_type {
  padding: 20px 0;
  border-bottom: 1px solid #f0f0f0;
}

.filter_type:last-child {
  border-bottom: none;
}

.filter_type h6 {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 15px;
  text-transform: none;
}

.filter_type ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.filter_type ul li {
  margin-bottom: 8px;
}

.filter_type ul li a {
  color: #555;
  font-size: 14px;
  text-decoration: none;
  transition: color 0.2s;
  display: block;
  padding: 6px 12px;
  border-radius: 6px;
}

.filter_type ul li a:hover {
  color: #2d5a87;
  background: #f0f7ff;
}

.filter_type ul li a.text-primary {
  color: #2d5a87 !important;
  background: #f0f7ff;
  font-weight: 500;
}

/* Compact Types filter list */
.filter_type ul li {
  margin-bottom: 2px;
}

.filter_type ul li a {
  padding: 4px 10px;
}

.filter_type ul li .container_check.pl-1 {
  padding: 2px 10px 2px 4px;
  margin-bottom: 0;
}

/* Category Filter Input */
#cat-reducer {
  border-radius: 8px;
  padding: 10px 15px;
  font-size: 13px;
  border: 1px solid #e9ecef;
}

#cat-reducer:focus {
  border-color: #2d5a87;
  box-shadow: 0 0 0 3px rgba(45, 90, 135, 0.1);
}

/* Checkboxes - Custom styled */
.container_check {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 6px;
  transition: background 0.2s;
  position: relative;
  padding-left: 34px;
  min-height: 24px;
  margin-bottom: 4px;
}

.container_check:hover {
  background: #f0f7ff;
}

/* Hide the native checkbox */
.container_check input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Custom checkbox style */
.container_check .checkmark {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: #fff;
  border: 2px solid #cbd5e1;
  border-radius: 4px;
  transition: all 0.2s ease;
}

/* Hover state */
.container_check:hover .checkmark {
  border-color: #2d5a87;
  background: #f0f7ff;
}

/* Checked state */
.container_check input[type="checkbox"]:checked ~ .checkmark {
  background: #2d5a87;
  border-color: #2d5a87;
}

/* Checkmark icon */
.container_check .checkmark::after {
  content: '';
  position: absolute;
  display: none;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Show checkmark when checked */
.container_check input[type="checkbox"]:checked ~ .checkmark::after {
  display: block;
}

/* Category content wrapper */
.container_check .category-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

/* Category name */
.container_check .category-name {
  font-size: 14px;
  color: #333;
  line-height: 1.3;
}

/* Category count */
.container_check .category-count {
  font-size: 12px;
  color: #94a3b8;
  font-weight: 500;
}

/* Parent category shown as subtle badge */
.container_check .category-parent {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  background: #94a3b8;
  padding: 2px 8px;
  border-radius: 10px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 1.4;
}

/* Legacy support for old markup */
.container_check .category-value {
  font-size: 14px;
  color: #333;
  line-height: 1.3;
}

.container_check div.category-value {
  display: block;
}

.container_check span.category-value {
  display: inline-block !important;
  font-size: 10px !important;
  font-style: normal !important;
  color: #fff !important;
  background: #94a3b8;
  padding: 2px 8px;
  border-radius: 10px;
  margin-top: 4px;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: 1.4;
}

/* Focus state for accessibility */
.container_check input[type="checkbox"]:focus ~ .checkmark {
  box-shadow: 0 0 0 3px rgba(45, 90, 135, 0.2);
}

/* Price Range Slider */
.price-filter {
  width: 100%;
  height: 6px;
  -webkit-appearance: none;
  background: #e9ecef;
  border-radius: 3px;
  outline: none;
}

.price-filter::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #2d5a87;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(45, 90, 135, 0.3);
}

.price-filter::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #2d5a87;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}

.price-filter-output {
  text-align: center;
  font-weight: 600;
  color: #2d5a87;
  margin-bottom: 10px;
}

/* Main Content Cards */
.col-lg-9 > .card {
  border: none;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  margin-bottom: 20px;
}

.col-lg-9 > .card .card-body {
  padding: 20px 25px;
}

.col-lg-9 > .card .card-title {
  color: #333;
  font-weight: 600;
}

.col-lg-9 > .card h1.card-title {
  font-size: 22px;
  margin-bottom: 15px;
}

/* Applied Filters */
.col-lg-9 > .card h6.card-title {
  font-size: 13px;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.badge-info {
  background: #2d5a87;
  font-size: 12px;
  font-weight: 500;
  padding: 6px 12px;
  border-radius: 20px;
  margin-right: 6px;
  margin-bottom: 6px;
  display: inline-flex;
  align-items: center;
}

.badge-info .remove-filter {
  margin-left: 8px;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.2s;
}

.badge-info .remove-filter:hover {
  opacity: 1;
}

/* Enhanced Business List Items */
.strip.list_view {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  margin-bottom: 20px;
  overflow: hidden;
  transition: box-shadow 0.3s, transform 0.3s;
}

.strip.list_view:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

.strip.list_view figure {
  margin: 0;
  position: relative;
  overflow: hidden;
}

.strip.list_view figure img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform 0.4s;
}

/* Disable image zoom on hover - keep image stable */
.strip.list_view figure a img,
.strip.list_view:hover figure a img,
.strip.list_view figure a:hover img {
  transform: translate(-50%, -50%) scale(1) !important;
}

.strip.list_view figure .read_more {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(45, 90, 135, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s;
}

.strip.list_view:hover figure .read_more {
  opacity: 1;
}

.strip.list_view figure .read_more span {
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.strip.list_view figure small {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  color: #fff;
  padding: 25px 15px 10px;
  font-size: 12px;
}

.strip.list_view .wrapper {
  padding: 20px 25px 15px;
  position: relative;
}

.strip.list_view .wrapper h2 {
  margin: 0 0 10px 0;
}

.strip.list_view .wrapper h2 a {
  font-size: 18px !important;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  transition: color 0.2s;
}

.strip.list_view .wrapper h2 a:hover {
  color: #2d5a87;
}

/* Premium Badge */
.strip.list_view .badge[title="Premium Business"] {
  background: linear-gradient(135deg, #ffd700 0%, #ffb800 100%) !important;
  color: #5a4600;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
}

.strip.list_view .badge[title="Premium Business"] i {
  color: #5a4600 !important;
}

/* Wishlist Button */
.strip.list_view .wish_bt {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #e9ecef;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
}

.strip.list_view .wish_bt:hover,
.strip.list_view .wish_bt.liked {
  background: #dc3545;
  border-color: #dc3545;
}

.strip.list_view .wish_bt::before {
  font-size: 16px;
  color: #6c757d;
  transition: color 0.2s;
}

.strip.list_view .wish_bt:hover::before,
.strip.list_view .wish_bt.liked::before {
  color: #fff;
}

/* Price Display */
.strip.list_view .text-danger {
  font-size: 18px;
  font-weight: 700;
  color: #dc3545 !important;
}

/* Info Items */
.strip.list_view .text-muted {
  font-size: 13px;
  margin-bottom: 4px;
}

.strip.list_view .text-muted i.ti-check {
  color: #2d5a87 !important;
  margin-right: 6px;
}

/* Category Tags */
.strip.list_view .badge-pill.badge-primary {
  background: #e8f4fc;
  color: #2d5a87;
  font-weight: 500;
  padding: 5px 12px;
  border-radius: 20px;
}

.strip.list_view .badge-pill.badge-primary a {
  color: inherit !important;
}

/* Visit Website Badge */
.strip.list_view .badge-success {
  background: #28a745;
  padding: 6px 12px;
  border-radius: 6px;
}

/* Contact Button */
.strip.list_view .btn-success.contact-seller-btn {
  background: #2d5a87;
  border-color: #2d5a87;
  padding: 8px 20px;
  border-radius: 6px;
  font-weight: 500;
}

.strip.list_view .btn-success.contact-seller-btn:hover {
  background: #1e3a5f;
  border-color: #1e3a5f;
}

/* Footer Area */
.strip.list_view ul {
  list-style: none;
  padding: 15px 25px;
  margin: 0;
  background: #f8f9fa;
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}

.strip.list_view ul li small {
  color: #6c757d;
}

/* Pagination */
.text-center .btn_1.rounded {
  background: #2d5a87;
  color: #fff;
  padding: 12px 28px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s;
  border: none;
  margin: 0 5px;
}

.text-center .btn_1.rounded:hover {
  background: #1e3a5f;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(45, 90, 135, 0.3);
}

/* No Results State */
.no-results-card {
  text-align: center;
  padding: 50px 30px;
}

.no-results-card img,
.col-lg-9 > .card img[src*="search-engine"] {
  max-width: 120px;
  opacity: 0.7;
  margin-bottom: 20px;
}

.no-results-card h5,
.col-lg-9 > .card h5 {
  color: #333;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.col-lg-9 > .card .col-md-9 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Applied Filters Card */
.applied-filters-card {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
}

.applied-filters-card .card-title {
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #6c757d !important;
  margin-bottom: 15px !important;
}

/* Enhanced Badge Styles */
.badge-info {
  background: linear-gradient(135deg, #1e3a5f 0%, #2d5a87 100%) !important;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 14px;
  border-radius: 20px;
  margin-right: 8px;
  margin-bottom: 8px;
  display: inline-flex;
  align-items: center;
  color: #fff;
  border: none;
}

.badge-info .font-weight-normal {
  font-weight: 500 !important;
}

.badge-info .remove-filter,
.badge-info .icon-cancel-1 {
  margin-left: 8px;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.2s;
  font-size: 14px;
}

.badge-info .remove-filter:hover,
.badge-info .icon-cancel-1:hover {
  opacity: 1;
}

/* Page Title Card */
.col-lg-9 > .card:first-of-type {
  background: linear-gradient(135deg, #f5f9fc 0%, #fff 100%);
  border-left: 4px solid #2d5a87;
}

.col-lg-9 > .card:first-of-type h1.card-title {
  color: #333;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}

.col-lg-9 > .card:first-of-type p {
  color: #6c757d;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

/* Listings Page Header */
.listings-page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.listings-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.listings-breadcrumb a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: color 0.2s;
}

.listings-breadcrumb a:hover {
  color: #fff;
}

.listings-breadcrumb .separator {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}

.listings-breadcrumb .current {
  color: #fff;
  font-weight: 500;
}

.listings-count {
  background: rgba(255, 255, 255, 0.15);
  padding: 8px 16px;
  border-radius: 20px;
  color: #fff;
  font-size: 13px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.listings-count .count-number {
  font-weight: 700;
  font-size: 15px;
}

/* Desktop: Show filters expanded by default */
@media (min-width: 992px) {
  #collapseFilters {
    display: block !important;
  }

  /* Hide the collapse arrow on desktop since it's always expanded */
  #filters_col_bt::after {
    display: none;
  }
}

/* Mobile Responsiveness */
@media (max-width: 991px) {
  #results {
    padding: 25px 0 20px;
  }

  .listings-page-header {
    flex-direction: column;
    gap: 15px;
    text-align: center;
  }

  .listings-breadcrumb {
    justify-content: center;
  }

  .custom-search-input-2.inner {
    padding: 12px;
  }

  .custom-search-input-2.inner .form-control,
  .custom-search-input-2.inner select.wide,
  .custom-search-input-2.inner input[type="submit"] {
    height: 45px;
    margin-bottom: 10px;
  }

  #sidebar {
    margin-bottom: 25px;
  }

  .strip.list_view figure img {
    height: 200px;
  }

  .strip.list_view .wrapper {
    padding: 15px 20px;
  }

  /* Filters collapsed by default on mobile */
  #collapseFilters:not(.show) {
    display: none;
  }

  /* Show the arrow on mobile */
  #filters_col_bt::after {
    display: block;
  }
}

@media (max-width: 767px) {
  .strip.list_view .row {
    flex-direction: column;
  }

  .strip.list_view .col-lg-5,
  .strip.list_view .col-lg-7 {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .strip.list_view figure img {
    height: 180px;
  }

  .filters_listing.version_2 .switch-field {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .filters_listing.version_2 .switch-field a {
    margin-right: 0;
    flex: 1;
    text-align: center;
    min-width: 80px;
  }
}

/* Placeholder image styling for listings without images */
.strip.list_view figure {
  background: linear-gradient(135deg, #e8f4fc 0%, #f0f7ff 50%, #e8f4fc 100%);
  position: relative;
}

.strip.list_view figure img[src*="dummy"],
.strip.list_view figure img[src*="domain-for-sale"] {
  object-fit: contain;
  padding: 30px;
  background: linear-gradient(135deg, #f5f9fc 0%, #e8f4fc 100%);
}

/* Business type badge on image */
.strip.list_view figure small {
  position: absolute;
  top: 15px;
  left: 15px;
  right: auto;
  bottom: auto;
  background: rgba(45, 90, 135, 0.9);
  color: #fff;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 4px;
  backdrop-filter: blur(4px);
}

/* Visit Website button */
.strip.list_view .badge-success {
  background: #28a745 !important;
  font-size: 12px;
  font-weight: 500;
}

/* My Business badge */
.strip.list_view .badge-primary:not(.badge-pill) {
  background: #2d5a87;
}

/* Login to contact seller link */
.strip.list_view .btn-outline-info {
  border-color: #2d5a87;
  color: #2d5a87;
}

.strip.list_view .btn-outline-info:hover {
  background: #2d5a87;
  border-color: #2d5a87;
  color: #fff;
}

/* =============================================
   COLLAPSIBLE CATEGORY TREE
   ============================================= */

.category-tree {
  list-style: none;
  padding: 0;
  margin: 0;
}

.category-tree .category-parent-item {
  margin-bottom: 2px;
}

.category-tree .category-parent-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.category-tree .category-parent-row .container_check {
  flex: 1;
  margin-bottom: 0;
}

.category-tree .category-toggle {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #6c757d;
  border-radius: 4px;
  transition: all 0.2s;
  flex-shrink: 0;
}

.category-tree .category-toggle:hover {
  background: #e9ecef;
  color: #2d5a87;
}

.category-tree .category-toggle i {
  font-size: 14px;
  transition: transform 0.2s;
}

.category-tree .category-parent-item.expanded .category-toggle i {
  transform: rotate(180deg);
}

.category-tree .category-children {
  list-style: none;
  padding: 0 0 0 20px;
  margin: 4px 0 8px 0;
  border-left: 2px solid #e9ecef;
}

.category-tree .category-children li {
  margin-bottom: 0;
}

.category-tree .category-children .container_check {
  padding: 6px 10px 6px 30px;
  font-size: 13px;
}

.category-tree .category-children .container_check .checkmark {
  width: 16px;
  height: 16px;
}

.category-tree .category-children .container_check .checkmark::after {
  left: 4px;
  top: 0px;
  width: 4px;
  height: 9px;
}

.category-tree .category-name {
  font-size: 14px;
  color: #333;
}