/* ===== Be Filing polish layer (loaded last on every page) ===== */
/* 1. Softer, cleaner cream in light mode (was #FFF7DB) */
html:not(.bf-dark) .bfh{--bg:#FFFAEE;--ot:#B25E00}
html:not(.bf-dark) body{background:#FFFAEE!important}
/* 2. Hero glow: no hard edge at the bottom of the hero */
.bfh-b2{bottom:auto!important;top:28%!important;opacity:.75}
/* 3. Navy cards: clean amber corner instead of muddy brown haze */
.bfh-vs-new,.bfh-t-big,.bfh-t-annual,.bfh-final-card,.bfh-tool-nia,.bfh-pop-top,.bfp-vhead,.bfp-navy,.bfp-plan.pop,.bfp-calc-out,
.bfu-bento>*:nth-child(1),.bfu-tab-p,.bfu-total,.bfu-price,.bfu-ban,.bfu-iv-top,.bfc-head,.bfu-cover{
  background:radial-gradient(260px 180px at 100% 0%,rgba(236,116,56,.46),rgba(255,140,0,.12) 40%,transparent 68%),linear-gradient(160deg,#1F2445,#151931)!important}
.bfh-t-big{background:radial-gradient(300px 220px at 100% 100%,rgba(236,116,56,.40),rgba(255,140,0,.10) 40%,transparent 68%),linear-gradient(160deg,#1F2445,#151931)!important}
.bfh-vid{background:radial-gradient(200px 170px at 75% 18%,rgba(236,116,56,.40),rgba(255,140,0,.10) 40%,transparent 68%),linear-gradient(160deg,#232842,#14161B)!important}
.bfu-shield>i{background:radial-gradient(120px 90px at 100% 0%,rgba(236,116,56,.55),transparent 70%),linear-gradient(160deg,#1F2445,#151931)!important}
html.bf-dark .bfh-vs-new,html.bf-dark .bfh-t-big,html.bf-dark .bfh-t-annual,html.bf-dark .bfh-final-card,html.bf-dark .bfh-tool-nia,html.bf-dark .bfh-pop-top,
html.bf-dark .bfp-vhead,html.bf-dark .bfp-navy,html.bf-dark .bfp-plan.pop,html.bf-dark .bfp-calc-out,html.bf-dark .bfu-bento>*:nth-child(1),html.bf-dark .bfu-tab-p,
html.bf-dark .bfu-total,html.bf-dark .bfu-price,html.bf-dark .bfu-ban,html.bf-dark .bfu-iv-top,html.bf-dark .bfc-head,html.bf-dark .bfu-cover{
  background:radial-gradient(260px 180px at 100% 0%,rgba(236,116,56,.36),rgba(255,140,0,.08) 40%,transparent 68%),linear-gradient(160deg,#20242F,#16181F)!important;border:1px solid rgba(255,255,255,.07)}
/* big background blobs in dark sections: lighter touch */
.bfh-dead::after,.bfh-rev::before{background:radial-gradient(closest-side,rgba(236,116,56,.13),transparent)!important}
html.bf-dark .bfh-b1{opacity:.55}html.bf-dark .bfh-b2{opacity:.4}
/* NIA pill: no brown band in the middle */
.bf-nia,html.bf-dark .bf-nia{background:linear-gradient(120deg,#EC7438 0%,#E8760C 52%,#3E8E41 100%)!important}
/* 4. Contrast fixes */
html.bf-dark .bfh-t-annual .bfh-t-k{color:#F5A06E!important}
.bfh-final-card .bfh-btn-d{background:linear-gradient(135deg,#F28A4C,#E2622A)!important;color:#fff!important;box-shadow:0 16px 28px -14px rgba(226,98,42,.7)!important}
/* 5. Language picker */
.bf-lang{display:inline-flex;align-items:center;gap:6px;position:relative}
.bf-lang i{color:#EC7438;font-size:13px}
.bf-lang select{appearance:none;-webkit-appearance:none;border:1px solid rgba(26,30,52,.14);background:transparent;color:inherit;font:700 12.5px "Plus Jakarta Sans",sans-serif;padding:4px 22px 4px 8px;border-radius:8px;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 11px) 52%,calc(100% - 7px) 52%;background-size:4px 4px;background-repeat:no-repeat}
.bf-lang select:focus-visible{outline:2px solid #EC7438;outline-offset:2px}
html.bf-dark .bf-lang select{border-color:rgba(255,255,255,.18);color:#F1F2F5}
html.bf-dark .bf-lang option{background:#1B1E25;color:#F1F2F5}
.bf-mob-contact .bf-lang{margin-top:6px}
/* Google Translate: hide its top bar and tooltips */
.goog-te-banner-frame,iframe.skiptranslate,#goog-gt-tt,.goog-te-balloon-frame,.goog-tooltip,#bf-gt{display:none!important}
body{top:0!important}
.goog-text-highlight{background:none!important;box-shadow:none!important}
html[data-bf-tr="ar"] .bfh-h1,html[data-bf-tr="ar"] .bfh-h2{line-height:1.35!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* 6. FAQ: keep the left column in view so there is no empty block beside the long list */
@media (min-width:900px){.bfh-faq-side{position:sticky;top:110px;align-self:start}}
/* 7. Hero hub centre: spinning brand ring, depth, and rotating service words */
.bfh-core{background:radial-gradient(130px 90px at 50% 0%,rgba(245,160,110,.30),transparent 70%),radial-gradient(circle at 50% 35%,#FFFFFF,#FFF3E0)!important;overflow:visible}
html.bf-dark .bfh-core{background:radial-gradient(130px 90px at 50% 0%,rgba(245,160,110,.22),transparent 70%),radial-gradient(circle at 50% 40%,#252A3A,#14161D)!important}
.bfh-core-ring{position:absolute;inset:-8px;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 0deg,#E2622A,#F8B892 25%,#43A047 50%,#F28A4C 75%,#E2622A);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));
  filter:drop-shadow(0 0 10px rgba(236,116,56,.55));animation:bfhSpin 7s linear infinite}
.bfh-core small{background:linear-gradient(90deg,#F28A4C,#D9561F);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.bfh-core-rot{position:relative;display:block;width:150px;height:22px;overflow:hidden}
.bfh-core-rot i{position:absolute;inset:0;text-align:center;font:700 15px/22px Poppins,sans-serif;font-style:normal;color:var(--ink);opacity:0;animation:bfhWord 12.5s infinite}
html.bf-dark .bfh-core-rot i{color:#fff}
.bfh-core-rot i:nth-child(2){animation-delay:2.5s}.bfh-core-rot i:nth-child(3){animation-delay:5s}.bfh-core-rot i:nth-child(4){animation-delay:7.5s}.bfh-core-rot i:nth-child(5){animation-delay:10s}
@keyframes bfhWord{0%{opacity:0;transform:translateY(12px)}4%,17%{opacity:1;transform:none}21%,100%{opacity:0;transform:translateY(-12px)}}
@media (prefers-reduced-motion:reduce){.bfh-core-rot i:first-child{opacity:1}}
/* 8. Arabic pages: right-to-left */
html[lang="ar"] body,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] p,html[lang="ar"] a,html[lang="ar"] span:not([class*="fa"]),html[lang="ar"] b,html[lang="ar"] small,html[lang="ar"] li,html[lang="ar"] summary,html[lang="ar"] button,html[lang="ar"] td,html[lang="ar"] th,html[lang="ar"] em{font-family:"Segoe UI","Noto Sans Arabic","Noto Kufi Arabic",Tahoma,"Plus Jakarta Sans",sans-serif!important;letter-spacing:0!important}
html[lang="ar"] .bfh-h1,html[lang="ar"] .bfh-h2{line-height:1.3!important}
html[dir="rtl"] .fa-arrow-right,html[dir="rtl"] .fa-chevron-right{transform:scaleX(-1)}
html[dir="rtl"] .bf-lang select{padding:4px 8px 4px 22px;background-position:15px 52%,11px 52%}
html[lang="es"] .bfc-lbl::after{content:"¿Preguntas? Escríbenos"!important}
html[lang="ar"] .bfc-lbl::after{content:"لديك سؤال؟ تحدّث معنا"!important}
html[lang="es"] .bfh-core-rot i,html[lang="ar"] .bfh-core-rot i{font-size:13.5px}
/* 9. WhatsApp buttons: same green as the reference design */
.bfh-btn-wa{background:linear-gradient(135deg,#5CC26B,#43A047)!important;box-shadow:0 14px 26px -14px rgba(67,160,71,.8)!important}
html[lang="es"] .bfc-lbl,html[lang="ar"] .bfc-lbl{font-size:0!important}
html[lang="es"] .bfc-lbl::after,html[lang="ar"] .bfc-lbl::after{font-size:14px}
