/* Laravel-specific additions on top of the design's style.css */
.avatar img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;border-radius:50%}
.doc-card h3 a{color:inherit;text-decoration:none}
.doc-card h3 a:hover{color:var(--brand-600)}
.alert-box{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;font-size:.9rem;font-weight:600;margin-bottom:16px;border:1px solid transparent}
.alert-box.ok{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-100)}
.alert-box.bad{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
:root[data-theme="dark"] .alert-box.bad{background:#3b1414;color:#fca5a5;border-color:#7f1d1d}
.field .err.srv{display:block;color:var(--danger-ink,#b91c1c);font-size:.8rem;font-weight:700;margin-top:6px}
.pager{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.pager a,.pager span{min-width:40px;height:40px;padding:0 12px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:700;font-size:.9rem;text-decoration:none}
.pager a:hover{border-color:var(--brand);color:var(--brand-600)}
.pager .on{background:var(--brand);border-color:var(--brand);color:#fff}
.pager .off{opacity:.45}
.rating-stars{display:inline-flex;gap:2px;color:#f59e0b}
.rating-stars svg{width:16px;height:16px;fill:currentColor}
.rating-stars .dim{color:var(--line)}
.review-item{padding:16px 0;border-top:1px solid var(--line)}
.review-item:first-child{border-top:0;padding-top:0}
.review-item b{display:block}
.review-item p{margin:6px 0 0;color:var(--muted);font-size:.95rem}
.fee-list{display:grid;gap:10px;margin:0 0 18px}
.fee-list div{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.fee-list span{color:var(--muted);font-size:.9rem;font-weight:600}
.fee-list b{font-size:1.1rem}
.book-card .btn+.btn{margin-top:10px}
.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:14px;background:#000}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.status-note{padding:12px 14px;border-radius:12px;font-size:.9rem;font-weight:600;margin-bottom:14px}
.status-note.ok{background:var(--brand-50);color:var(--brand-700)}
.status-note.wait{background:#fffbeb;color:#92400e}
.status-note.bad{background:#fef2f2;color:#b91c1c}
.filter-panel form{margin:0}
.filter-panel .check{cursor:pointer}
.doc-list-link{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);margin-bottom:10px;color:var(--ink);text-decoration:none;font-weight:700}
.doc-list-link:hover{border-color:var(--brand)}
.doc-list-link small{display:block;color:var(--muted);font-weight:500}
.pkg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.pkg-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:8px}
.pkg-card h3{font-size:1.05rem;margin:0}
.pkg-card .price{font-size:1.4rem;font-weight:800;color:var(--brand-600)}
.pkg-card small{color:var(--muted)}
.med-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px}
.med-card h3{font-size:1.05rem;margin:0 0 4px}
.med-card .generic{color:var(--muted);font-size:.9rem;margin-bottom:12px}
.hint-line{font-size:.82rem;color:var(--muted)}

/* Doctor card: keep tag, name and button inside narrow (4-column) cards */
.doc-card .online-tag{position:static;display:inline-flex;align-self:flex-start;margin-bottom:12px}
.doc-card .doc-foot{flex-wrap:wrap;gap:12px}
.doc-card .doc-actions{flex-wrap:wrap;gap:10px;margin-left:auto}
.doc-card .doc-actions .btn{white-space:nowrap}
.doc-card .doc-top>div:last-child{min-width:0}
.doc-card .doc-actions{width:100%;justify-content:space-between;align-items:center;margin-left:0}
.doc-card .doc-actions .btn{margin-left:auto}
.profile-layout>*{min-width:0}
.profile-layout>div{grid-template-columns:minmax(0,1fr)}
.info-box b,.info-box span{overflow-wrap:anywhere}
.info-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}

/* Real Click2Care logo image */
.logo-img-link{display:inline-flex;align-items:center}
.logo-img{height:44px;width:auto;max-width:190px;display:block}
.nav .logo-img{height:40px}
/* dark backgrounds: show the logo as white so it stays readable */
.footer .logo-img,.auth-side .logo-img{filter:brightness(0) invert(1)}
:root[data-theme="dark"] .nav .logo-img,
:root[data-theme="dark"] .auth-main .logo-img{filter:brightness(0) invert(1)}

/* Bigger logo (image has built-in padding) */
.logo-img{height:72px;max-width:260px}
.nav .logo-img{height:68px;margin:-6px 0}
.footer .logo-img{height:84px;max-width:300px}
.auth-side .logo-img{height:84px}
.auth-card .logo-img{height:76px}
@media (max-width:680px){.nav .logo-img{height:56px}}