/*
Theme Name: BUA - رابطة المسالك البولية البحرينية
Theme URI: https://designarybh.com
Author: Designary IT
Author URI: https://designarybh.com
Description: ثيم مخصص لموقع رابطة المسالك البولية البحرينية — عربي وإنجليزي (RTL/LTR، متوافق مع Polylang)، يدعم الفعاليات، التحقق من الشهادات، الأسئلة الشائعة، مساحات إعلانية للشركات، ونموذج اتصال.
Version: 1.18.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bua
Tags: rtl-language-support, custom-logo, custom-menu, widgets, one-column, two-columns
*/

:root{
  --navy:#1E2B6E;
  --navy-900:#141C4A;
  --navy-700:#2C3C86;
  --red:#C62032;
  --red-700:#A31A29;
  --red-50:#FBE8EA;
  --ink:#1A1F36;
  --muted:#555B75;
  --line:#E3E7F2;
  --tint:#EEF1FA;
  --bg:#F4F6FB;
  --white:#FFFFFF;
  --radius:20px;
  --wrap:1680px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Tajawal','Segoe UI',Tahoma,sans-serif;font-size:16px;line-height:1.7;text-align:start}
img{max-width:100%;height:auto}
a{color:var(--navy);text-decoration:none;transition:color .15s}
a:hover{color:var(--red)}
h1,h2,h3,h4{margin:0;line-height:1.35}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:24px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;top:8px;inset-inline-start:8px;z-index:999;background:var(--white);padding:10px 16px;border-radius:8px;width:auto;height:auto;clip:auto}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:999px;font-weight:700;font-size:15px;border:1.5px solid transparent;cursor:pointer;font-family:inherit;line-height:1.2;min-height:44px}
.btn-red{background:var(--red);color:var(--white)}
.btn-red:hover{background:var(--red-700);color:var(--white)}
.btn-navy{background:var(--navy);color:var(--white)}
.btn-navy:hover{background:var(--navy-900);color:var(--white)}
.btn-white{background:var(--white);color:var(--navy)}
.btn-white:hover{color:var(--red)}
.btn-ghost{border-color:rgba(255,255,255,.55);color:var(--white)}
.btn-ghost:hover{background:rgba(255,255,255,.1);color:var(--white)}
.btn-tint{background:var(--tint);color:var(--navy)}
.link-arrow{color:var(--red);font-weight:700}

/* Top bar */
.topbar{background:var(--navy-900);color:#DCE1F3;font-size:14px}
.topbar .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:9px}
.topbar a{color:#DCE1F3}.topbar a:hover{color:var(--white)}
.topbar-group{display:flex;flex-wrap:wrap;gap:22px}

/* Header */
.site-header{background:var(--white);border-bottom:1px solid var(--line);position:relative;z-index:20}
.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding-block:12px}
.brand{display:flex;align-items:center;gap:12px}
.brand img,.brand .custom-logo{width:88px;height:88px;object-fit:contain}
.brand-text{display:flex;flex-direction:column;line-height:1.25}
.brand-name{font-size:18px;font-weight:800;color:var(--navy)}
.brand-sub{font-size:13px;font-weight:500;color:var(--muted)}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 24px}
.main-nav a{color:var(--ink);font-weight:500;font-size:16px;padding:8px 0;display:inline-block}
.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--red)}
.main-nav li{position:relative}
.main-nav .sub-menu{display:none;position:absolute;top:100%;inset-inline-start:0;background:var(--white);border-radius:12px;box-shadow:0 12px 30px rgba(20,28,74,.12);padding:10px;min-width:200px;flex-direction:column;gap:0}
.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:flex}
.main-nav .sub-menu a{padding:8px 12px}
.menu-toggle{display:none;background:var(--tint);border:0;border-radius:12px;width:48px;height:48px;color:var(--navy);cursor:pointer;align-items:center;justify-content:center}

@media (max-width:1100px){
  .menu-toggle{display:inline-flex}
  .main-nav{order:3;width:100%;display:none}
  .main-nav.is-open{display:block}
  .main-nav ul{flex-direction:column;gap:0}
  .main-nav a{padding:12px 0;border-bottom:1px solid var(--line);width:100%}
  .main-nav .sub-menu{position:static;box-shadow:none;display:flex;padding:0;padding-inline-start:16px}
  .header-cta{display:none}
}

