/* CareNotes site footer (.gfoot). Shared by every page; standalone so pages
   that do not load /sample3/sample3.css get the same footer. */

.gfoot { background: #f5f5f7; color: #6e6e73; font-size: 12px; line-height: 1.4; padding: 22px 22px 40px; border-top: 1px solid rgba(0, 0, 0, .08); }
.gfoot-gap { margin-top: 48px; }
.gfoot-inner { max-width: 980px; margin: 0 auto; }
.gfoot-note { margin: 0; padding-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, .1); }
.gfoot-note a { color: #2563eb; }
.gfoot-note a:hover { text-decoration: underline; }
.gfoot-cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 20px 0; border-bottom: 1px solid rgba(0, 0, 0, .1); }
.gfoot-cols h5 { margin: 0 0 10px; font-size: 12px; font-weight: 600; color: #1d1d1f; }
.gfoot-cols a { display: block; margin-bottom: 8px; color: #424245; text-decoration: none; }
.gfoot-cols a:hover { text-decoration: underline; }
.gfoot-legal { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding-top: 14px; color: #86868b; }
.gfoot-legal span { margin: 0; }

/* Dark variant for pages with a black / midnight background */
.gfoot-dark { background: #0a0a0a; color: #86868b; border-top-color: rgba(255, 255, 255, .1); }
.gfoot-dark .gfoot-note, .gfoot-dark .gfoot-cols { border-bottom-color: rgba(255, 255, 255, .1); }
.gfoot-dark .gfoot-note a { color: #60a5fa; }
.gfoot-dark .gfoot-cols h5 { color: #f5f5f7; }
.gfoot-dark .gfoot-cols a { color: #a1a1a6; }
.gfoot-dark .gfoot-cols a:hover { color: #fff; }
.gfoot-dark .gfoot-legal { color: #6e6e73; }

@media (max-width: 734px) {
    .gfoot-cols { grid-template-columns: 1fr 1fr; }
}