/*
Theme Name: BizInsiderPost
Description: Business Insider-inspired homepage (dense headline blocks, Most Popular sidebar) with a Yahoo-style article page (byline with avatar, share row, author box, related stories grid, sticky trending sidebar). Search bar sits right beside the logo. Free public submit page with image-required rule. Fully portable.
Version: 1.0
Requires at least: 5.9
Requires PHP: 7.4
Text Domain: bizinsiderpost
*/
:root{
  --bp-blue:#0057ff;
  --bp-cyan:#00b8ff;
  --bp-ink:#111;
  --bp-gray:#6a6a6a;
  --bp-border:#e6e6e9;
  --bp-bg:#f6f7f9;
  --bp-font:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--bp-font);color:var(--bp-ink);background:var(--bp-bg);line-height:1.5;font-size:14.5px;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.container{max-width:1200px;margin:0 auto;padding:0 18px;}

/* Header: logo + search sit together */
.bip-header{background:#fff;border-bottom:1px solid var(--bp-border);padding:14px 0;}
.bip-header-inner{display:flex;align-items:center;gap:22px;}
.bip-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.bip-logo-mark{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,var(--bp-blue),var(--bp-cyan));color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;letter-spacing:.02em;box-shadow:0 4px 10px rgba(0,87,255,.28);}
.bip-logo-text{font-size:24px;font-weight:900;letter-spacing:-.01em;color:var(--bp-ink);}
.bip-search{display:flex;flex:1;max-width:520px;background:#f1f3f6;border:1px solid var(--bp-border);border-radius:24px;overflow:hidden;}
.bip-search input{flex:1;border:none;background:none;padding:10px 16px;font-size:14px;outline:none;min-width:0;}
.bip-search button{background:var(--bp-blue);color:#fff;border:none;padding:0 20px;margin:3px;border-radius:20px;font-weight:700;font-size:13px;cursor:pointer;}
.bip-search button:hover{background:#0043c4;}
.bip-date{margin-left:auto;font-size:12px;color:var(--bp-gray);white-space:nowrap;}

.bip-nav{background:var(--bp-ink);}
.bip-nav ul{display:flex;list-style:none;overflow-x:auto;margin:0;padding:0;}
.bip-nav a{display:block;padding:11px 16px;color:#fff;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;}
.bip-nav a:hover{background:var(--bp-blue);}

/* Homepage top */
.bip-top{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;margin:18px 0;}
.bip-top-main{display:block;background:#fff;border-radius:6px;overflow:hidden;border:1px solid var(--bp-border);}
.bip-top-img{width:100%;height:350px;object-fit:cover;background:linear-gradient(135deg,#222,#0057ff);}
.bip-top-body{padding:16px 20px 20px;}
.bip-tag{display:inline-block;color:var(--bp-blue);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;}
.bip-top-title{font-size:27px;font-weight:900;line-height:1.2;}
.bip-top-main:hover .bip-top-title{color:var(--bp-blue);}
.bip-top-dek{font-size:14px;color:#555;margin-top:8px;}
.bip-top-side{background:#fff;border-radius:6px;border:1px solid var(--bp-border);}
.bip-side-item{display:flex;gap:12px;padding:13px 16px;border-bottom:1px solid var(--bp-border);}
.bip-side-item:last-child{border-bottom:none;}
.bip-side-thumb{width:84px;height:62px;object-fit:cover;border-radius:4px;flex-shrink:0;background:linear-gradient(135deg,#222,#0057ff);}
.bip-side-item h4{font-size:14px;font-weight:800;line-height:1.28;}
.bip-side-item:hover h4{color:var(--bp-blue);}

.bip-layout{display:grid;grid-template-columns:2.25fr 1fr;gap:22px;margin-bottom:30px;align-items:start;}
.bip-box{background:#fff;border:1px solid var(--bp-border);border-radius:6px;padding:18px;}

/* Category blocks */
.bip-cats{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.bip-catblock{background:#fff;border:1px solid var(--bp-border);border-radius:6px;padding:16px;}
.bip-cat-head{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--bp-ink);padding-bottom:7px;margin-bottom:12px;}
.bip-cat-head h2{font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;}
.bip-cat-head a{font-size:11px;font-weight:800;color:var(--bp-blue);text-transform:uppercase;}
.bip-cat-lead{display:block;margin-bottom:12px;}
.bip-cat-lead-img{width:100%;height:150px;object-fit:cover;border-radius:4px;background:linear-gradient(135deg,#222,#0057ff);margin-bottom:8px;}
.bip-cat-lead h3{font-size:16px;font-weight:800;line-height:1.28;}
.bip-cat-lead:hover h3{color:var(--bp-blue);}
.bip-cat-row{display:block;padding:9px 0;border-top:1px solid var(--bp-border);font-size:13.5px;font-weight:700;line-height:1.32;}
.bip-cat-row:hover{color:var(--bp-blue);}

.bip-latest-row{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--bp-border);}
.bip-latest-row:last-child{border-bottom:none;}
.bip-latest-thumb{width:130px;height:88px;object-fit:cover;border-radius:4px;flex-shrink:0;background:linear-gradient(135deg,#222,#0057ff);}
.bip-latest-row h3{font-size:17px;font-weight:800;line-height:1.26;}
.bip-latest-row:hover h3{color:var(--bp-blue);}
.bip-meta{font-size:11px;color:var(--bp-gray);margin-top:6px;text-transform:uppercase;font-weight:700;letter-spacing:.02em;}

/* Sidebar */
.bip-sticky{position:sticky;top:16px;}
.bip-widget{background:#fff;border:1px solid var(--bp-border);border-radius:6px;margin-bottom:18px;}
.bip-widget-title{background:var(--bp-ink);color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:10px 14px;border-radius:5px 5px 0 0;}
.bip-widget-body{padding:4px 14px 8px;}
.bip-pop{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--bp-border);align-items:baseline;}
.bip-pop:last-child{border-bottom:none;}
.bip-pop-num{font-size:20px;font-weight:900;color:var(--bp-blue);width:22px;flex-shrink:0;line-height:1;}
.bip-pop h5{font-size:13.5px;font-weight:700;line-height:1.3;}
.bip-pop:hover h5{color:var(--bp-blue);}
.bip-mini{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--bp-border);}
.bip-mini:last-child{border-bottom:none;}
.bip-mini-thumb{width:66px;height:50px;object-fit:cover;border-radius:4px;flex-shrink:0;background:linear-gradient(135deg,#222,#0057ff);}
.bip-mini h5{font-size:12.5px;font-weight:700;line-height:1.3;}
.bip-mini:hover h5{color:var(--bp-blue);}

/* Article (Yahoo-style) */
.bip-crumbs{font-size:12px;color:var(--bp-gray);margin:18px 0 10px;}
.bip-crumbs a:hover{color:var(--bp-blue);}
.bip-article{background:#fff;border:1px solid var(--bp-border);border-radius:6px;padding:28px 30px;}
.bip-article h1{font-size:34px;font-weight:900;line-height:1.16;letter-spacing:-.01em;margin-bottom:14px;}
.bip-byline{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--bp-border);border-bottom:1px solid var(--bp-border);margin-bottom:18px;flex-wrap:wrap;}
.bip-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--bp-blue);flex-shrink:0;}
.bip-by-name{font-weight:800;font-size:14px;}
.bip-by-meta{font-size:12px;color:var(--bp-gray);margin-top:1px;}
.bip-share{margin-left:auto;display:flex;gap:6px;}
.bip-share a{width:32px;height:32px;border-radius:50%;background:#f1f3f6;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:900;color:var(--bp-ink);}
.bip-share a:hover{background:var(--bp-blue);color:#fff;}
.bip-fig{margin:0 0 22px;}
.bip-fig img,.bip-article-thumb{width:100%;height:auto;max-height:470px;object-fit:cover;border-radius:6px;}
.bip-cap{font-size:11.5px;color:var(--bp-gray);margin-top:6px;}
.bip-body{font-size:18px;line-height:1.78;}
.bip-body p{margin:0 0 20px;}
.bip-body h2{font-size:24px;font-weight:900;margin:30px 0 12px;}
.bip-body h3{font-size:20px;font-weight:800;margin:24px 0 10px;}
.bip-body a{color:var(--bp-blue);text-decoration:underline;}
.bip-body ul,.bip-body ol{margin:0 0 20px 24px;}
.bip-chips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0;}
.bip-chips a{background:#eaf1ff;color:var(--bp-blue);font-size:12px;font-weight:800;padding:5px 14px;border-radius:16px;}
.bip-chips a:hover{background:var(--bp-blue);color:#fff;}
.bip-author{display:flex;gap:16px;background:#f6f7f9;border-radius:6px;padding:18px;margin:24px 0;}
.bip-author-name{font-weight:900;font-size:15px;margin-bottom:4px;}
.bip-author-bio{font-size:13.5px;color:#555;}

.bip-related{margin-top:30px;padding-top:22px;border-top:3px solid var(--bp-ink);}
.bip-related-head{font-size:19px;font-weight:900;margin-bottom:16px;}
.bip-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.bip-rcard{display:block;background:#fff;border:1px solid var(--bp-border);border-radius:6px;overflow:hidden;}
.bip-rcard-img{width:100%;height:120px;object-fit:cover;background:linear-gradient(135deg,#222,#0057ff);}
.bip-rcard-body{padding:11px 13px 13px;}
.bip-rcard-cat{font-size:10.5px;font-weight:800;color:var(--bp-blue);text-transform:uppercase;}
.bip-rcard h4{font-size:14px;font-weight:800;line-height:1.28;margin-top:4px;}
.bip-rcard:hover h4{color:var(--bp-blue);}

.bip-page{max-width:760px;margin:0 auto;padding:30px 18px 54px;}
.bip-page h1{font-size:30px;font-weight:900;margin-bottom:16px;}
.bip-page-body{font-size:16px;line-height:1.75;}
.bip-page-body a{color:var(--bp-blue);text-decoration:underline;}

.bip-submit{max-width:780px;margin:0 auto;padding:22px 18px 54px;}
.bip-submit h1{font-size:29px;font-weight:900;margin-bottom:10px;}
.bip-submit-intro{font-size:14.5px;color:#444;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--bp-border);}
.bip-req{background:#eaf1ff;border-left:4px solid var(--bp-blue);padding:15px 18px;margin-bottom:22px;border-radius:0 6px 6px 0;}
.bip-req h4{font-size:12px;font-weight:800;text-transform:uppercase;margin-bottom:8px;color:#0043c4;}
.bip-req ul{margin:0;padding-left:18px;font-size:13px;color:#444;line-height:1.75;}
.bip-fg{margin-bottom:15px;}
.bip-fg label{display:block;font-size:13px;font-weight:700;margin-bottom:5px;}
.bip-fg input{width:100%;border:1px solid var(--bp-border);border-radius:6px;padding:10px 12px;font-size:14px;}
.bip-wc{font-size:12px;color:#888;margin-top:5px;}
.bip-wc.ok{color:#1a7a3a;font-weight:700;}
.bip-btn{background:var(--bp-blue);color:#fff;border:none;border-radius:24px;padding:12px 28px;font-size:14px;font-weight:800;cursor:pointer;}
.bip-btn:hover{background:#0043c4;}
.bip-btn:disabled{opacity:.5;cursor:not-allowed;}
.bip-err{display:none;background:#fdecec;border-left:4px solid #a3382c;color:#a3382c;padding:12px 15px;margin-bottom:15px;font-size:13.5px;}
.bip-err.show{display:block;}
.bip-ok{display:none;text-align:center;padding:34px 0;}
.bip-ok.show{display:block;}

.bip-footer{background:var(--bp-ink);color:#aeb4bf;padding:22px 0;text-align:center;font-size:12px;margin-top:10px;}

@media(max-width:960px){
  .bip-top,.bip-layout{grid-template-columns:1fr;}
  .bip-cats{grid-template-columns:1fr;}
  .bip-related-grid{grid-template-columns:1fr;}
  .bip-header-inner{flex-wrap:wrap;}
  .bip-search{max-width:none;order:3;width:100%;flex-basis:100%;}
  .bip-date{display:none;}
  .bip-article{padding:20px 16px;}
  .bip-article h1{font-size:27px;}
  .bip-sticky{position:static;}
}