/*
Theme Name: Banshkhali Blood Bank Theme
Theme URI: https://banshkhalibloodbank.org
Author: Banshkhali Blood Bank
Author URI: https://banshkhalibloodbank.org
Description: Premium application UI for the Banshkhali Blood Bank platform. This theme is UI-only — all data and logic come from the Banshkhali Blood Bank Core plugin via its REST API. Any WordPress theme that loads the app shell can serve as an alternative to this one without breaking functionality.
Version: 1.21.47
Requires at least: 6.0
Requires PHP: 8.0
Requires Plugins: banshkhali-blood-bank-core
Text Domain: bbb-theme
License: GPL v2 or later
*/


/* Home Banner Slider: 1280×300 source ratio, zero-gap when no active images. */
.bbb-home-promo{position:relative;width:100%;margin:18px 0 22px;border-radius:22px;overflow:hidden;aspect-ratio:1280/300;background:#fff;box-shadow:var(--bbb-hpb-shadow,0 10px 28px rgba(174,25,53,.14));border:var(--bbb-hpb-stroke,2px solid #D90B24);box-sizing:border-box}
.bbb-home-promo-track,.bbb-home-promo-slide,.bbb-home-promo-image{position:absolute;inset:0;width:100%;height:100%}
.bbb-home-promo-slide{display:none;text-decoration:none;color:inherit}
.bbb-home-promo-slide.is-active{display:block}
.bbb-home-promo-image img{display:block;width:100%;height:100%;object-fit:cover}
.bbb-home-promo-overlay{position:absolute;inset:0;background:#000;pointer-events:none}
.bbb-home-promo-action{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:var(--bbb-hpb-btn-justify,center);z-index:2;pointer-events:none}
.bbb-home-promo-action--left{justify-content:flex-start;padding-left:18px}.bbb-home-promo-action--center{justify-content:center}.bbb-home-promo-action--right{justify-content:flex-end;padding-right:18px}
.bbb-home-promo-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--bbb-hpb-btn-w);height:var(--bbb-hpb-btn-h);border-radius:var(--bbb-hpb-btn-r);background:var(--bbb-hpb-btn-bg);color:var(--bbb-hpb-btn-text);font-weight:800;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.18);pointer-events:auto}
.bbb-home-promo-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:7px;z-index:4}
.bbb-home-promo-dots button{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.65);cursor:pointer}
.bbb-home-promo-dots button.is-active{width:22px;border-radius:10px;background:#fff}
@media(max-width:600px){.bbb-home-promo{margin:14px 0 18px;border-radius:18px}.bbb-home-promo-action{bottom:15px}.bbb-home-promo-btn{font-size:13px}}

/* Home Banner Slider 2: dedicated 981×363 dashboard banner. */
.bbb-home-promo-2{aspect-ratio:981/363}