/* Shared by the lab-test listing (index.blade.php) and single-test (single_view.blade.php)
   pages. Extends labs_home.css — same tokens/components, page-specific rules only. */

/* compact breadcrumb hero (listing + single) */
.labs-home .page-hero{position:relative;overflow:hidden;padding:2.2rem 0 2.4rem;border-bottom:1px solid var(--line)}
.labs-home .page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(680px 320px at 92% 0%, #eaf3ff 0%, transparent 60%)}
.labs-home .page-hero .eyebrow{margin-bottom:.9rem}
.labs-home .page-hero h1{font-size:clamp(1.7rem,3.4vw,2.4rem)}
.labs-home .breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;list-style:none;padding:0;margin:.9rem 0 0;font-size:.86rem;color:var(--ink-soft)}
.labs-home .breadcrumb li{display:flex;align-items:center;gap:.4rem}
.labs-home .breadcrumb li:not(:last-child)::after{content:"/";color:var(--line);margin-left:.4rem}
.labs-home .breadcrumb a{color:var(--ink-soft)}.labs-home .breadcrumb a:hover{color:var(--navy)}
.labs-home .breadcrumb li.active{color:var(--navy);font-weight:600}

/* info bar (single page: no-doctor-visit note + talk to doctor) */
.labs-home .labs-info-bar{background:var(--soft);border-bottom:1px solid var(--line);padding:.9rem 0}
.labs-home .labs-info-bar .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.labs-home .labs-info-bar p{color:var(--red-deep);font-weight:600;font-size:.94rem}

/* category chip active state (listing page) */
.labs-home .cat.active{border-color:var(--navy);box-shadow:var(--shadow)}
.labs-home .cat.active b{color:var(--red)}

/* price/actions row inside a .test card when the card's grandparent is a Bootstrap
   .row (listing page's #load_lab_test_item) — kept out of the .row class so it doesn't
   inherit Bootstrap's flex-wrap/negative-margin .row rules. */
.labs-home .test .test-actions{display:flex;align-items:center;justify-content:space-between;margin-top:1.1rem}

/* filter + search bar (listing page) */
.labs-home .labs-filter-bar{display:flex;gap:.7rem;flex-wrap:wrap;align-items:stretch;margin:1.6rem 0}
.labs-home .labs-select-wrap{position:relative;flex:0 0 230px;display:flex}
.labs-home .labs-select-wrap svg{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--ink-soft);pointer-events:none}
.labs-home .labs-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:1.5px solid var(--line);border-radius:14px;padding:0 2.4rem 0 1rem;font-family:"Inter";font-size:.92rem;color:var(--ink);background:#fff;box-shadow:var(--shadow-sm);height:52px;cursor:pointer}
.labs-home .labs-select::-ms-expand{display:none}
.labs-home .labs-filter-bar .search{margin-top:0;flex:1;min-width:260px;max-width:none;height:52px}
.labs-home .labs-filter-bar .search input{height:100%}
.labs-home .search_lab_btn{display:flex;align-items:center;justify-content:center;width:38px;flex:none;border-radius:9px;color:#fff;background:var(--red);cursor:pointer;transition:.2s}
.labs-home .search_lab_btn:hover{background:var(--red-deep)}
.labs-home .fee-note{font-size:.85rem;color:var(--ink-soft);display:inline-flex;align-items:center;gap:.4rem;margin:0 0 1.6rem}
.labs-home .fee-note svg{width:15px;height:15px;color:var(--green-deep)}

@media(max-width:640px){
  .labs-home .labs-select-wrap,.labs-home .labs-filter-bar .search{flex:1 1 100%}
}

/* product grid state helper for the AJAX-filtered/search results */
.labs-home .no-product-text{grid-column:1/-1;text-align:center;color:var(--ink-soft);padding:2rem 0}
.labs-home .no-product-text img{margin:0 auto 1rem;width:64px}

/* pagination — Laravel's default paginator view renders a bare
   <nav><ul class="pagination"><li[.active|.disabled]><a>/<span></li></ul></nav>,
   with NO .page-item/.page-link classes, so style the real elements directly. */
.labs-home .labs-pagination{display:flex;justify-content:center;margin-top:2.2rem}
.labs-home .labs-pagination .pagination{display:flex;list-style:none;flex-wrap:wrap;gap:.35rem;padding:0;margin:0}
.labs-home .labs-pagination .pagination li{display:flex}
.labs-home .labs-pagination .pagination a,
.labs-home .labs-pagination .pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 .6rem;border-radius:9px;border:1px solid var(--line);color:var(--navy);font-weight:600;font-size:.88rem;background:#fff;text-decoration:none;transition:.2s}
.labs-home .labs-pagination .pagination a:hover{border-color:var(--navy);background:var(--soft)}
.labs-home .labs-pagination .pagination li.active span{background:var(--navy);border-color:var(--navy);color:#fff}
.labs-home .labs-pagination .pagination li.disabled span{color:var(--ink-soft);opacity:.5;border-color:var(--line);background:transparent}

/* single-test purchase panel */
.labs-home .labs-product-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:1.8rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;margin:1.8rem 0}
.labs-home .labs-product-card h1{font-size:clamp(1.4rem,2.6vw,1.9rem)}
.labs-home .labs-product-card .price{font-family:"Plus Jakarta Sans";font-size:2rem;font-weight:800;color:var(--navy);margin-top:.4rem;display:block}
.labs-home .labs-product-card .actions{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}

/* two-column detail layout (equal-height via grid, no JS needed) */
.labs-home .labs-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start;margin:2rem 0 3rem}
.labs-home .labs-detail-desc{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.8rem;font-size:.96rem;color:var(--ink)}
.labs-home .labs-detail-desc h4{font-size:1.1rem;margin-bottom:1rem}
.labs-home .labs-detail-desc li{list-style:disc;margin-left:1.2rem}
.labs-home .labs-related-rail h4{font-size:1rem;margin-bottom:1rem}
.labs-home .labs-related-rail .test{padding:1.1rem;margin-bottom:1rem}
.labs-home .labs-related-rail .test h3{font-size:.95rem}
.labs-home .labs-related-rail .no-related{text-align:center;color:var(--ink-soft);padding:2rem 0;border:1px dashed var(--line);border-radius:var(--r)}

@media(max-width:900px){
  .labs-home .labs-detail-grid{grid-template-columns:1fr}
}