/* Hero */
.hero{padding-top:28px}
.hero-card{position:relative;border-radius:28px;overflow:hidden;min-height:540px;display:flex;align-items:center;background:var(--navy-700) center/cover no-repeat}
.hero-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to left,rgba(20,28,74,.94) 0%,rgba(20,28,74,.78) 45%,rgba(20,28,74,.25) 100%)}
.hero-body{position:relative;z-index:1;padding:64px 56px;max-width:640px;color:var(--white);display:flex;flex-direction:column;gap:22px}
.hero-badge{align-self:flex-start;background:rgba(255,255,255,.12);padding:8px 16px;border-radius:999px;font-size:14px;font-weight:500}
.hero-title{font-size:clamp(34px,5vw,58px);line-height:1.2;font-weight:300}
.hero-title strong{font-weight:800}
.hero-text{font-size:18px;line-height:1.8;color:#DCE1F3;max-width:520px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
@media (max-width:640px){.hero-body{padding:40px 24px}.hero-card{min-height:460px}.hero-card::after{background:rgba(20,28,74,.82)}}

/* Layout: content + ads */
.layout{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start;padding-block:48px 72px}
.layout-main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:56px}
.ads{flex:1 1 280px;max-width:320px;display:flex;flex-direction:column;gap:18px}
@media (max-width:900px){.ads{order:2;max-width:none}}

.ads-head{display:flex;align-items:center;justify-content:space-between}
.ads-head h2{font-size:18px;font-weight:800;color:var(--navy)}
.pill{font-size:12px;color:var(--muted);background:var(--line);padding:4px 10px;border-radius:999px}
.ad-box,.ads .widget{background:var(--white);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:10px}
.ads .widget img{border-radius:12px;display:block;width:100%}
.ads .widget-title{font-size:14px;font-weight:700;color:var(--navy);margin:4px 6px 0}
.ad-slot{border-radius:12px;background:var(--tint);border:1.5px dashed #AEB7D9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:14px}
.ad-slot strong{color:var(--navy)}
.ad-cta{background:var(--red);color:var(--white);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px}
.ad-cta strong{font-size:18px}
.ad-cta .btn{align-self:flex-start;background:var(--white);color:var(--red);padding:10px 20px;font-size:14px}

/* Section heads */
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--red);font-weight:700;font-size:15px}
.eyebrow::before{content:"";width:28px;height:3px;background:var(--red);border-radius:2px}
.section-title{font-size:clamp(26px,3vw,34px);font-weight:300;color:var(--ink)}
.section-title strong{font-weight:800;color:var(--navy)}
.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}
.section-head>div{display:flex;flex-direction:column;gap:10px}
.stack{display:flex;flex-direction:column;gap:22px}

/* About */
.about-lead{font-size:clamp(22px,2.4vw,32px);line-height:1.6;font-weight:300}
.about-lead strong{font-weight:800;color:var(--navy)}

/* Pillars */
.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));background:var(--white);border-radius:22px;overflow:hidden}
.pillar{padding:32px 28px;display:flex;flex-direction:column;gap:14px}
.pillar h3{font-size:20px;font-weight:800;color:var(--navy)}
.pillar p{font-size:15px;line-height:1.8;color:var(--muted)}
.pillar .icon{width:52px;height:52px;border-radius:14px;background:var(--tint);color:var(--navy);display:flex;align-items:center;justify-content:center}
.pillar.is-featured{background:var(--navy);color:var(--white)}
.pillar.is-featured h3{color:var(--white)}
.pillar.is-featured p{color:#DCE1F3}
.pillar.is-featured .icon{background:rgba(255,255,255,.14);color:var(--white)}

/* Cards grid */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.event-card{background:var(--white);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:14px}
.event-thumb{height:170px;border-radius:14px;background:var(--tint);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}
.event-thumb img{width:100%;height:100%;object-fit:cover}
.event-body{padding:4px 8px 10px;display:flex;flex-direction:column;gap:10px}
.tag{align-self:flex-start;background:var(--red-50);color:var(--red-700);font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px}
.event-body h3{font-size:18px;line-height:1.5;font-weight:800}
.event-body h3 a{color:var(--navy)}
.meta-list{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--muted)}
.empty-note{background:var(--white);border-radius:var(--radius);padding:28px;color:var(--muted)}

