/* Appearance 2.3.22: one cascade for theme -> highlight -> per-tile override.
   Old hard-coded tile color/glass rules were removed from beauty-one.css. */
.bo-public[data-bo-appearance="2"]{color:var(--bo-text);background-color:var(--bo-bg)}
.bo-public[data-bo-appearance="2"]:not([data-background-style="orbs"]){background:var(--bo-bg)}
.bo-public[data-bo-appearance="2"] .bo-card{color:var(--bo-text)}
.bo-public[data-bo-appearance="2"] .bo-card h1{color:var(--bo-muted-public)}
.bo-public[data-bo-appearance="2"] .bo-card header>p,
.bo-public[data-bo-appearance="2"] .bo-meta,
.bo-public[data-bo-appearance="2"] .bo-meta span,
.bo-public[data-bo-appearance="2"] .bo-meta .bo-icon{color:var(--bo-muted-public)}
.bo-public[data-bo-appearance="2"] .bo-public-section h2{color:var(--bo-section)}
.bo-public[data-bo-appearance="2"] .bo-public-tile{
 --tile-effective-bg:var(--bo-tile-bg);--tile-effective-text:var(--bo-tile-text);--tile-effective-icon:var(--bo-tile-icon,var(--bo-tile-text));--tile-effective-border:var(--bo-tile-border);
 color:var(--tile-effective-text);background:color-mix(in srgb,var(--tile-effective-bg) var(--bo-glass-opacity),transparent);
 border:1px solid var(--tile-effective-border);border-radius:var(--bo-radius);
 -webkit-backdrop-filter:blur(var(--bo-glass-blur)) saturate(135%);backdrop-filter:blur(var(--bo-glass-blur)) saturate(135%);
 box-shadow:0 8px 24px rgba(45,35,28,.045);
}
.bo-public[data-bo-appearance="2"] .bo-public-tile.bo-highlight{
 --tile-effective-bg:var(--bo-featured-bg);--tile-effective-text:var(--bo-featured-text);--tile-effective-icon:var(--bo-featured-icon,var(--bo-featured-text));--tile-effective-border:var(--bo-featured-border,var(--bo-tile-border));
}
.bo-public[data-bo-appearance="2"] .bo-public-tile.custom-colors{
 --tile-effective-bg:var(--tile-custom-bg,var(--bo-tile-bg));--tile-effective-text:var(--tile-custom-text,var(--bo-tile-text));--tile-effective-icon:var(--tile-custom-icon,var(--tile-custom-text,var(--bo-tile-icon)));--tile-effective-border:var(--tile-custom-border,var(--bo-tile-border));
}
.bo-public[data-bo-appearance="2"] .bo-public-tile b{color:var(--tile-effective-text)}
.bo-public[data-bo-appearance="2"] .bo-public-tile .bo-icon{color:var(--tile-effective-icon);stroke:currentColor;opacity:1}
.bo-public[data-bo-appearance="2"] .bo-public-tile[hidden]{display:none!important}
.bo-public[data-bo-appearance="2"] .bo-custom-background{
 position:fixed;inset:-32px;z-index:0;pointer-events:none;
 background-image:linear-gradient(rgba(0,0,0,var(--bo-custom-bg-overlay,0)),rgba(0,0,0,var(--bo-custom-bg-overlay,0))),var(--bo-custom-bg);
 background-size:var(--bo-custom-bg-size,cover);background-position:var(--bo-custom-bg-pos,center center);background-repeat:no-repeat;
 opacity:var(--bo-custom-bg-opacity,1);filter:blur(var(--bo-custom-bg-blur,0px));transform:scale(1.04);
}
.bo-public[data-bo-appearance="2"] .bo-custom-background[hidden],
.bo-public[data-bo-appearance="2"] .bo-orb-stage[hidden],
.bo-public[data-bo-appearance="2"]:not([data-background-style="orbs"]) .bo-orb-stage{display:none!important}
.bo-public[data-bo-appearance="2"] .bo-modal>div{background:color-mix(in srgb,var(--bo-modal-bg) 94%,transparent)!important}
/* Pink form controls scoped strictly to the Beauty Joy™ editor. */
.bo-app input[type="checkbox"],.bo-app input[type="radio"],.bo-app input[type="range"]{accent-color:#ff4f8b!important}
.bo-app input[type="checkbox"],.bo-app input[type="radio"]{-webkit-appearance:none!important;appearance:none!important;display:inline-grid!important;place-content:center;flex:0 0 19px;width:19px!important;min-width:19px!important;height:19px!important;min-height:19px!important;margin:0 7px 0 0!important;padding:0!important;border:1.5px solid #b7b0b4!important;background:#fff!important;box-shadow:none!important;vertical-align:middle;border-radius:5px!important}
.bo-app input[type="radio"]{border-radius:50%!important}
.bo-app input[type="checkbox"]:checked,.bo-app input[type="radio"]:checked{background:#ff4f8b!important;border-color:#ff4f8b!important}
.bo-app input[type="checkbox"]:checked::before{content:""!important;display:block!important;width:9px!important;height:5px!important;margin:-2px 0 0!important;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)!important;background:none!important}
.bo-app input[type="radio"]:checked::before{content:""!important;display:block!important;width:7px!important;height:7px!important;margin:0!important;background:#fff!important;border-radius:50%}
.bo-app input[type="checkbox"]:focus-visible,.bo-app input[type="radio"]:focus-visible{outline:2px solid #ff4f8b!important;outline-offset:3px}
.bo-app input:disabled,.bo-app select:disabled{opacity:.55;cursor:not-allowed}
.bo-app .bo-color-control{display:flex;align-items:center;gap:8px;width:100%;min-width:0;margin-top:6px;box-sizing:border-box}
.bo-app .bo-color-control>input[type="color"]{-webkit-appearance:none;appearance:none;display:block!important;flex:1 1 auto!important;min-width:32px!important;width:0!important;height:44px!important;padding:4px!important;margin:0!important;border:1px solid #ded8dc!important;border-radius:10px!important;cursor:pointer}
.bo-app .bo-color-control input[type="color"]::-webkit-color-swatch-wrapper{padding:0}
.bo-app .bo-color-control input[type="color"]::-webkit-color-swatch{border:0;border-radius:6px}
.bo-app .bo-color-control>input.bo-color-hex{flex:0 0 100px!important;width:100px!important;max-width:50%;min-width:0;height:44px!important;margin:0!important;padding:8px!important;font:500 13px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:0!important;color:#252025!important;text-align:center!important;border:1px solid #ded8dc!important;border-radius:10px!important;background:#fff!important;box-sizing:border-box}
.bo-app .bo-color-control .bo-color-hex[aria-invalid="true"]{border-color:#b52236!important;outline:1px solid #b52236}
.bo-app .bo-tile-custom-fields{grid-column:1/-1;padding:12px;background:#fff7fa;border:1px solid #f1dce5;border-radius:14px}
.bo-app .bo-tile-custom-fields[hidden]{display:none!important}
.bo-app .bo-theme-admin-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.bo-app .bo-theme-admin-actions .bo-theme-preset-status{flex-basis:100%;min-height:20px}
.bo-app .bo-theme-admin-fields output{float:right;font-size:12px;color:#af3a66}
.bo-app .bo-theme-admin-fields label{min-width:0}
.bo-app #bo-theme-library-status{padding:8px 0;min-height:20px;font-size:13px}
.bo-app .bo-bg-style-picker [data-bg-style] small{font-weight:400}
.bo-app .bo-bg-admin-library .bo-row{gap:12px;flex-wrap:wrap}
@media(max-width:480px){.bo-app .bo-theme-admin-fields{padding:14px}.bo-app .bo-bg-admin-library{padding:14px}.bo-app .bo-color-control>input.bo-color-hex{flex-basis:92px!important;width:92px!important}}

/* 2.3.132.39: only long tile titles */
.bo-public .bo-public-tile b.bo-fit-3{line-height:1.15!important}
.bo-public .bo-public-tile b.bo-fit-4{line-height:1.12!important;font-size:clamp(11px,.92em,15px)!important}

/* 2.3.132.40: visually balance icons only in tiles with 3+ title lines */
.bo-public .bo-public-tile.bo-fit-tile-3>.bo-icon{transform:translateY(5px)!important}
.bo-public .bo-public-tile.bo-fit-tile-4>.bo-icon{transform:translateY(7px)!important}
.bo-public .bo-public-tile>.bo-icon{transition:transform .18s ease}