/* Site-wide styles for Willow Hedge */
:root{
  --brand-color: #39a216;
  --muted: #6c757d;
}
html,body{height:100%;}
body{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: rgba(0,0,0,0.85);
  background: #fbfdff;
}

/* Navbar tweaks */
.site-nav .navbar-brand{ color: var(--brand-color); }
.site-nav .nav-link{ color: rgba(0,0,0,0.7); }
.site-nav .nav-link:hover{ color: var(--brand-color); }

/* Container content spacing */
main.content{ padding-top: 1.25rem; padding-bottom: 3rem; }

/* Small utility */
.muted { color: var(--muted); }

/* Make telephone links nicely visible */
a.tel { color: var(--brand-color); text-decoration: none; }
a.tel:hover { text-decoration: underline; }

img.flip-horizontal {
  transform: scaleX(-1);
  transform-origin: center;
}

/* Outer width control (like Bootstrap container) */
.two-col-wrap {
  width: min(1100px, calc(100% - 40px));
  margin: 2em auto;
}

/* Two columns with vertical divider on desktop */
.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 32px;
  position: relative;
  padding: 8px 0;
}

/* muted vertical divider between columns */
.two-col::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  background: rgba(15, 23, 42, 0.12);
}

/* Column alignment */
.col-left { justify-self: left; }  /* whole column hugs left side */
.col-right { justify-self: right; }   /* whole column hugs right side */

/* Card-ish styling */
.my-card {
  width: min(420px, 100%); /* keep them from becoming super wide */
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.06);
  overflow: hidden;
}

/* List reset */
.icon-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* List item row with icon + label */
.icon-item {
  display: flex;
  align-items: center;
  gap: 14px;                 /* spacing between img and text */
  padding: 14px 16px;
  /* border-bottom: 1px solid rgba(15, 23, 42, 0.10); */
}

.icon-item:last-child {
  border-bottom: 0;
}

.col-right .icon-item img {
  margin-left: auto;
}

.icon-item span {
  /* display: inline-block; */
  font-size: 1.15rem;        /* bigger label */
  font-weight: 700;
  padding-left: 2px;         /* a touch more spacing if desired */
}

/* Simple text-only items for right column example */
.text-item {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.10);
  font-size: 1.05rem;
  font-weight: 600;
}

.text-item:last-child {
  border-bottom: 0;
}

/* Flip utility */
img.flip-horizontal {
  /* display: inline-block; */
  transform: scaleX(-1);
  transform-origin: center;
}

/* Mobile: stack columns, keep left column left-aligned,
   and keep "formerly right" column right-aligned */
@media (max-width: 360px) {
  .two-col {
    grid-template-columns: 1fr;
    row-gap: 18px;
  }

  .two-col::before {
    display: none; /* no vertical divider when stacked */
  }

  /* .col-left {
    justify-self: start;
  }

  .col-right {
    justify-self: end;
  } */
}