/**
 * Install Center Business Profile CSS
 * Sovereign styles for CPT toad-install-centers single templates.
 *
 * @package GS_Theme
 */

.gs-ic-profile-card {
  position: relative;
  background: color-mix(in oklch, var(--surface) 85%, transparent);
  border: 0.0625rem solid color-mix(in oklch, var(--white) 12%, transparent);
  border-radius: var(--radius-xl, 1rem);
  padding: 1.75rem;
  box-shadow: 0 1rem 3rem oklch(0% 0 0 / 0.4);
}

.gs-ic-gallery-wrap {
  border-radius: var(--radius-lg, 0.75rem);
  overflow: hidden;
  border: 0.0625rem solid color-mix(in oklch, var(--white) 10%, transparent);
}

.gs-ic-gallery-img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

.gs-ic-badge-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.gs-ic-badge-item {
  font-family: var(--font-mono);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--brand-light);
  background: color-mix(in oklch, var(--brand-light) 12%, transparent);
  border: 0.0625rem solid color-mix(in oklch, var(--brand-light) 30%, transparent);
  padding: var(--space-2xs) var(--space-xs);
  border-radius: var(--radius-full);
}

.gs-ic-schedule-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8125rem;
}

.gs-ic-schedule-table td {
  padding: 0.5rem 0;
  border-bottom: 0.0625rem solid color-mix(in oklch, var(--white) 8%, transparent);
  color: color-mix(in oklch, var(--white) 80%, transparent);
}

.gs-ic-schedule-table td:last-child {
  text-align: right;
  font-family: var(--font-mono);
  color: var(--brand-light);
}

.gs-ic-map-box {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-md, 0.5rem);
  background-color: color-mix(in oklch, var(--canvas) 90%, transparent);
  background-image: radial-gradient(color-mix(in oklch, var(--brand-light) 20%, transparent) 0.0625rem, transparent 0.0625rem);
  background-size: 1rem 1rem;
  border: 0.0625rem solid color-mix(in oklch, var(--white) 10%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-family: var(--font-mono);
  font-size: 0.8125rem;
}