/* ==========================================================================
   utilities.css
   Utility classes that replace the inline styles previously written
   directly on elements across the service pages.

   This file is loaded AFTER css/style.css and css/components.css so the
   rules below can safely refine the base component styles.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Buttons
   -------------------------------------------------------------------------- */
/* Full-width call-to-action button (was: style="width:100%;justify-content:center") */
.btn.btn-full {
  width: 100%;
  justify-content: center;
}

/* Compact outline button (was: style="padding:11px 20px") */
.btn.btn-sm {
  padding: 11px 20px;
}

/* --------------------------------------------------------------------------
   Icons
   -------------------------------------------------------------------------- */
/* Small gold inline SVG icon, e.g. the location pin in the top bar
   (was: style="width:14px;height:14px;fill:var(--gold)") */
.svg-gold-sm {
  width: 14px;
  height: 14px;
  fill: var(--gold);
}

/* --------------------------------------------------------------------------
   Mobile drawer navigation
   -------------------------------------------------------------------------- */
/* Highlighted "All Services" link inside the mobile menu
   (was: style="color:#db9317;font-weight:800") */
.m-all {
  color: #db9317;
  font-weight: 800;
}

/* --------------------------------------------------------------------------
   Section labels
   -------------------------------------------------------------------------- */
/* Centered section label (was: style="justify-content:center;") */
.label.label-c {
  justify-content: center;
}

/* --------------------------------------------------------------------------
   Footer socials
   -------------------------------------------------------------------------- */
/* Social icon row spacing inside the footer brand column
   (was: style="margin-top:20px") */
.socials.socials-mt {
  margin-top: 20px;
}

/* --------------------------------------------------------------------------
   Contact / deliverables layout
   -------------------------------------------------------------------------- */
/* Wide two-column contact layout (was: style="grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)") */
.contact-layout.cl-wide {
  grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr);
}

/* --------------------------------------------------------------------------
   Chip row
   -------------------------------------------------------------------------- */
/* Spacing above the highlight chip row (was: style="margin-top:26px") */
.chip-row.chip-row-mt {
  margin-top: 26px;
}

/* --------------------------------------------------------------------------
   Page hero actions
   -------------------------------------------------------------------------- */
/* Spacing above hero action buttons (was: style="margin-top:22px") */
.ph-actions.ph-actions-mt {
  margin-top: 22px;
}

/* Tighter spacing above hero action buttons (was: style="margin-top:8px") */
.ph-actions.ph-actions-mt-sm {
  margin-top: 8px;
}

/* --------------------------------------------------------------------------
   Tag row
   -------------------------------------------------------------------------- */
/* Spacing below the tag row (was: style="margin-bottom:20px") */
.tag-row.tag-row-mb {
  margin-bottom: 20px;
}

/* --------------------------------------------------------------------------
   Feature list
   -------------------------------------------------------------------------- */
/* Grid feature list with bottom margin (was: style="margin:0 0 26px;display:grid;gap:10px") */
.f-list.f-list-grid {
  margin: 0 0 26px;
  display: grid;
  gap: 10px;
}