/* BRAHIMI V5.1.0 */
/* BFZ_V510_APPEARANCE_LIVE_BACKGROUNDS_AND_LAYOUT */

/* Compact collapsible appearance sections. */
.bfz-v510-collapsible-settings{padding:0!important;overflow:hidden}
.bfz-v510-collapsible-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px;cursor:pointer;list-style:none;min-width:0}
.bfz-v510-collapsible-settings>summary::-webkit-details-marker{display:none}
.bfz-v510-collapsible-settings>summary>span{min-width:0;display:grid;gap:4px}
.bfz-v510-collapsible-settings>summary b{font-size:18px;color:var(--user-blue-dark)}
.bfz-v510-collapsible-settings>summary small{font-size:13px;line-height:1.35;color:#6d7888;white-space:normal}
.bfz-v510-collapsible-settings>summary:after{content:"⌄";flex:0 0 auto;font-size:20px;color:#738093;transition:transform .18s ease}
.bfz-v510-collapsible-settings[open]>summary:after{transform:rotate(180deg)}
.bfz-v510-collapsible-body{display:grid;gap:16px;padding:16px 17px 17px;border-top:1px solid rgba(110,130,150,.14);min-width:0;max-width:100%;box-sizing:border-box}
.bfz-v510-live-background-choice{display:grid;grid-template-columns:minmax(160px,.6fr) minmax(220px,1fr);gap:8px 14px;align-items:center;padding-top:4px;border-top:1px solid rgba(110,130,150,.14)}
.bfz-v510-live-background-choice>strong{font-size:14px}.bfz-v510-live-background-choice select{min-width:0;width:100%;padding:9px 11px;border:1px solid #d6e1e9;border-radius:11px;background:#fff;font:inherit}
.bfz-v510-live-background-choice small{grid-column:1/-1;color:#718091;font-size:12px;line-height:1.4}
@media(max-width:700px){.bfz-v510-live-background-choice{grid-template-columns:1fr}}

/* Branding must never escape the settings content column. */
.bfz-v510-branding-settings .bfz-v420-header-logo-editor{width:100%;max-width:100%;min-width:0;box-sizing:border-box;grid-template-columns:minmax(120px,150px) minmax(0,1fr);align-items:center}
.bfz-v510-branding-settings .bfz-v420-header-logo-preview{width:100%;max-width:150px;box-sizing:border-box}
.bfz-v510-branding-settings .bfz-v420-header-logo-editor>label{min-width:0;overflow-wrap:anywhere}
.bfz-v510-branding-settings .bfz-v420-header-logo-editor input[type="file"]{display:block;min-width:0;max-width:100%;width:100%}
.bfz-v510-branding-settings .bfz-v420-header-logo-editor button{grid-column:2;justify-self:start;max-width:100%;white-space:normal;text-align:center;overflow-wrap:anywhere}
.bfz-v510-branding-settings .bfz-v420-header-logo-editor .bfz-v420-danger-button{grid-column:2}
.bfz-v510-branding-settings .bfz-v250-brand-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);min-width:0;max-width:100%}
.bfz-v510-branding-settings .bfz-v250-brand-grid>*{min-width:0;max-width:100%}
.bfz-v510-branding-settings .bfz-v250-logo-scale-control>input[type="range"]{min-width:0;max-width:100%}
.bfz-v510-branding-settings .bfz-v250-logo-scale-control small,.bfz-v510-branding-settings .bfz-v250-brand-note{overflow-wrap:anywhere;white-space:normal}
@media(max-width:980px){.bfz-v510-branding-settings .bfz-v250-brand-grid{grid-template-columns:1fr}}
@media(max-width:640px){.bfz-v510-branding-settings .bfz-v420-header-logo-editor{grid-template-columns:1fr}.bfz-v510-branding-settings .bfz-v420-header-logo-editor>*{grid-column:1!important}.bfz-v510-branding-settings .bfz-v420-header-logo-preview{max-width:100%}}

/* Additional quiet static hero patterns. */
.pattern-silk{background-image:linear-gradient(155deg,rgba(255,255,255,.92),rgba(224,236,246,.75)),repeating-linear-gradient(118deg,transparent 0 16px,rgba(115,143,168,.12) 17px 19px,transparent 20px 36px)}
.pattern-mesh{background-image:linear-gradient(30deg,rgba(115,143,168,.10) 12%,transparent 12.5%,transparent 87%,rgba(115,143,168,.10) 87.5%),linear-gradient(150deg,rgba(115,143,168,.10) 12%,transparent 12.5%,transparent 87%,rgba(115,143,168,.10) 87.5%);background-size:32px 48px}
.pattern-rays{background-image:repeating-conic-gradient(from 205deg at 84% 4%,rgba(137,164,190,.15) 0 5deg,transparent 5deg 17deg),linear-gradient(135deg,#f7fafc,#e9f1f7)}
body.bfz-theme-pattern-silk{--bfz-theme-pattern:repeating-linear-gradient(118deg,transparent 0 21px,rgba(255,255,255,.09) 22px 24px,transparent 25px 43px)}
body.bfz-theme-pattern-mesh{--bfz-theme-pattern:linear-gradient(30deg,rgba(255,255,255,.08) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.08) 87.5%),linear-gradient(150deg,rgba(255,255,255,.08) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.08) 87.5%)}
body.bfz-theme-pattern-rays{--bfz-theme-pattern:repeating-conic-gradient(from 205deg at 88% 0%,rgba(255,255,255,.11) 0 5deg,transparent 5deg 18deg)}

/* Hero live patterns: CSS transforms/opacity only; no video/canvas. */
.bfz-v240-hero{position:relative}
.bfz-v510-hero-live-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:inherit}
.bfz-v240-hero>.bfz-v510-hero-live-layer~*{position:relative;z-index:2}
body[data-bfz-v510-hero-live="dandelion"] .bfz-v240-hero:before,body[data-bfz-v510-hero-live="dandelion"] .bfz-v240-hero:after,
body[data-bfz-v510-hero-live="particles"] .bfz-v240-hero:before,body[data-bfz-v510-hero-live="particles"] .bfz-v240-hero:after{opacity:0!important;animation:none!important}
.bfz-v510-live-seed,.bfz-v510-live-particle{position:absolute;display:block;will-change:transform,opacity;opacity:.38}
.bfz-v510-live-seed{width:8px;height:8px;border:1.5px solid rgba(255,255,255,.78);border-radius:50%;animation:bfz-v510-seed var(--bfz-v510-duration,30s) linear infinite}
.bfz-v510-live-seed:after{content:"";position:absolute;width:1px;height:13px;background:rgba(255,255,255,.55);left:7px;top:5px;transform:rotate(-38deg);transform-origin:top}
.bfz-v510-live-particle{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.52);box-shadow:0 0 14px rgba(255,255,255,.32);animation:bfz-v510-particle var(--bfz-v510-duration,24s) ease-in-out infinite alternate}
@keyframes bfz-v510-seed{0%{transform:translate3d(-12vw,18px,0) rotate(0);opacity:0}12%{opacity:.42}88%{opacity:.36}100%{transform:translate3d(112vw,-60px,0) rotate(310deg);opacity:0}}
@keyframes bfz-v510-particle{from{transform:translate3d(-8px,8px,0) scale(.8)}to{transform:translate3d(26px,-24px,0) scale(1.25)}}

