/*
Theme Name: Bankopedia Pro
Theme URI: https://bankopedia.pk/
Author: OpenAI for Bankopedia
Description: Premium WordPress theme for Bankopedia.pk focused on banking careers, fintech, webinars, ecommerce, and industry news in Pakistan.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: bankopedia-pro
Tags: custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, e-commerce
*/
:root{--bp-bg:#0c1830;--bp-bg-soft:#132447;--bp-card:rgba(255,255,255,.07);--bp-text:#f1f6ff;--bp-muted:#bfd0e8;--bp-primary:#9bd1d8;--bp-primary-2:#17356f;--bp-line:rgba(255,255,255,.12);--bp-shadow:0 18px 46px rgba(0,0,0,.22);--bp-radius:22px;--bp-max:1240px}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--bp-text);background:radial-gradient(circle at top right,rgba(155,209,216,.14),transparent 24%),radial-gradient(circle at top left,rgba(23,53,111,.34),transparent 24%),linear-gradient(180deg,#0b1730 0%,#102040 55%,#162a4d 100%);line-height:1.65} a{color:inherit;text-decoration:none} a:hover{color:var(--bp-primary)} img{max-width:100%;height:auto} .container{width:min(calc(100% - 32px),var(--bp-max));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(12,24,48,.82);border-bottom:1px solid var(--bp-line)} .header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0} .branding{display:flex;align-items:center;gap:14px} .brand-logo-wrap{display:flex;align-items:center} .brand-logo,.custom-logo{max-height:62px;width:auto;display:block} .hero-corner-logo .custom-logo,.hero-corner-logo .brand-logo{max-height:84px}.site-title{font-size:1.15rem;font-weight:700}.site-tagline{color:var(--bp-muted);font-size:.92rem}.main-nav ul{display:flex;gap:18px;list-style:none;padding:0;margin:0;align-items:center;flex-wrap:wrap}.main-nav a{font-weight:600;font-size:.95rem}.header-cta{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,var(--bp-primary),#ffffff);color:#0b1630;font-weight:800;box-shadow:var(--bp-shadow)}
.hero{padding:70px 0 42px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:stretch}.glass-card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--bp-line);border-radius:var(--bp-radius);box-shadow:var(--bp-shadow)} .hero-copy{padding:42px}.hero-kicker{color:var(--bp-primary);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.hero h1{font-size:clamp(2.3rem,4vw,4.4rem);line-height:1.02;margin:14px 0 18px}.hero p{color:var(--bp-muted);font-size:1.06rem;max-width:60ch}.btn-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.btn,button,input[type="submit"]{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:13px 22px;border-radius:999px;font-weight:800}.btn-primary{background:linear-gradient(135deg,var(--bp-primary),#fff);color:#0b1630}.btn-secondary{background:rgba(255,255,255,.05);color:var(--bp-text);border:1px solid var(--bp-line)}
.hero-panel{padding:28px;display:grid;gap:18px;position:relative;overflow:hidden}.hero-panel:before{content:"";position:absolute;inset:auto -10% -10% auto;width:260px;height:260px;background:radial-gradient(circle,rgba(155,209,216,.22),transparent 68%)} .metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.metric-card{padding:22px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid var(--bp-line)}.metric-card h3{margin:0 0 8px;font-size:2rem}.metric-card p{margin:0;color:var(--bp-muted);font-size:.94rem}
.section{padding:28px 0 70px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}.section-head h2{margin:0;font-size:clamp(1.6rem,3vw,2.6rem)}.section-head p{margin:8px 0 0;color:var(--bp-muted);max-width:60ch}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.two-up{grid-template-columns:repeat(2,1fr)} .feature-card,.job-box,.bank-box,.news-card,.shop-card,.webinar-card,.social-card,.ad-card{padding:24px;border-radius:var(--bp-radius);background:rgba(255,255,255,.05);border:1px solid var(--bp-line);box-shadow:var(--bp-shadow)} .feature-link{transition:transform .2s ease,border-color .2s ease}.feature-link:hover{transform:translateY(-3px);border-color:rgba(155,209,216,.4)} .feature-card h3,.job-box h3,.bank-box h3,.news-card h3,.shop-card h3,.webinar-card h3,.social-card h3,.ad-card h3{margin-top:0}.mini-label{display:inline-block;padding:7px 11px;border-radius:999px;font-size:.78rem;font-weight:700;background:rgba(155,209,216,.16);color:#d8f7fb}.dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tag-list{display:flex;flex-wrap:wrap;gap:10px}.tag-list span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--bp-line);color:var(--bp-muted);font-size:.9rem}.bank-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.bank-box small,.news-meta,.muted{color:var(--bp-muted)}.bank-stat{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--bp-line)} .shop-grid,.news-grid,.webinar-grid,.social-grid{display:grid;gap:18px}.shop-grid{grid-template-columns:repeat(4,1fr)}.full-shop-grid{grid-template-columns:repeat(4,1fr)}.news-grid{grid-template-columns:repeat(4,1fr)}.webinar-grid{grid-template-columns:repeat(4,1fr)}.social-grid{grid-template-columns:1.2fr 1fr 1fr 1fr}.price{font-size:1.25rem;font-weight:700;margin:12px 0}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.page-hero{padding:56px 0 24px}.page-title{font-size:clamp(2rem,3vw,3rem);margin:0 0 10px}.page-subtitle{color:var(--bp-muted);max-width:70ch}.site-footer{margin-top:50px;padding:32px 0;border-top:1px solid var(--bp-line);background:rgba(0,0,0,.15)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr;gap:22px}.footer-grid p,.footer-grid li{color:var(--bp-muted)}.footer-grid ul{padding-left:18px}.post-card-thumb{aspect-ratio:16/9;border-radius:16px;background:linear-gradient(135deg,rgba(155,209,216,.22),rgba(1,35,91,.45));margin-bottom:14px}.notice{padding:18px 20px;border-left:4px solid var(--bp-primary);background:rgba(155,209,216,.1);border-radius:14px;color:#effeff}.slim-notice{margin-top:16px}.admin-note{margin-top:18px;padding:12px 14px;border-radius:14px;font-size:.93rem;color:#cfe7ea;background:rgba(1,35,91,.55);border:1px dashed rgba(155,209,216,.35)} .product-thumb{aspect-ratio:4/3;border-radius:18px;margin-bottom:14px;border:1px solid var(--bp-line);background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.14),transparent 28%),linear-gradient(180deg,#17356f,#0d1d3c 65%,#091221)} .product-apparel:before{content:"";display:block;width:52%;height:62%;margin:10% auto 0;border-radius:20px 20px 12px 12px;border:2px solid rgba(255,255,255,.22);border-top-width:6px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.03))}
.content-shell{padding:28px;margin-top:20px}.bp-form label{display:block;margin-bottom:16px}.bp-form span{display:block;margin-bottom:8px;font-weight:700}.bp-form input,.bp-form textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--bp-line);background:rgba(255,255,255,.04);color:var(--bp-text)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{background:rgba(255,255,255,.05);border:1px solid var(--bp-line);border-radius:18px;padding:18px}.woocommerce span.onsale{background:#163a69}
@media (max-width:1100px){.hero-grid,.dual-grid,.footer-grid,.social-grid{grid-template-columns:1fr}.card-grid,.news-grid,.webinar-grid,.shop-grid,.bank-grid,.full-shop-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.header-inner{flex-direction:column;align-items:flex-start}.hero-copy,.hero-panel,.feature-card,.job-box,.bank-box,.news-card,.shop-card,.webinar-card,.social-card,.ad-card,.content-shell{padding:20px}.card-grid,.news-grid,.webinar-grid,.shop-grid,.bank-grid,.archive-grid,.metric-grid,.form-grid,.full-shop-grid,.two-up{grid-template-columns:1fr}.hero{padding-top:40px}}

.bank-logo{width:78px;height:78px;object-fit:contain;border-radius:18px;padding:10px;background:rgba(255,255,255,.08);border:1px solid var(--bp-line);margin-bottom:14px}.placeholder-logo{display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:var(--bp-primary)}.bank-main-link{display:block}.bank-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn-outline{background:transparent;color:var(--bp-text);border:1px solid var(--bp-line)}.btn.small{padding:10px 16px;font-size:.9rem}.placeholder-product{display:flex;align-items:center;justify-content:center;color:var(--bp-muted);font-weight:700;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));}.placeholder-product span{padding:10px 14px;border-radius:999px;border:1px dashed var(--bp-line)} select{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--bp-line);background:rgba(255,255,255,.04);color:var(--bp-text)}