/* ============================================================
   domaintico-pricing.css  –  Pricing page visual polish layer
   Loaded via @push('style') in the Blade view.
   ============================================================ */

/* ---------- HERO ---------- */
.dmfp-pricing .dmfp-hero{
  padding:56px 0 40px;
  background:linear-gradient(180deg,#fff 0%,#f0f4ff 100%);
  border-bottom:none;
}
.dmfp-pricing .dmfp-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#2563eb;
  font-weight:700;
}
.dmfp-pricing .dmfp-eyebrow::before{
  content:'';
  width:28px;
  height:2px;
  background:#2563eb;
  border-radius:2px;
}
.dmfp-pricing .dmfp-title{
  font-size:clamp(30px,4.5vw,48px);
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1.1;
}
.dmfp-pricing .dmfp-title .dm-gradient-text{
  background:linear-gradient(135deg,#2563eb,#7c3aed);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.dmfp-pricing .dmfp-subtitle{
  font-size:1.1rem;
  color:#64748b;
  font-weight:500;
  line-height:1.6;
}
.dmfp-pricing .dmfp-badge{
  border-radius:999px;
  border:1px solid #e2e8f0;
  background:#fff;
  font-weight:600;
  font-size:.78rem;
  padding:8px 16px;
}

/* ---------- STATS ROW ---------- */
.dmfp-stats{
  display:flex;
  gap:32px;
  margin-top:32px;
}
.dmfp-stat{
  text-align:center;
}
.dmfp-stat__num{
  font-size:1.6rem;
  font-weight:800;
  color:#0f172a;
  letter-spacing:-.02em;
}
.dmfp-stat__label{
  font-size:.78rem;
  color:#64748b;
  margin-top:2px;
}

/* ---------- FILTER CARD ---------- */
.dmfp-pricing .dmfp-card{
  border:1px solid #e2e8f0;
  border-radius:20px;
  padding:28px 32px;
  box-shadow:0 4px 24px rgba(15,23,42,.04);
}
.dmfp-pricing .dmfp-card-soft{
  background:linear-gradient(180deg,#fff,#f8fafc);
}
.dmfp-pricing .dmfp-h2{
  font-size:1.1rem;
  font-weight:700;
}
.dmfp-pricing .dmfp-head-note{
  font-size:.85rem;
  color:#64748b;
  font-weight:500;
}

.dmfp-pricing .form-control,
.dmfp-pricing .form-select{
  border:2px solid #e2e8f0;
  border-radius:12px;
  padding:12px 16px;
  font-size:.9rem;
  transition:border-color .15s;
}
.dmfp-pricing .form-control:focus,
.dmfp-pricing .form-select:focus{
  border-color:#2563eb;
  box-shadow:none;
}

.dmfp-pricing [data-dm-load]{
  border-radius:12px;
  font-weight:600;
  background:#2563eb;
  border-color:#2563eb;
}
.dmfp-pricing [data-dm-load]:hover{
  background:#1d4ed8;
}

/* ---------- TABLE ---------- */
.dmfp-pricing .dmfp-tableWrap{
  border:1px solid #e2e8f0;
  border-radius:20px;
  box-shadow:0 4px 24px rgba(15,23,42,.04);
  overflow:hidden;
}
.dmfp-pricing .dmfp-tableWrap table thead{
  background:#f8fafc;
}
.dmfp-pricing .dmfp-tableWrap table th{
  padding:14px 20px;
  font-size:.78rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#64748b;
  border-bottom:2px solid #e2e8f0;
}
.dmfp-pricing .dmfp-tableWrap table td{
  padding:16px 20px;
  font-size:.9rem;
  border-bottom:1px solid #f1f5f9;
}
.dmfp-pricing .dmfp-tableWrap table tr:last-child td{
  border-bottom:none;
}
.dmfp-pricing .dmfp-tableWrap table tr:hover{
  background:#fafbfd;
}

/* ---------- CTA ---------- */
.dmfp-pricing .dmfp-cta{
  border-top:none;
  padding:40px 0 0;
}
.dmfp-pricing .dmfp-cta-inner{
  border:1px solid #e2e8f0;
  border-radius:20px;
  padding:32px;
  background:#fff;
  box-shadow:0 4px 24px rgba(15,23,42,.04);
}
.dmfp-pricing .dmfp-cta-inner .dmfp-h2{
  font-size:1.2rem;
  font-weight:700;
}
.dmfp-pricing .dmfp-cta-inner p{
  font-size:.9rem;
  color:#64748b;
}
.dmfp-pricing .dmfp-btn{
  border-radius:12px;
  font-weight:600;
  padding:12px 24px;
  font-size:.9rem;
}
.dmfp-pricing .dmfp-btn-primary{
  background:#0f172a;
  border-color:#0f172a;
}
.dmfp-pricing .dmfp-btn-primary:hover{
  background:#1e293b;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width:991px){
  .dmfp-pricing .dmfp-hero{
    padding:40px 0 32px;
  }
  .dmfp-stats{
    gap:24px;
  }
}
@media (max-width:575px){
  .dmfp-pricing .dmfp-card{
    padding:20px !important;
    border-radius:16px;
  }
  .dmfp-stats{
    gap:16px;
  }
  .dmfp-stat__num{
    font-size:1.2rem;
  }
}