/* Lightweight live background behind the application surfaces. */
body>.bfz-v510-page-live{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}
body>.topbar,body>.page,body>.footer,body>.wf-popup{position:relative;z-index:1}
.bfz-v510-page-live.bfz-v510-page-waves:before,.bfz-v510-page-live.bfz-v510-page-waves:after{content:"";position:absolute;inset:-20%;opacity:.18;background:repeating-radial-gradient(ellipse at 80% 20%,transparent 0 34px,color-mix(in srgb,var(--user-blue) 22%,transparent) 35px 37px,transparent 38px 68px);animation:bfz-v510-page-wave 42s linear infinite}
.bfz-v510-page-live.bfz-v510-page-waves:after{animation-duration:58s;animation-direction:reverse;opacity:.11;transform:scale(1.18)}
@keyframes bfz-v510-page-wave{from{transform:translate3d(-5%,0,0)}to{transform:translate3d(6%,3%,0)}}
.bfz-v510-page-live .bfz-v510-live-seed{border-color:color-mix(in srgb,var(--user-blue) 30%,transparent);opacity:.19}.bfz-v510-page-live .bfz-v510-live-seed:after{background:color-mix(in srgb,var(--user-blue) 26%,transparent)}
.bfz-v510-page-live .bfz-v510-live-particle{background:color-mix(in srgb,var(--user-blue) 25%,transparent);box-shadow:0 0 15px color-mix(in srgb,var(--user-blue) 12%,transparent);opacity:.16}

body[data-bfz-v500-hero-animation="subtle"]{--bfz-v510-duration-scale:1.35}
body[data-bfz-v500-hero-animation="normal"]{--bfz-v510-duration-scale:1}
body[data-bfz-v500-hero-animation="off"] .bfz-v510-hero-live-layer{display:none}
@media(prefers-reduced-motion:reduce){.bfz-v510-page-live:before,.bfz-v510-page-live:after,.bfz-v510-page-live i,.bfz-v510-hero-live-layer i{animation:none!important}.bfz-v510-page-live i{display:none}.bfz-v510-hero-live-layer i{opacity:.12!important}}
