/* style.css - Custom styles for Under Construction page */

/* Full-height section to keep content centered */
.vh-100-fixed { min-height: 100vh; display: flex; align-items: center; }

/* Placeholder logo circle (replace with your real logo) */
.logo-placeholder { width: clamp(96px, 12vw, 160px); height: clamp(96px, 12vw, 160px); border-radius: 50%; background: #e9ecef; display: flex; align-items: center; justify-content: center; font-weight: 600; color: #6c757d; letter-spacing: 0.5px; border: 2px dashed #ced4da; }

/* If using an actual logo image instead of placeholder */
.logo-img { max-height: clamp(80px, 12vw, 150px); width: auto; display:block; margin-left:auto; margin-right:auto; }

/* Card hover effect: lift + subtle shadow */
.card { transition: transform 0.2s ease, box-shadow 0.2s ease; border-radius:0 0 0.55rem 0;}
.card:hover {  box-shadow: 0 0.75rem 1.5rem rgba(0,0,0,0.08); }

/* Optional: improve focus state for accessibility */
.card a.btn:focus-visible { outline: 3px solid rgba(13, 110, 253, 0.35); outline-offset: 2px; }


/* Card header image styling */
.card-img-top {
  display: block;
  width: 100%;
  height: 140px;           /* Adjust height to your preference */
  object-fit: cover;       /* Crops the image nicely while filling the area */
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom: 1px solid #dee2e6; /* subtle divider above card body */
}


/* Normalize images and card header behavior */
img { display: block; max-width: 100%; height: auto; }


/* Ensure card body content isn't clipped */
.card-body { overflow: visible; background-color: #e6e7e8;  }

/* Button baseline (in case something overwrote it) */
.btn { display: inline-block; line-height: 1.5; padding: 0.5rem 0.75rem; }