/* School Feeders - shared styles (schoolfeeders.jsp, efifeeders.jsp, lfifeeders.jsp) */

.sf-lookup { border-radius:6px; padding:0.75rem 1rem; margin-bottom:1rem; }
.sf-lookup label { font-weight:700; margin-bottom:0.25rem; }

.sf-col-title { font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; color:#374551; 
border-bottom:2px solid #374551; padding-bottom:0.2rem; margin:0.5rem 0 0.1rem; align-self:end; }

/* ---------- Desktop grid (one line per pathway) ---------- */
.sf-grid { display:none; grid-column-gap:1.75rem; grid-row-gap:0.5rem; column-gap:1.75rem; row-gap:0.5rem; align-items:stretch; }
@media (min-width: 768px) { .sf-grid.sf-bp-md { display:grid; } }
@media (min-width: 992px) { .sf-grid.sf-bp-lg { display:grid; } }

.sf-grid .sf-card { margin:0; }
.sf-grid .sf-card .card-body { display:flex; flex-direction:column; justify-content:center; }

/* Arrow pointing to the next school in the pathway */
.sf-card.sf-has-next { position:relative; overflow:visible; }
.sf-grid .sf-card.sf-has-next::after {
    content:""; position:absolute; top:50%; right:-1.3rem; margin-top:-7px;
    border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:9px solid #A52A2A;
}

.schImg:hover {transform:scale(2.5);transition: transform 0.3s ease;}

/* ---------- Small-screen pathway list ---------- */
.sf-list { display:block; }
@media (min-width: 768px) { .sf-list.sf-bp-md { display:none; } }
@media (min-width: 992px) { .sf-list.sf-bp-lg { display:none; } }

.sf-path-title { font-size:0.75rem; font-weight:700; color:#A52A2A; text-transform:uppercase; margin-bottom:0.35rem; }
.sf-path-step { border-left:4px solid #6c757d; padding:0.25rem 0.5rem; background:#fff; }
.sf-path-step a { font-weight:700; }
.sf-path-step.sf-from { border-left-color:#2e7d32; }
.sf-path-step.sf-to { border-left-color:#1565c0; }
.sf-path-step.sf-selected { border-left-color:#A52A2A; background:#fffaf9; }
.sf-path-arrow { color:#A52A2A; font-size:0.8rem; padding:0.1rem 0 0.1rem 0.6rem; }

/* ---------- Cards ---------- */
.sf-card { border-left:4px solid #6c757d; }
.sf-card.sf-from { border-left-color:#2e7d32; }
.sf-card.sf-to { border-left-color:#1565c0; }
.sf-card.sf-selected { border:2px solid #A52A2A; border-left-width:6px; background:#fffaf9; }
.sf-card .card-title a { font-weight:700; }

.sf-card-role { font-size:11px; text-transform:uppercase; letter-spacing:0.04em; font-weight:700; color:#777; }
.sf-from .sf-card-role { color:#2e7d32; }
.sf-to .sf-card-role { color:#1565c0; }
.sf-selected .sf-card-role { color:#A52A2A; }

.sf-card-span { font-size:0.75rem; color:#666; margin-bottom:0.25rem; }

/* ---------- School photo: image left, text left-aligned on its right ---------- */
.sf-card-flex { display:flex; align-items:center; }
.sf-card-text { flex:1 1 auto; min-width:0; text-align:left; }
.sf-card-img, .sf-path-img { flex:0 0 auto; margin-right:0.6rem; }
.sf-card-img img { display:block; height:80px; width:110px; max-width:110px; object-fit:cover;}
.sf-path-img img { display:block; height:60px; width:90px; max-width:90px; object-fit:cover; }

.sf-card-note { font-size:0.78rem; background:#fff8e1; color:#5d4a00; border-radius:4px; padding:0.3rem 0.5rem; margin-top:0.4rem; }
.sf-none { font-size:0.85rem; color:#999; font-style:italic; padding:0.5rem 0; }