/* Page-specific styles — base.css is loaded separately */
:root{
  --cream:#F5F6F8;
  --white:#FFFFFF;
  --ink:#0D0D0B;
  --ink60:rgba(13,13,11,.6);
  --ink30:rgba(13,13,11,.3);
  --ink12:rgba(13,13,11,.12);
  --ink08:rgba(13,13,11,.08);
  --ink05:rgba(13,13,11,.05);
  --navy:#002060;
  --night:#001a4d;
  --night2:#002060;
  --red:#E30613;
  --gold:#E8A020;
  --gold2:rgba(232,160,32,.12);
  --W:1160px;
}

/* NAV */
.nav-logo img{height:40px;width:auto;object-fit:contain;display:block;}
.nav-txt span{font-weight:400;color:var(--ink60);}
.nbg:hover{border-color:var(--navy);}
.nbs:hover{opacity:.85;}

/* ANNOUNCEMENT BAR */
.ann-bar-txt{font-size:12px;font-weight:500;color:rgba(255,255,255,.75);font-family:'Inter',sans-serif;}
.ann-bar-btn{font-size:12px;font-weight:700;color:#fff;background:var(--red);padding:3px 12px;border-radius:5px;text-decoration:none;transition:opacity .2s;}
.ann-bar-btn:hover{opacity:.85;}

/* PAGE HEADER */

/* SEARCH BAR */
.search-wrap{background:var(--white);padding:20px 0;}
.search-inner{max-width:var(--W);margin:0 auto;padding:0 44px;display:flex;align-items:center;gap:12px;}
.big-search{flex:1;display:flex;align-items:center;gap:12px;background:transparent;border:1.5px solid var(--ink12);border-radius:12px;padding:13px 18px;transition:border-color .2s;}
.big-search:focus-within{border-color:var(--navy);}
.big-search svg{width:18px;height:18px;stroke:var(--ink30);flex-shrink:0;fill:none;stroke-width:2;}
.big-search input{border:none;background:transparent;font-family:'Inter',sans-serif;font-size:15px;color:var(--ink);outline:none;width:100%;}
.big-search input::placeholder{color:var(--ink30);}
.search-count{font-size:12.5px;font-weight:600;color:var(--ink30);white-space:nowrap;flex-shrink:0;}

/* FILTER BAR */
.filter-wrap{background:var(--white);position:sticky;top:100px;z-index:400;}
.filter-inner{max-width:var(--W);margin:0 auto;padding:0 44px;display:flex;align-items:center;gap:0;height:50px;border-bottom:1px solid var(--ink08);}
.filter-tabs{display:flex;align-items:center;gap:3px;flex:1;overflow-x:auto;scrollbar-width:none;}
.filter-tabs::-webkit-scrollbar{display:none;}
.ftab{padding:5px 13px;font-size:12.5px;font-weight:600;color:var(--ink60);background:transparent;border:1.5px solid transparent;border-radius:7px;cursor:pointer;white-space:nowrap;transition:all .15s;font-family:'Inter',sans-serif;}
.ftab:hover{color:var(--navy);background:rgba(0,32,96,.05);}
.ftab.on{color:var(--navy);border-color:rgba(0,32,96,.2);background:rgba(0,32,96,.07);}
.fsep{width:1px;height:22px;background:var(--ink08);margin:0 10px;flex-shrink:0;}
.filter-r{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.icon-btn{display:flex;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:600;color:var(--ink60);background:transparent;border:1.5px solid var(--ink12);border-radius:7px;cursor:pointer;white-space:nowrap;font-family:'Inter',sans-serif;transition:all .15s;}
.icon-btn:hover{border-color:var(--navy);color:var(--navy);}
.icon-btn.on{color:var(--navy);border-color:rgba(0,32,96,.2);background:rgba(0,32,96,.07);}
.icon-btn svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2;}
.view-btns{display:flex;gap:3px;}
.view-btn{width:28px;height:28px;border:1.5px solid var(--ink12);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;transition:all .15s;}
.view-btn.on{background:var(--navy);border-color:var(--navy);}
.view-btn svg{width:12px;height:12px;stroke:var(--ink30);fill:none;stroke-width:1.8;}
.view-btn.on svg{stroke:#fff;}

/* ADV DRAWER */
.adv-drawer{background:var(--white);display:block;}
.adv-inner{max-width:var(--W);margin:0 auto;padding:12px 44px 14px;border-top:1px solid var(--ink08);border-bottom:1px solid var(--ink08);}
.adv-selects{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.adv-group{display:flex;align-items:center;gap:8px;}
.adv-group label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink30);white-space:nowrap;}
.adv-group select{padding:5px 10px;border:1.5px solid var(--ink12);border-radius:8px;font-family:'Inter',sans-serif;font-size:12.5px;color:var(--ink);background:var(--white);outline:none;cursor:pointer;transition:border-color .2s;width:auto;}
.adv-group select:focus{border-color:var(--navy);}
.adv-tags-row{display:flex;align-items:center;gap:6px;padding-top:10px;border-top:1px solid var(--ink08);flex-wrap:wrap;width:100%;}
.adv-tags-lbl{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink30);white-space:nowrap;margin-right:2px;}
.atag{padding:4px 12px;border-radius:100px;font-size:11.5px;font-weight:600;background:var(--cream);color:var(--ink60);border:1px solid var(--ink08);cursor:pointer;transition:all .15s;}
.atag:hover,.atag.on{background:rgba(0,32,96,.08);color:var(--navy);border-color:rgba(0,32,96,.2);}

