/* All rules are scoped to prevent theme collisions. */
#yp-widget{position:fixed;right:calc(var(--yp-desktop-right) + env(safe-area-inset-right,0px));bottom:var(--yp-edge-bottom);z-index:99990;font-family:inherit!important;font-size:0.9375rem;line-height:1.5;color:#18212a;text-align:left;isolation:isolate;--yp-height:var(--yp-desktop-height);--yp-width:var(--yp-desktop-width);--yp-gap:12px;--yp-bottom:var(--yp-desktop-bottom);--yp-safe-bottom:env(safe-area-inset-bottom,0px);--yp-active-safe-bottom:0px;--yp-edge-bottom:calc(var(--yp-desktop-bottom) + var(--yp-active-safe-bottom));--yp-admin-offset:0px}
#yp-widget,#yp-widget *{box-sizing:border-box}
#yp-widget *{font-family:inherit!important}
#yp-widget [hidden]{display:none!important}
#yp-widget h2,#yp-widget h3,#yp-widget p{margin:0;padding:0;font-family:inherit;letter-spacing:normal;text-transform:none;color:inherit}
#yp-widget h2,#yp-widget h3{font-weight:700;line-height:1.22}
#yp-widget button,#yp-widget a{font:inherit;letter-spacing:normal;text-transform:none}
#yp-widget button{appearance:none;border:0;margin:0;cursor:pointer;display:grid;place-items:center;box-shadow:none}
#yp-widget a{text-decoration:none;box-shadow:none}
#yp-widget button:focus-visible,#yp-widget a:focus-visible{outline:3px solid #eea819;outline-offset:3px}
#yp-widget svg{display:block;width:24px;height:24px;flex:none}
#yp-widget .yp-pill{display:flex;align-items:center;justify-content:space-between;width:max(var(--yp-width),calc(var(--yp-height) + 32px));height:var(--yp-height);padding:5px;border-radius:0!important;background:var(--yp-pill-bg);box-shadow:0 8px 30px #0003}
#yp-widget .yp-toggle{background:transparent;color:var(--yp-arrow-color);height:100%;flex:1;min-width:32px;padding:0}
#yp-widget .yp-toggle svg,#yp-widget .yp-close svg,#yp-widget .yp-launcher-x{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
#yp-widget .yp-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
#yp-widget .yp-launcher{width:calc(var(--yp-height) - 10px);height:calc(var(--yp-height) - 10px);border-radius:0!important;background:var(--yp-ball-bg);color:var(--yp-icon-color);padding:0;flex:none}
#yp-widget .yp-launcher:hover{filter:brightness(1.08)}
#yp-widget .yp-launcher-x{display:none}
#yp-widget.yp-is-open .yp-launcher-x{display:block}
#yp-widget.yp-is-open .yp-launcher-icon,#yp-widget.yp-is-open .yp-toggle{display:none}
#yp-widget.yp-is-open .yp-pill{width:var(--yp-height);background:transparent;box-shadow:none}
#yp-widget .yp-launcher-icon svg,#yp-widget .yp-action-icon svg{color:inherit;fill:currentColor}
#yp-widget .yp-launcher-icon svg[fill="none"],#yp-widget .yp-action-icon svg[fill="none"]{fill:none}
#yp-widget .yp-launcher-icon svg [fill]:not([fill="none"]),#yp-widget .yp-action-icon svg [fill]:not([fill="none"]){fill:currentColor}
#yp-widget .yp-launcher-icon svg[stroke]:not([stroke="none"]),#yp-widget .yp-action-icon svg[stroke]:not([stroke="none"]),#yp-widget .yp-launcher-icon svg [stroke]:not([stroke="none"]),#yp-widget .yp-action-icon svg [stroke]:not([stroke="none"]){stroke:currentColor}
#yp-widget .yp-pre,#yp-widget .yp-panel{position:absolute;right:0;bottom:calc(var(--yp-height) + var(--yp-gap));max-width:calc(100vw - 32px);border-radius:0!important;box-shadow:0 16px 45px #0003;overflow:hidden;animation:yp-enter .2s ease-out;overflow-wrap:anywhere}
#yp-widget .yp-pre{width:var(--yp-pre-width);background:var(--yp-pre-bg);color:var(--yp-pre-text);max-height:calc(100vh - var(--yp-height) - var(--yp-edge-bottom) - 32px - var(--yp-admin-offset));max-height:calc(100dvh - var(--yp-height) - var(--yp-edge-bottom) - 32px - var(--yp-admin-offset));overflow-y:auto}
#yp-widget .yp-pre-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;border:0;max-width:none}
#yp-widget .yp-pre-fade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(var(--yp-pre-fade-rgb),var(--yp-pre-fade-left)) 0%,rgba(var(--yp-pre-fade-rgb),var(--yp-pre-fade-left)) var(--yp-pre-fade-solid),rgba(var(--yp-pre-fade-rgb),var(--yp-pre-fade-right)) var(--yp-pre-fade-end),rgba(var(--yp-pre-fade-rgb),var(--yp-pre-fade-right)) 100%);opacity:var(--yp-pre-fade)}
#yp-widget .yp-pre-content{position:relative;padding:24px;min-height:190px}
#yp-widget .yp-pre h2{font-size:1.188rem;max-width:85%}
#yp-widget .yp-pre p{font-size:0.875rem;margin:8px 0 16px;max-width:85%}
#yp-widget .yp-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border-radius:0!important;min-height:44px;font-size:0.8125rem;font-weight:600;line-height:1.3;transition:background .15s;text-align:center}
#yp-widget .yp-pre .yp-cta{background:var(--yp-pre-button-bg);color:var(--yp-pre-button-text)}
#yp-widget .yp-pre .yp-cta:hover{background:var(--yp-pre-button-hover)}
#yp-widget .yp-panel{width:var(--yp-panel-width);max-height:calc(100vh - var(--yp-height) - var(--yp-edge-bottom) - 32px - var(--yp-admin-offset));max-height:calc(100dvh - var(--yp-height) - var(--yp-edge-bottom) - 32px - var(--yp-admin-offset));overflow-y:auto;overscroll-behavior:contain;background:var(--yp-panel-bg);scrollbar-width:thin}
#yp-widget .yp-header{position:relative;background:var(--yp-header-bg);color:var(--yp-header-text);padding:25px 24px 23px;isolation:isolate;overflow:hidden}
#yp-widget .yp-header:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at top right,var(--yp-header-fade-color),transparent 70%);opacity:var(--yp-header-fade)}
#yp-widget .yp-eyebrow{display:block;font-size:0.75rem;font-weight:700;letter-spacing:.07em;padding-right:36px;white-space:normal}
#yp-widget .yp-header h2{font-size:1.375rem;margin-top:24px}
#yp-widget .yp-header p{margin-top:10px;font-size:0.875rem;opacity:.85}
#yp-widget .yp-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:0!important;background:var(--yp-close-bg);color:var(--yp-close-color);padding:0}
#yp-widget .yp-close svg{width:18px;height:18px}
#yp-widget .yp-panel-body{padding:14px}
#yp-widget .yp-actions{border-radius:0!important;overflow:hidden;margin:0 0 14px;padding:0}
#yp-widget .yp-action{display:flex;align-items:center;gap:12px;padding:13px 14px;min-height:70px;border-bottom:1px solid #0000000a;transition:background .15s}
#yp-widget .yp-action:last-child{border-bottom:0}
#yp-widget .yp-action-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:0!important;flex:none}
#yp-widget .yp-action-copy{flex:1;min-width:0;display:block}
#yp-widget .yp-action-copy strong{display:block;font-size:0.9375rem;font-weight:700;line-height:1.3}
#yp-widget .yp-action-copy>span{display:block;font-size:0.8125rem;opacity:.75;margin-top:2px;line-height:1.4}
#yp-widget .yp-chevron{font-size:1.562rem;opacity:.5;flex:none}
#yp-widget .yp-action-1{background:var(--yp-action-1-bg);color:var(--yp-action-1-text)}
#yp-widget .yp-action-1:hover{background:var(--yp-action-1-hover)}
#yp-widget .yp-action-1 .yp-action-icon{background:var(--yp-action-1-icon-bg);color:var(--yp-action-1-icon-color)}
#yp-widget .yp-action-2{background:var(--yp-action-2-bg);color:var(--yp-action-2-text)}
#yp-widget .yp-action-2:hover{background:var(--yp-action-2-hover)}
#yp-widget .yp-action-2 .yp-action-icon{background:var(--yp-action-2-icon-bg);color:var(--yp-action-2-icon-color)}
#yp-widget .yp-action-3{background:var(--yp-action-3-bg);color:var(--yp-action-3-text)}
#yp-widget .yp-action-3:hover{background:var(--yp-action-3-hover)}
#yp-widget .yp-action-3 .yp-action-icon{background:var(--yp-action-3-icon-bg);color:var(--yp-action-3-icon-color)}
#yp-widget .yp-action-4{background:var(--yp-action-4-bg);color:var(--yp-action-4-text)}
#yp-widget .yp-action-4:hover{background:var(--yp-action-4-hover)}
#yp-widget .yp-action-4 .yp-action-icon{background:var(--yp-action-4-icon-bg);color:var(--yp-action-4-icon-color)}
#yp-widget .yp-promo{display:grid;grid-template-columns:1fr;background:var(--yp-promo-bg);color:var(--yp-promo-text);border-radius:0!important;overflow:hidden;box-shadow:0 8px 20px #0001}
#yp-widget .yp-promo.yp-has-image{grid-template-columns:62% 38%}
#yp-widget .yp-promo-copy{padding:18px;min-width:0}
#yp-widget .yp-promo h3{font-size:1rem}
#yp-widget .yp-promo p{font-size:0.8125rem;margin:8px 0 12px;opacity:.8}
#yp-widget .yp-promo img{height:100%;width:100%;min-height:190px;object-fit:cover;max-width:none;border:0;margin:0}
#yp-widget .yp-promo .yp-cta{background:var(--yp-promo-button-bg);color:var(--yp-promo-button-text);font-size:0.75rem;padding:10px 13px}
#yp-widget .yp-promo .yp-cta:hover{background:var(--yp-promo-button-hover)}
@media(max-width:600px){
 #yp-widget{--yp-height:var(--yp-mobile-height);--yp-width:var(--yp-mobile-width);--yp-bottom:var(--yp-mobile-bottom);--yp-edge-bottom:max(8px,var(--yp-mobile-bottom),var(--yp-active-safe-bottom));right:calc(var(--yp-mobile-right) + env(safe-area-inset-right,0px));bottom:var(--yp-edge-bottom)!important}
 #yp-widget .yp-panel,#yp-widget .yp-pre{position:fixed;right:8px;left:8px;width:auto;max-width:none;bottom:calc(var(--yp-edge-bottom) + var(--yp-height) + var(--yp-gap))}
 #yp-widget .yp-panel{border-radius:18px}
 #yp-widget .yp-header{padding:24px 20px 20px}
 #yp-widget .yp-header h2{font-size:1.312rem}
 #yp-widget .yp-panel-body{padding:12px}
 #yp-widget .yp-promo-copy{padding:16px}
}
@media(max-width:350px){#yp-widget .yp-promo.yp-has-image{grid-template-columns:65% 35%}#yp-widget .yp-promo-copy{padding:12px}#yp-widget .yp-action{padding:12px 10px;gap:10px}}
@keyframes yp-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#yp-widget *,#yp-widget .yp-panel,#yp-widget .yp-pre{animation:none!important;transition:none!important}}

body.admin-bar #yp-widget{--yp-admin-offset:32px}
@media(max-width:782px){body.admin-bar #yp-widget{--yp-admin-offset:46px}}

/* Circular controls stay circular even with theme button sizing and radii. */
#yp-widget .yp-launcher{width:calc(var(--yp-height) - 10px)!important;height:calc(var(--yp-height) - 10px)!important;min-width:calc(var(--yp-height) - 10px)!important;max-width:calc(var(--yp-height) - 10px)!important;min-height:calc(var(--yp-height) - 10px)!important;max-height:calc(var(--yp-height) - 10px)!important;border-radius:0!important;aspect-ratio:1/1;padding:0!important;overflow:hidden}
#yp-widget .yp-close{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;max-height:44px!important;border-radius:0!important;aspect-ratio:1/1;padding:0!important;overflow:hidden}


/* Normal viewports are already inset by the browser. Only full-bleed pages need an extra device inset. */
#yp-widget.yp-edge-to-edge{--yp-active-safe-bottom:var(--yp-safe-bottom)}