/* BitanBit Elementor Widgets */

/* Flip Box — robust: never collapses to 0 height even if this CSS is the only source. */
.bb-flip{position:relative;min-height:260px;perspective:1400px}
.bb-flip__inner{position:relative;width:100%;height:100%;min-height:inherit;transition:transform .6s cubic-bezier(.2,.7,.3,1);transform-style:preserve-3d}
.bb-flip__face{position:absolute;inset:0;min-height:inherit;display:flex;flex-direction:column;justify-content:center;padding:1.6rem 1.5rem;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;overflow:auto}
.bb-flip__front{background:#fff;color:#1f2933;border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.06);border:1px solid #eef0f2}
.bb-flip__back{background:#da2f3b;color:#fff;border-radius:10px;transform:rotateY(180deg)}
.bb-flip.bb-flip--vertical .bb-flip__back{transform:rotateX(180deg)}

/* Flip on hover / focus-within (keyboard accessible) */
.bb-flip:hover .bb-flip__inner,
.bb-flip:focus-within .bb-flip__inner{transform:rotateY(180deg)}
.bb-flip.bb-flip--vertical:hover .bb-flip__inner,
.bb-flip.bb-flip--vertical:focus-within .bb-flip__inner{transform:rotateX(180deg)}

.bb-flip .bb-flip__icon{font-size:44px;line-height:1;margin-bottom:15px;color:#da2f3b;display:inline-block}
.bb-flip .bb-flip__icon svg{width:44px;height:44px;fill:currentColor}
/* Higher specificity than Elementor's `.elementor-widget-container img{max-width:100%}` */
.bb-flip .bb-flip__image{max-width:72px;width:auto;height:auto;margin-bottom:15px}
.bb-flip__title{margin:0 0 .5rem;font-size:1.2rem;line-height:1.3;font-family:Roboto,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;font-weight:700}
.bb-flip__desc{margin:0;font-family:Roboto,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif}
/* Kill serif/heading remnants inside flip content (original used h5/h6 for text) */
.bb-flip__desc h1,.bb-flip__desc h2,.bb-flip__desc h3,.bb-flip__desc h4,.bb-flip__desc h5,.bb-flip__desc h6{
	font-family:Roboto,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;font-weight:700;font-size:1.15rem;margin:0 0 .4rem;line-height:1.3;color:inherit}
.bb-flip__desc p{margin:.25rem 0;font-size:.98rem;line-height:1.55}
.bb-flip__btn{display:inline-block;margin-top:1rem;background:#fff;color:#da2f3b;padding:.55rem 1.2rem;border-radius:6px;font-weight:600;text-decoration:none;align-self:flex-start}
.bb-flip__btn:hover{background:#f1f1f1;color:#b71f2b}

/* No-JS / reduced-motion: keep both faces readable by disabling the 3D flip. */
@media (prefers-reduced-motion: reduce){
	.bb-flip__inner{transition:none}
}

/* Static card variant of the flip box (all content visible, no hover dependency) */
.bb-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #eef0f2;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.05);padding:1.75rem 1.6rem;transition:box-shadow .2s,transform .2s}
.bb-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.09);transform:translateY(-2px)}
.bb-card__icon{font-size:42px;line-height:1;color:#da2f3b;margin-bottom:14px;display:inline-block}
.bb-card__icon svg{width:42px;height:42px;fill:currentColor}
.bb-card .bb-card__image{max-width:64px;width:auto;height:auto;margin-bottom:14px}
.bb-card__title,.bb-card__subtitle{font-family:Roboto,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;color:#1f2933;margin:0 0 .5rem;line-height:1.3}
.bb-card__title{font-size:1.35rem;font-weight:700}
.bb-card__subtitle{font-size:1.1rem;font-weight:600}
/* When the "title" is carried inside rich HTML (legacy h5/h6 content), normalize it */
.bb-card__title-rich{margin:0 0 .5rem}
.bb-card__title-rich h1,.bb-card__title-rich h2,.bb-card__title-rich h3,.bb-card__title-rich h4,.bb-card__title-rich h5,.bb-card__title-rich h6{
	font-family:Roboto,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;font-weight:700;font-size:1.2rem;margin:0;line-height:1.3;color:#1f2933;text-transform:none}
.bb-card__desc{color:#4a5568;font-size:1rem;line-height:1.6}
.bb-card__desc p,.bb-card__desc h5,.bb-card__desc h6{font-family:Roboto,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;font-weight:400;font-size:1rem;margin:.25rem 0;color:#4a5568}
.bb-card__btn{margin-top:auto;align-self:flex-start;color:#da2f3b;font-weight:600;text-decoration:none;padding-top:.75rem}
.bb-card__btn:hover{color:#b71f2b}

/* Posts Grid (replaces Royal wpr-grid) */
.bb-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}
.bb-post-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eef0f2;border-radius:10px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.05);transition:box-shadow .2s,transform .2s}
.bb-post-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.09);transform:translateY(-2px)}
.bb-post-card__media{display:block;aspect-ratio:16/9;overflow:hidden;background:#f3f4f6}
.bb-post-card__media img{width:100%;height:100%;object-fit:cover}
.bb-post-card__body{padding:1.25rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.bb-post-card__title{margin:0;font-size:1.2rem;line-height:1.3}
.bb-post-card__title a{color:#1f2933;text-decoration:none}
.bb-post-card__title a:hover{color:#da2f3b}
.bb-post-card__excerpt{color:#4a5568;margin:0;font-size:.98rem}
.bb-post-card__more{margin-top:auto;color:#da2f3b;font-weight:600;text-decoration:none}
.bb-post-card__more:hover{color:#b71f2b}
@media(max-width:1024px){.bb-posts-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.bb-posts-grid{grid-template-columns:1fr}}