/* =========================================
   Ixvoria – ix-utilities.css
   ========================================= */

/* Text utilities */
.ix-text-center{text-align:center}
.ix-text-left{text-align:left}
.ix-text-right{text-align:right}
.ix-text-white{color:#ffffff}
.ix-text-navy{color:var(--ix-navy-deep)}
.ix-text-green{color:var(--ix-green-muted)}
.ix-text-muted{color:var(--ix-slate-500)}

/* Flex utilities */
.ix-flex{display:flex}
.ix-flex-col{flex-direction:column}
.ix-items-center{align-items:center}
.ix-justify-between{justify-content:space-between}
.ix-justify-center{justify-content:center}
.ix-gap-8{gap:8px}
.ix-gap-16{gap:16px}
.ix-gap-24{gap:24px}
.ix-gap-32{gap:32px}

/* Grid */
.ix-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.ix-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}

/* Spacing */
.ix-py-8{padding:8px 0}
.ix-py-16{padding:16px 0}
.ix-py-24{padding:24px 0}
.ix-py-32{padding:32px 0}
.ix-px-24{padding:0 24px}

/* Display */
.ix-d-none{display:none}
.ix-d-block{display:block}
.ix-d-flex{display:flex}

/* Width */
.ix-w-full{width:100%}
.ix-max-w-600{max-width:600px}
.ix-max-w-780{max-width:780px}
.ix-max-w-960{max-width:960px}
.ix-mx-auto{margin-left:auto;margin-right:auto}

/* Borders */
.ix-border-bottom-subtle{border-bottom:1px solid var(--ix-slate-200)}
.ix-border-top-subtle{border-top:1px solid var(--ix-slate-200)}
.ix-rounded-sm{border-radius:var(--ix-radius-sm)}
.ix-rounded-md{border-radius:var(--ix-radius-md)}
.ix-rounded-lg{border-radius:var(--ix-radius-lg)}

/* Overflow */
.ix-overflow-hidden{overflow:hidden}

/* Shadows */
.ix-shadow-sm{box-shadow:var(--ix-shadow-sm)}
.ix-shadow-md{box-shadow:var(--ix-shadow-md)}
.ix-shadow-lg{box-shadow:var(--ix-shadow-lg)}

/* Position */
.ix-relative{position:relative}
.ix-z-1{z-index:1}

/* Highlight pill */
.ix-highlight-pill{
  display:inline-block;
  background:var(--ix-green-pale);
  color:var(--ix-green-muted);
  font-size:0.8rem;
  font-weight:600;
  padding:4px 12px;
  border-radius:100px;
  letter-spacing:0.05em;
}

/* Divider line */
.ix-hr-subtle{border:none;border-top:1px solid var(--ix-slate-200);margin:40px 0}
.ix-hr-thick{border:none;border-top:3px solid var(--ix-green-pale);margin:40px 0;width:48px}

/* Icon circle */
.ix-icon-circle{
  width:56px;height:56px;
  border-radius:50%;
  background:var(--ix-green-pale);
  display:flex;align-items:center;justify-content:center;
  color:var(--ix-green-muted);
  font-size:1.3rem;
}

/* Tag */
.ix-tag{
  display:inline-block;
  font-size:0.72rem;
  font-weight:600;
  letter-spacing:0.1em;
  text-transform:uppercase;
  padding:3px 10px;
  border-radius:4px;
  background:var(--ix-slate-100);
  color:var(--ix-slate-600);
}
.ix-tag-green{background:var(--ix-green-pale);color:var(--ix-green-muted)}
.ix-tag-navy{background:rgba(27,42,74,0.08);color:var(--ix-navy-deep)}

/* Quote mark */
.ix-blockquote-styled{
  border-left:4px solid var(--ix-green-muted);
  padding:20px 28px;
  background:var(--ix-green-pale);
  border-radius:0 var(--ix-radius-sm) var(--ix-radius-sm) 0;
  font-style:italic;
  color:var(--ix-slate-700);
  line-height:1.75;
  margin:32px 0;
}

/* Alert info */
.ix-alert-info{
  background:#eff6ff;
  border:1px solid #bfdbfe;
  border-radius:var(--ix-radius-sm);
  padding:16px 20px;
  font-size:0.9rem;
  color:#1e40af;
  line-height:1.65;
}