/* Verify */
.verify{background:var(--navy);border-radius:24px;padding:44px;display:flex;flex-wrap:wrap;gap:32px;align-items:center;color:var(--white)}
.verify-text{flex:1 1 280px;display:flex;flex-direction:column;gap:12px}
.verify-text .kicker{font-size:15px;font-weight:700;color:#F3B7BD}
.verify-text h2{font-size:30px;line-height:1.4;font-weight:800}
.verify-text p{font-size:15px;line-height:1.8;color:#DCE1F3}
.verify-form{flex:1 1 320px;background:var(--white);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:12px;color:var(--ink)}
.field-label{font-size:14px;font-weight:700;color:var(--navy)}
.input,.textarea{font-family:inherit;font-size:16px;padding:13px 16px;border:1.5px solid #D3D9EC;border-radius:12px;color:var(--ink);background:var(--white);width:100%}
.input:focus,.textarea:focus{border-color:var(--navy);outline:none}
.verify-form .input{text-align:start}
html[dir=rtl] .verify-form .input{text-align:right}
.verify-result{border-radius:12px;padding:14px 16px;font-size:15px;line-height:1.8}
.verify-result.ok{background:#E8F5EC;color:#1D5C33}
.verify-result.fail{background:var(--red-50);color:var(--red-700)}
.verify-result dl{margin:6px 0 0;display:grid;grid-template-columns:auto 1fr;gap:4px 12px}
.verify-result dt{font-weight:700}
.verify-result dd{margin:0}

/* Members */
.tier{background:var(--white);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:12px;border:1.5px solid var(--line)}
.tier h3{font-size:20px;font-weight:800;color:var(--navy)}
.tier p{font-size:15px;color:var(--muted)}
.tier .fee{font-weight:700}
.tier .btn{align-self:flex-start;padding:10px 20px;font-size:14px}

/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--white);border-radius:16px;padding:20px 24px}
.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:17px;font-weight:700;color:var(--navy)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item .plus{width:32px;height:32px;flex-shrink:0;border-radius:50%;background:var(--tint);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:22px;transition:transform .2s}
.faq-item[open] .plus{transform:rotate(45deg)}
.faq-answer{margin-top:14px;font-size:15px;line-height:1.8;color:var(--muted)}

/* Contact */
.contact{background:var(--white);border-radius:24px;padding:40px;display:flex;flex-wrap:wrap;gap:32px}
.contact-info{flex:1 1 260px;display:flex;flex-direction:column;gap:18px}
.contact-info h2{font-size:30px;font-weight:800;color:var(--navy)}
.contact-info ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;color:var(--muted)}
.contact-form{flex:1 1 320px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.contact-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700;color:var(--navy)}
.contact-form .full{grid-column:1/-1}
.contact-form .hp{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.notice{grid-column:1/-1;border-radius:12px;padding:12px 16px;font-size:15px}
.notice.ok{background:#E8F5EC;color:#1D5C33}
.notice.fail{background:var(--red-50);color:var(--red-700)}
@media (max-width:560px){.contact-form{grid-template-columns:1fr}.contact,.verify{padding:28px 20px}}

/* Inner pages */
.page-hero{background:var(--navy);color:var(--white);border-radius:24px;padding:44px;margin-top:28px}
.page-hero h1{font-size:clamp(28px,3.4vw,40px);font-weight:800}
.page-hero .crumbs{font-size:14px;color:#DCE1F3;margin-top:8px}
.page-hero .crumbs a{color:#DCE1F3}
.entry{background:var(--white);border-radius:var(--radius);padding:36px}
.entry-content{font-size:17px;line-height:1.9}
.entry-content>*+*{margin-top:1em}
.entry-content h2{font-size:26px;color:var(--navy)}
.entry-content h3{font-size:21px;color:var(--navy)}
.entry-content img{border-radius:14px}
.entry-content ul,.entry-content ol{padding-inline-start:1.4em;padding-inline-end:0}
.event-meta-box{background:var(--tint);border-radius:16px;padding:20px 24px;margin-bottom:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.event-meta-box span{display:block;font-size:13px;color:var(--muted)}
.event-meta-box strong{color:var(--navy)}
.pagination{display:flex;gap:8px;flex-wrap:wrap}
.pagination .page-numbers{background:var(--white);border-radius:10px;padding:8px 14px;min-width:44px;text-align:center}
.pagination .current{background:var(--navy);color:var(--white)}

/* Footer */
.site-footer{background:var(--navy-900);color:#C9CFE8}
.site-footer a{color:#C9CFE8}.site-footer a:hover{color:var(--white)}
.footer-top{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;padding-block:56px 32px}
.footer-about{flex:1 1 280px;max-width:380px;display:flex;flex-direction:column;gap:16px}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-brand .logo-chip{background:var(--white);border-radius:14px;padding:6px;display:flex}
.footer-brand img{width:56px;height:56px;object-fit:contain}
.footer-brand span{font-size:18px;font-weight:800;color:var(--white)}
.footer-col{flex:1 1 180px;display:flex;flex-direction:column;gap:10px}
.footer-col h3{font-size:16px;font-weight:700;color:var(--white);margin-bottom:4px}
.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.footer-mail{display:flex;align-items:center;gap:10px}
.socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.socials a{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}
.socials a:hover{background:var(--red)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1)}
.footer-bottom .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-block:18px;font-size:14px}
.footer-bottom ul{list-style:none;margin:0;padding:0;display:flex;gap:16px}

/* English (LTR) */
html[dir=ltr] .hero-card::after{background:linear-gradient(to right,rgba(20,28,74,.94) 0%,rgba(20,28,74,.78) 45%,rgba(20,28,74,.25) 100%)}
@media (max-width:640px){html[dir=ltr] .hero-card::after{background:rgba(20,28,74,.82)}}
html:not([dir=rtl]) .hero-title{letter-spacing:-.01em}
html:not([dir=rtl]) .verify-result dd[dir=ltr]{text-align:left}
html[dir=rtl] .verify-result dd[dir=ltr]{text-align:right}
.lang-switch{font-weight:700;color:#FFFFFF!important;background:rgba(255,255,255,.12);padding:3px 12px;border-radius:999px}
.lang-switch:hover{background:var(--red)}

/* Tags row, past events */
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag-muted{background:var(--line);color:var(--muted)}

/* Instagram embeds */
.ig-card{background:var(--white);border-radius:var(--radius);padding:12px;display:flex;justify-content:center;min-width:0}
.ig-card .instagram-media{margin:0!important;min-width:0!important;width:100%!important;max-width:540px!important;border-radius:14px!important;box-shadow:none!important;border:1px solid var(--line)!important}
.ig-card iframe{border-radius:14px!important}
.ig-fallback{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--navy);color:var(--white)!important;border-radius:14px;font-weight:700;padding:24px;text-align:center}
.ig-fallback:hover{background:var(--navy-900)}

.event-thumb--square{height:auto;aspect-ratio:1/1}
.event-thumb.is-logo{height:170px;aspect-ratio:auto}
.event-thumb.is-logo img{width:96px!important;height:96px!important;object-fit:contain!important}
.ig-card{align-self:start}
.event-thumb img{object-position:center top}
.event-card .event-thumb:not(.event-thumb--square):not(.is-logo){height:auto;aspect-ratio:4/3}

/* Hero: text panel + team photo */
.hero-card{background:var(--navy);display:flex;flex-wrap:wrap;align-items:stretch;padding:0}
.hero-card::after{content:none}
.hero-body{flex:1 1 400px;max-width:none;padding:56px 48px;justify-content:center}
.hero-title{font-size:clamp(32px,3.6vw,46px)}
.hero-media{position:relative;flex:1.6 1 520px;min-height:340px}
.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;display:block}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,var(--navy) 0,rgba(30,43,110,0) 80px)}
html[dir=rtl] .hero-media::after{background:linear-gradient(to left,var(--navy) 0,rgba(30,43,110,0) 80px)}
@media (max-width:960px){.hero-media{order:-1;min-height:300px}.hero-media::after{background:linear-gradient(to top,var(--navy) 0,rgba(30,43,110,0) 60px)!important}.hero-body{padding:32px 24px 40px}}

/* Mission & Vision */
.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.mission-card{background:var(--white);border-radius:var(--radius);padding:28px 26px;display:flex;flex-direction:column;gap:14px;border:1.5px solid var(--line)}
.mission-card .icon{width:52px;height:52px;border-radius:14px;background:var(--navy);color:var(--white);display:flex;align-items:center;justify-content:center}
.mission-card h3{font-size:19px;font-weight:800;color:var(--navy)}
.mission-card p{font-size:15px;line-height:1.8;color:var(--muted)}

/* Vision & Mission */
.vm-grid{display:flex;flex-wrap:wrap;gap:20px}
.vm-card{flex:1 1 300px;background:var(--white);border:1.5px solid var(--line);border-radius:22px;padding:34px 32px;display:flex;flex-direction:column;gap:16px}
.vm-card .icon{width:56px;height:56px;border-radius:16px;background:var(--tint);color:var(--navy);display:flex;align-items:center;justify-content:center}
.vm-card h3{font-size:24px;font-weight:800;color:var(--navy)}
.vm-card p{font-size:17px;line-height:1.9;color:var(--muted)}
.vm-card.is-dark{background:var(--navy);border-color:var(--navy)}
.vm-card.is-dark .icon{background:rgba(255,255,255,.14);color:var(--white)}
.vm-card.is-dark h3{color:var(--white)}
.vm-card.is-dark p{color:#DCE1F3}

/* Board of Directors */
.board-lead{display:flex;flex-wrap:wrap;background:var(--white);border:1.5px solid var(--line);border-radius:24px;overflow:hidden}
.board-lead-photo{flex:0 1 240px;min-height:280px;background:var(--tint);display:flex;align-items:center;justify-content:center}
.board-lead-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.board-lead-body{flex:1 1 320px;padding:36px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.board-lead-body h3{font-size:28px;font-weight:800;color:var(--navy)}
.board-lead-body .board-role{font-size:16px;color:var(--red)}
.board-lead-body p{font-size:16px;line-height:1.8;color:var(--muted);max-width:520px}
.board-lead-photo{color:#AEB7D9;background:#E3E7F2;align-items:flex-end}
.board-lead-body h3 a{color:var(--navy)}
.board-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}
.board-card{background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius);padding:26px 18px 22px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:border-color .15s,transform .15s}
.board-card:hover{border-color:var(--navy);transform:translateY(-2px)}
.board-avatar{width:84px;height:84px;border-radius:50%;overflow:hidden;background:#E3E7F2;color:#AEB7D9;display:flex;align-items:flex-end;justify-content:center;box-shadow:0 0 0 5px var(--tint)}
.board-avatar img{width:100%;height:100%;object-fit:cover;object-position:center top}
.board-name{margin-top:8px;font-size:17px;font-weight:800;color:var(--navy)}
.board-role{font-size:14px;font-weight:700;color:var(--muted)}
.board-more{margin-top:4px;font-size:14px;font-weight:700;color:var(--red)}

/* Member profile */
.member-hero{background:var(--white);border:1.5px solid var(--line);border-radius:24px;padding:28px;display:flex;flex-wrap:wrap;gap:32px;align-items:center}
.member-photo{flex:0 0 220px;height:270px;border-radius:18px;overflow:hidden;background:#E3E7F2;color:#AEB7D9;display:flex;align-items:flex-end;justify-content:center}
.member-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.member-body{flex:1 1 300px;display:flex;flex-direction:column;gap:12px}
.member-body h2{font-size:32px;font-weight:800;color:var(--navy)}
.member-spec{font-size:17px;color:var(--muted)}
.btn-outline{border-color:#D3D9EC;color:var(--navy)}
.btn-outline:hover{border-color:var(--navy)}
.panel{background:var(--white);border:1.5px solid var(--line);border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:16px;flex:1 1 300px;min-width:0}
.panel h2{font-size:26px;font-weight:800;color:var(--navy)}
.panel-head{display:flex;align-items:center;gap:12px}
.panel-icon{width:44px;height:44px;border-radius:12px;background:var(--navy);color:var(--white);display:flex;align-items:center;justify-content:center}
.panel-row{display:flex;flex-wrap:wrap;gap:20px}
.panel-note{font-size:13px;color:var(--muted)}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.clinic-table{width:100%;min-width:520px;border-collapse:collapse;font-size:15px;color:var(--muted)}
.clinic-table th{background:var(--tint);color:var(--navy);padding:14px 16px;text-align:start}
.clinic-table td{padding:14px 16px;border-top:1px solid var(--line)}
.clinic-table td:first-child{font-weight:700;color:var(--ink)}
.tick-list{list-style:none;margin:0;padding:0;font-size:16px;line-height:1.7;color:var(--ink)}
.tick-list li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--tint)}
.tick-list svg{flex-shrink:0;margin-top:3px;color:var(--navy)}
.tick-list.is-star svg{color:var(--red)}
.pill-lg{font-size:14px;font-weight:700;padding:6px 14px}
.panel.is-wide{flex:1.3 1 320px}
.member-bio{font-size:17px;line-height:1.9;color:var(--ink)}
.clinic-list{display:flex;flex-direction:column;gap:12px}
.clinic-item{display:flex;gap:12px;align-items:flex-start;padding:16px;background:var(--bg);border-radius:14px}
.clinic-item svg{flex-shrink:0;margin-top:3px;color:var(--red)}
.clinic-item div{display:flex;flex-direction:column;gap:4px}
.clinic-item strong{color:var(--navy)}
.clinic-item span{color:var(--muted);font-size:15px}

/* Inner pages: keep the ads in view while scrolling */
@media (min-width:901px){body:not(.home) .ads{position:sticky;top:24px}}
.tick-list.is-quals{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));column-gap:32px}
.tick-list.is-quals svg{color:var(--red)}
.clinic-item a{color:var(--navy);font-weight:700}

/* Contact page */
.contact-wrap{display:flex;flex-direction:column;gap:20px}
.contact-card{background:var(--white);border:1.5px solid var(--line);border-radius:24px;overflow:hidden;display:flex;flex-wrap:wrap}
.contact-card .contact-info{flex:1 1 280px;background:var(--navy);color:var(--white);padding:36px 32px;display:flex;flex-direction:column;gap:22px}
.contact-card .contact-info h2{font-size:28px;line-height:1.4;font-weight:800;color:var(--white)}
.contact-lead{font-size:15px;line-height:1.8;color:#DCE1F3}
.eyebrow.is-light{color:#F3B7BD}.eyebrow.is-light::before{background:#F3B7BD}
.contact-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.contact-items li{display:flex;gap:14px;align-items:flex-start}
.ci-icon{width:44px;height:44px;flex-shrink:0;border-radius:12px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}
.contact-items li>div{display:flex;flex-direction:column;gap:2px}
.ci-label{font-size:13px;color:#B9C1E0}
.contact-items a,.contact-items strong{color:var(--white);font-weight:700}
.ci-socials{display:flex;gap:8px;margin-top:6px}
.ci-socials a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}
.ci-socials a:hover{background:var(--red)}
.contact-card .contact-form{flex:1.6 1 360px;padding:36px 32px;gap:16px;align-content:start}
.contact-card .contact-form h3{font-size:22px;font-weight:800;color:var(--navy)}
.contact-form .req{color:var(--red)}
.contact-form select.input{appearance:auto}
.form-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.form-note{font-size:13px;color:var(--muted)}
.helpful{display:flex;flex-direction:column;gap:18px;margin-top:12px}
.quick-links{display:flex;flex-wrap:wrap;gap:18px}
.quick-link{flex:1 1 220px;background:var(--white);border:1.5px solid var(--line);border-radius:22px;padding:28px 26px;display:flex;flex-direction:column;gap:14px;color:var(--navy);transition:transform .15s,border-color .15s}
.quick-link:hover{transform:translateY(-3px);border-color:var(--navy)}
.ql-icon{width:60px;height:60px;border-radius:18px;background:var(--tint);color:var(--navy);display:flex;align-items:center;justify-content:center}
.quick-link strong{font-size:20px;font-weight:800}
.ql-desc{font-size:15px;line-height:1.8;color:var(--muted);flex-grow:1}
.ql-cta{align-self:flex-start;background:var(--red);color:var(--white);padding:10px 20px;border-radius:999px;font-size:14px;font-weight:700}
.quick-link.is-featured{background:var(--navy);border-color:var(--navy);color:var(--white)}
.quick-link.is-featured .ql-icon{background:rgba(255,255,255,.14);color:var(--white)}
.quick-link.is-featured .ql-desc{color:#DCE1F3}
.quick-link.is-featured .ql-cta{background:var(--white);color:var(--navy)}
@media (max-width:560px){.contact-card .contact-info,.contact-card .contact-form{padding:28px 20px}}
.contact-card .contact-items{color:var(--white)}
.footer-bottom .wrap{justify-content:center;text-align:center}

/* Verification page */
.verify{padding:48px 44px;gap:36px}
.verify-text{gap:16px}
.verify-text h2{font-size:clamp(26px,3vw,34px);line-height:1.35}
.verify-text p{font-size:16px;line-height:1.9}
.verify-badges{display:flex;flex-wrap:wrap;gap:10px}
.verify-badges span{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);padding:6px 14px;border-radius:999px;font-size:14px}
.verify-form{padding:30px;gap:14px;border-radius:20px}
.verify-form .field-label{font-size:15px;font-weight:800}
.verify-input{display:flex;align-items:center;gap:10px;border:1.5px solid #D3D9EC;border-radius:14px;padding:0 16px;background:var(--bg);color:#8A93B5}
.verify-input:focus-within{border-color:var(--navy)}
.verify-input input{flex:1;min-width:0;font-family:inherit;font-size:18px;letter-spacing:.04em;padding:16px 0;border:0;background:transparent;color:var(--ink);outline:none;text-align:start}
.verify-hint{font-size:13px;line-height:1.7;color:var(--muted)}
.verify-btn{width:100%;border-radius:14px;padding:16px;font-size:17px}
.verify-steps{display:flex;flex-wrap:wrap;gap:16px}
.verify-step{flex:1 1 200px;position:relative;background:var(--white);border:1.5px solid var(--line);border-radius:20px;padding:26px 24px;display:flex;flex-direction:column;gap:12px}
.vs-num{position:absolute;top:18px;inset-inline-end:22px;font-size:40px;font-weight:800;color:var(--tint);line-height:1}
.vs-icon{width:54px;height:54px;border-radius:16px;background:var(--tint);color:var(--navy);display:flex;align-items:center;justify-content:center}
.verify-step strong{font-size:18px;font-weight:800;color:var(--navy)}
.verify-step span:last-child{font-size:15px;line-height:1.8;color:var(--muted)}
.verify-help{background:var(--white);border:1.5px solid var(--line);border-radius:22px;padding:24px 28px;display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.vh-icon{width:50px;height:50px;border-radius:14px;background:var(--red-50);color:var(--red);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.verify-help>div{flex:1 1 260px;display:flex;flex-direction:column;gap:4px}
.verify-help strong{font-size:18px;font-weight:800;color:var(--navy)}
.verify-help span{font-size:15px;line-height:1.8;color:var(--muted)}
@media (max-width:560px){.verify{padding:30px 20px}}

/* v1.10: fixed 3-column grids (events page: 9 per page = 3 × 3; doctor news) */
.cards.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){.cards.cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cards.cards-3{grid-template-columns:1fr}}
.member-news .section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.member-news h2{font-size:26px;font-weight:800;color:var(--navy);margin:0}
.tick-list.is-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));column-gap:32px}
.verify-form{min-width:0;max-width:100%}.verify-hint{overflow-wrap:anywhere}

/* v1.11: event photos */
.entry-thumb{margin-bottom:24px;text-align:center}
.entry-thumb img{max-height:900px;width:auto;max-width:100%;border-radius:18px;margin-inline:auto}
.bua-gallery-wrap{margin-top:36px}
.bua-gallery-wrap h2{font-size:24px;font-weight:800;color:var(--navy);margin:0 0 16px}
.bua-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bua-gallery a{display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:var(--tint)}
.bua-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.bua-gallery a:hover img{transform:scale(1.04)}
@media (max-width:640px){.bua-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v1.12: hero slider (3 banners) */
.hero-slider{position:relative}
.hero-slides{display:grid}
.hero-slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s;z-index:0}
.hero-slide.is-active{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s;z-index:1}
.hero-slide .hero-media{overflow:hidden}
.hero-slide .hero-media img{transform:scale(1.12);transition:transform 7.5s ease-out}
.hero-slide.is-active .hero-media img{transform:scale(1)}
.hero-slide .hero-body>*{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.hero-slide.is-active .hero-body>*{opacity:1;transform:none}
.hero-slide.is-active .hero-body>:nth-child(1){transition-delay:.25s}
.hero-slide.is-active .hero-body>:nth-child(2){transition-delay:.4s}
.hero-slide.is-active .hero-body>:nth-child(3){transition-delay:.55s}
.hero-slide.is-active .hero-body>:nth-child(4){transition-delay:.7s}
.hero-controls{position:absolute;z-index:3;bottom:24px;inset-inline-start:48px;display:flex;align-items:center;gap:12px}
.hero-arrow{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s}
.hero-arrow:hover,.hero-arrow:focus-visible{background:var(--red);border-color:var(--red)}
html[dir=rtl] .hero-arrow svg{transform:scaleX(-1)}
.hero-dots{display:flex;gap:8px}
.hero-dot{width:34px;height:6px;border:0;padding:0;border-radius:999px;background:rgba(255,255,255,.28);cursor:pointer;overflow:hidden;position:relative}
.hero-dot span{position:absolute;inset:0;width:0;background:#fff;border-radius:inherit}
html[dir=rtl] .hero-dot span{inset-inline-start:0;right:0;left:auto}
.hero-dot.is-active span{animation:bua-dot var(--hero-interval,6.5s) linear forwards}
.hero-slider.is-paused .hero-dot.is-active span{animation-play-state:paused}
@keyframes bua-dot{from{width:0}to{width:100%}}
.hero-slide .hero-body{padding-bottom:96px}
@media (max-width:960px){.hero-controls{inset-inline-start:24px;bottom:18px}.hero-slide .hero-body{padding-bottom:84px}}
@media (prefers-reduced-motion:reduce){.hero-slide,.hero-slide .hero-media img,.hero-slide .hero-body>*{transition:none!important;transform:none!important}.hero-dot.is-active span{animation:none;width:100%}}

/* v1.14: larger logo on a white tile */
.brand img,.brand .custom-logo{background:#fff;border-radius:14px;padding:4px;box-shadow:0 0 0 1px var(--line)}
.footer-brand .logo-chip{background:#fff;padding:6px}
.footer-brand .logo-chip img{width:64px;height:64px;object-fit:contain}
.event-thumb.is-logo img{background:#fff;border-radius:12px;padding:6px}
@media (max-width:640px){.brand img,.brand .custom-logo{width:64px;height:64px}}

/* v1.15: platinum sponsor */
.sponsor-platinum{position:relative;background:#fff;border-radius:18px;padding:18px 18px 22px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;box-shadow:inset 0 0 0 1.5px #D9DDE8;overflow:hidden}
.sponsor-platinum::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#B8BCC6,#EEF0F4 35%,#9EA3AF 65%,#E3E5EA)}
.sponsor-tier{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--navy);background:linear-gradient(135deg,#F3F4F7,#DADDE5);padding:6px 14px;border-radius:999px;margin-top:4px}
.sponsor-platinum img{width:100%;max-width:240px;height:auto;display:block}

/* v1.17: values = 2 rows of 3 */
.mission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1000px){.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.mission-grid{grid-template-columns:1fr}}

/* v1.18: event registration, tickets, certificate download */
.reg-card{margin-top:36px;background:var(--white);border:1.5px solid var(--line);border-radius:22px;padding:30px;display:flex;flex-direction:column;gap:20px}
.reg-head h2{font-size:24px;font-weight:800;color:var(--navy);margin:8px 0 8px}
.reg-head p{font-size:15px;line-height:1.8;color:var(--muted)}
.reg-card .contact-form{flex:none}
.form-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.ticket-card{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start;background:var(--white);border-radius:22px;padding:32px;border:1.5px solid var(--line)}
.ticket-qr{flex:0 0 auto;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:14px;line-height:0}
.ticket-qr svg{width:240px;height:240px}
.ticket-info{flex:1 1 300px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.ticket-info h2{font-size:24px;font-weight:800;color:var(--navy);line-height:1.4}
.ticket-dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:15px}
.ticket-dl dt{color:var(--muted)}.ticket-dl dd{font-weight:700;color:var(--ink)}
.ticket-note{font-size:14px;line-height:1.8;color:var(--muted);background:var(--tint);border-radius:12px;padding:12px 16px}
.ticket-staff{width:100%;border-top:1px dashed var(--line);padding-top:14px;display:flex;flex-direction:column;gap:10px}
.ticket-actions{display:flex;gap:10px;flex-wrap:wrap}
.ticket-actions .btn[disabled]{opacity:.45;cursor:not-allowed}
.ticket-card .notice{width:100%}
.cert-dl{margin-top:14px;display:inline-flex;align-items:center;gap:8px}
.cert-mismatch{margin-top:12px;font-size:14px;line-height:1.7;color:var(--red-700);background:var(--red-50);border-radius:10px;padding:10px 14px}
@media (max-width:560px){.reg-card,.ticket-card{padding:22px 18px}.ticket-qr svg{width:200px;height:200px}}