/* Rapharehab — theme variables & helpers (previously inline in WordPress <head>) */

:root {
    --poppins: "Poppins", sans-serif;
    --soleil: "Poppins", sans-serif;
    --text-font: "Poppins", sans-serif;
    --secondary-font: "Poppins", sans-serif;
    --theme-color: #bc0000;
    --secondary-color: #F9313B;
    --title-color: #bc0000;
    --text-color: #000000;
}



.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none;-khtml-user-select:none;width:100%}
.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}
.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}
.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}

/* ── Logo: constrain to 200px, no extra images showing ── */
.logo-box{flex-shrink:0}
.logo-box figure.logo{margin:0}
.logo-box figure.logo img{display:block;max-width:200px;height:auto}
#rr-sticky-header .logo-box figure.logo img{max-width:180px}

/* ── Tailwind utility classes — mirrors the Next.js source ── */
.absolute{position:absolute!important}
.relative{position:relative!important}
.inset-0{top:0!important;right:0!important;bottom:0!important;left:0!important}
.top-0{top:0!important}
.right-0{right:0!important}
.bottom-0{bottom:0!important}
.left-0{left:0!important}
.-z-10{z-index:-10!important}
.z-0{z-index:0!important}
.z-10{z-index:10!important}
.z-50{z-index:50!important}
.overflow-hidden{overflow:hidden!important}
.pointer-events-none{pointer-events:none!important}
.w-full{width:100%!important}
.h-full{height:100%!important}
.object-cover{object-fit:cover!important}
.object-contain{object-fit:contain!important}
.hidden{display:none!important}



/* WordPress block content used inside some pages */
.wp-block-spacer{clear:both}
.wp-block-list{padding-left:1.25rem;margin-bottom:1rem}

/* Spacing & width that Elementor containers applied on the live site */
.rr-elementor{padding:10px}
.rr-elementor-boxed{padding:0 10px}
.rr-elementor-boxed > .rr-elementor-inner{padding:10px 0;max-width:1140px;margin:0 auto}
.rr-elementor-wide > .rr-elementor-inner{max-width:none}
