/*
Theme Name: B3 Healthcare Consulting
Theme URI: https://b3healthcare.my.canva.site/
Author: B3 Healthcare Consulting
Description: A responsive, editable WordPress theme for B3 Healthcare Consulting with healthcare quality, ISO 9001 training, services, registration, and contact sections.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: b3-healthcare
*/

:root{
  --b3-navy:#0c2746;
  --b3-navy2:#173d66;
  --b3-gold:#f4ac14;
  --b3-ink:#16263a;
  --b3-muted:#64748b;
  --b3-soft:#f6f9fc;
  --b3-white:#fff;
  --b3-line:#dbe5ef;
  --b3-shadow:0 20px 50px rgba(12,39,70,.13);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--b3-ink);line-height:1.6;background:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.b3-container{width:min(1140px,92%);margin:auto}
.b3-topbar{background:var(--b3-navy);color:#d9e6f5;font-size:.92rem}
.b3-topbar .b3-container{display:flex;justify-content:space-between;gap:16px;padding:9px 0;flex-wrap:wrap}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--b3-line)}
.b3-nav{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.b3-brand{display:flex;align-items:center;gap:14px;font-weight:900;color:var(--b3-navy)}
.b3-brand img,.custom-logo{max-height:56px;width:auto}
.b3-brand-text small{display:block;color:var(--b3-muted);letter-spacing:.24em;font-size:.64rem}
.b3-menu{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:26px;font-weight:700;color:#33475f}
.b3-menu a:hover{color:var(--b3-navy)}
.b3-register,.b3-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800;transition:.2s ease}
.b3-register{padding:12px 18px;background:var(--b3-gold);color:var(--b3-navy)}
.b3-btn{padding:14px 22px}
.b3-btn-gold{background:var(--b3-gold);color:var(--b3-navy)}
.b3-btn-outline{border:1px solid #b9c8d8;background:#fff;color:var(--b3-navy)}
.b3-register:hover,.b3-btn:hover{transform:translateY(-2px)}
.b3-menu-toggle{display:none;border:0;background:none;font-size:1.7rem;color:var(--b3-navy);cursor:pointer}
.b3-hero{position:relative;overflow:hidden;padding:82px 0;background:linear-gradient(180deg,#fbfdff,#f3f7fb)}
.b3-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:55px;background:var(--b3-navy);transform:rotate(45deg);right:-240px;top:-230px}
.b3-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.03fr .97fr;gap:54px;align-items:center}
.b3-eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.09em;font-size:.77rem;font-weight:900;color:var(--b3-navy);background:#edf4fa;border:1px solid #d8e4ef;border-radius:999px;padding:8px 13px}
.b3-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--b3-gold)}
.b3-hero h1{font-size:clamp(2.8rem,5.6vw,5.2rem);line-height:1.02;letter-spacing:-.045em;color:var(--b3-navy);margin:20px 0}
.b3-hero p{font-size:1.1rem;color:var(--b3-muted);max-width:650px}
.b3-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.b3-hero-image{background:#fff;border-radius:28px;padding:14px;box-shadow:var(--b3-shadow);border:1px solid #e4ebf2}
.b3-hero-image img{border-radius:18px;width:100%}
.b3-section{padding:80px 0}
.b3-section-head{max-width:760px;margin-bottom:40px}
.b3-section-head h2{font-size:clamp(2rem,4vw,3.15rem);line-height:1.08;letter-spacing:-.03em;color:var(--b3-navy);margin:10px 0 12px}
.b3-section-head p{color:var(--b3-muted);font-size:1.04rem}
.b3-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.b3-card{padding:27px;border:1px solid var(--b3-line);border-radius:22px;background:#fff;transition:.2s}
.b3-card:hover{transform:translateY(-5px);box-shadow:var(--b3-shadow)}
.b3-icon{width:50px;height:50px;border-radius:14px;background:#edf4fa;display:grid;place-items:center;color:var(--b3-navy);font-weight:900;margin-bottom:16px}
.b3-card h3{color:var(--b3-navy);margin:0 0 8px}
.b3-card p{color:var(--b3-muted);margin:0}
.b3-about{background:var(--b3-soft)}
.b3-about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.b3-visual-card{background:#fff;border:1px solid var(--b3-line);border-radius:24px;padding:18px;box-shadow:var(--b3-shadow)}
.b3-visual-card img{border-radius:16px;width:100%}
.b3-feature-list{display:grid;gap:14px;margin-top:22px}
.b3-feature{display:flex;gap:12px;align-items:flex-start}
.b3-dot{min-width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff4d7;color:#7e5900;font-weight:900}
.b3-feature strong{display:block;color:var(--b3-navy)}
.b3-training{background:linear-gradient(135deg,var(--b3-navy),var(--b3-navy2));color:#fff}
.b3-training-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.b3-training h2{font-size:clamp(2rem,4vw,3rem);line-height:1.08;margin:0 0 14px}
.b3-training p{color:#d5e2f0}
.b3-training-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:24px}
.b3-training-panel img{border-radius:14px;margin-bottom:18px}
.b3-training-meta{display:grid;gap:12px}
.b3-training-meta div{padding:12px 14px;background:rgba(255,255,255,.07);border-radius:12px}
.b3-training-meta b{color:#ffd36e}
.b3-qr-grid{display:grid;grid-template-columns:1fr auto;gap:42px;align-items:center}
.b3-qr-wrap{background:#fff;border:1px solid var(--b3-line);border-radius:20px;padding:14px;box-shadow:var(--b3-shadow)}
.b3-qr-wrap img{width:190px;height:190px;object-fit:cover}
.b3-contact{background:var(--b3-soft)}
.b3-contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px}
.b3-contact-box{background:#fff;border:1px solid var(--b3-line);border-radius:22px;padding:26px}
.b3-contact-line{margin:14px 0;color:var(--b3-muted)}
.b3-contact-line strong{display:block;color:var(--b3-ink)}
.b3-form-note{font-size:.9rem;color:var(--b3-muted);margin-top:12px}
.b3-footer{background:#081c33;color:#b9c7d7;padding:28px 0}
.b3-footer .b3-container{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.b3-footer strong{color:#fff}
.entry-content{width:min(900px,92%);margin:60px auto}
.entry-content h1,.entry-content h2,.entry-content h3{color:var(--b3-navy)}
@media(max-width:900px){
  .b3-menu{display:none;position:absolute;left:0;right:0;top:80px;background:#fff;padding:22px 4%;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--b3-line)}
  .b3-menu.is-open{display:flex}
  .b3-menu-toggle{display:block}
  .b3-hero-grid,.b3-about-grid,.b3-training-grid,.b3-qr-grid,.b3-contact-grid{grid-template-columns:1fr}
  .b3-cards{grid-template-columns:1fr 1fr}
  .b3-qr-wrap{width:max-content}
}
@media(max-width:620px){
  .b3-cards{grid-template-columns:1fr}
  .b3-hero h1{font-size:2.7rem}
  .b3-section{padding:62px 0}
}

/* Transparent horizontal B3 logo */
.b3-brand img,
.custom-logo {
  max-height: 62px;
  width: auto;
  max-width: 320px;
  object-fit: contain;
}
.b3-brand-text { display:none; }
@media (max-width:620px) {
  .b3-brand img,
  .custom-logo {
    max-height: 48px;
    max-width: 235px;
  }
}