/* CONTENT */
.content-area{max-width:var(--W);margin:0 auto;padding:28px 44px 0;}
.result-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.rb-count{font-size:13px;color:var(--ink60);}
.rb-count b{color:var(--ink);font-weight:700;}

/* COMPANY GRID */
.company-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px;}
.company-grid.list-view{grid-template-columns:1fr;}

/* CARD */
.ccard{background:var(--white);border:1px solid var(--ink08);border-radius:13px;overflow:hidden;display:block;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;}
.ccard:hover{border-color:rgba(0,32,96,.3);transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,32,96,.08);}
.ccard-logo-area{height:64px;background:var(--cream);border-bottom:1px solid var(--ink08);}
.ccard-top{display:none;}
.ccard-logo{display:none;}
.ccard-img{height:68px;background:var(--cream);display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--ink08);}
.ccard-img img{height:28px;width:auto;max-width:110px;object-fit:contain;filter:grayscale(100%) opacity(0.45);transition:filter .25s;}
.ccard:hover .ccard-img img{filter:grayscale(0%) opacity(0.9);}
.ccard-badge{display:inline-flex;align-items:center;gap:3px;background:rgba(0,32,96,.08);border:1px solid rgba(0,32,96,.2);border-radius:100px;padding:2px 8px;font-size:9px;font-weight:700;color:var(--navy);margin-bottom:9px;}
.ccard-badge svg{width:8px;height:8px;stroke:var(--navy);fill:none;stroke-width:2.5;}
.ccard-body{padding:14px 16px 16px;}
.ccard-name{font-size:13px;font-weight:800;color:var(--ink);letter-spacing:-.02em;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ccard-sector{font-size:11px;font-weight:600;color:var(--navy);opacity:.6;margin-bottom:7px;}
.ccard-desc{font-size:11.5px;color:var(--ink60);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;}
.ccard-foot{display:flex;align-items:center;justify-content:space-between;}
.ccard-meta{font-size:10.5px;color:var(--ink30);font-weight:500;}
.ccard-arr{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--ink08);display:flex;align-items:center;justify-content:center;transition:all .2s;}
.ccard:hover .ccard-arr{background:var(--navy);border-color:var(--navy);}
.ccard-arr svg{width:9px;height:9px;stroke:var(--ink30);fill:none;stroke-width:2.5;transition:stroke .2s;}
.ccard:hover .ccard-arr svg{stroke:#fff;}

/* LIST ROW */
.lrow{background:var(--white);border:1px solid var(--ink08);border-radius:11px;padding:15px 20px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:16px;text-decoration:none;transition:border-color .2s,transform .2s;position:relative;}
.lrow::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--navy);border-radius:2px 0 0 2px;transform:scaleY(0);transform-origin:bottom;transition:transform .2s;}
.lrow:hover{border-color:rgba(0,32,96,.25);transform:translateX(3px);}
.lrow:hover::before{transform:scaleY(1);}
.lrow-logo{width:46px;height:46px;border-radius:10px;background:var(--cream);border:1px solid var(--ink08);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--ink);flex-shrink:0;}
.lrow-name{font-size:14px;font-weight:800;color:var(--ink);letter-spacing:-.02em;}
.lrow-desc{font-size:12px;color:var(--ink60);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:560px;}
.lrow-right{display:flex;align-items:center;gap:14px;flex-shrink:0;}
.lrow-sector{font-size:11px;font-weight:700;color:var(--navy);opacity:.7;text-align:right;}
.lrow-loc{font-size:11px;color:var(--ink30);text-align:right;margin-top:2px;}
.lrow-arr{width:28px;height:28px;border-radius:8px;border:1.5px solid var(--ink08);display:flex;align-items:center;justify-content:center;transition:all .2s;}
.lrow:hover .lrow-arr{background:var(--navy);border-color:var(--navy);}
.lrow-arr svg{width:10px;height:10px;stroke:var(--ink30);fill:none;stroke-width:2.5;transition:stroke .2s;}
.lrow:hover .lrow-arr svg{stroke:#fff;}

/* VIEW / FORM HELPERS */
.listing-form{display:block;}
.icon-btn--select{position:relative;padding-right:12px;}
.icon-btn--select select{appearance:none;-webkit-appearance:none;border:none;background:transparent;font:inherit;color:inherit;outline:none;cursor:pointer;padding-right:14px;}
.icon-btn--select::after{content:'▾';font-size:11px;opacity:.6;}
.adv-drawer{display:none;}
.adv-drawer.is-open{display:block;}
.adv-group--actions{margin-left:auto;}
.atag{font-family:'Inter',sans-serif;}
.ccard-logo-fallback{display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:var(--navy);letter-spacing:-.04em;}
.empty-state{padding:24px;border:1px dashed var(--ink12);border-radius:12px;background:var(--white);color:var(--ink60);}

/* LIST VIEW */
.company-grid.list-view{grid-template-columns:1fr;}
.lrow-mid{min-width:0;}

/* PAGINATION */
.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:48px;margin-bottom:56px;}
.pagination .pager__items{display:flex;align-items:center;gap:6px;list-style:none;padding:0;margin:0;}
.pagination .pager__item{margin:0;}
.pagination .pager__item a,
.pagination .pager__item.is-active a,
.pagination .pager__item--current,
.pagination .pager__item--ellipsis{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:8px;border:1.5px solid var(--ink12);background:var(--white);font-size:12px;font-weight:700;color:var(--ink);text-decoration:none;}
.pagination .pager__item.is-active a,
.pagination .pager__item--current{background:var(--navy);border-color:var(--navy);color:#fff;}
.pagination .pager__item a:hover{border-color:var(--navy);color:var(--navy);}

/* CTA STRIP */
.cta-strip::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 70% at 0% 50%,rgba(255,255,255,.04),transparent 55%),radial-gradient(ellipse 40% 60% at 100% 50%,rgba(255,255,255,.03),transparent 55%);pointer-events:none;}
.cta-strip::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;}

/* FOOTER */
.fsoc:hover{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.1);}
.fsoc svg{width:15px;height:15px;fill:none;stroke:rgba(255,255,255,.7);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s;}
.fsoc:hover svg{stroke:#fff;}
.fsoc .yt-play{fill:rgba(255,255,255,.7);stroke:none;transition:fill .2s;}
.fsoc:hover .yt-play{fill:#fff;}
.fp-lbl{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink30);white-space:nowrap;}
.fp-links{display:flex;gap:18px;flex-wrap:wrap;}
.fp-link{font-size:12px;color:var(--ink30);text-decoration:none;transition:color .15s;}
.fp-link:hover{color:var(--navy);}

/* REVEAL */

@media(max-width:960px){
  .company-grid{grid-template-columns:repeat(2,1fr);}
  .adv-inner{grid-template-columns:1fr 1fr;}
}