.vavar-workshops-widget,.vavar-workshops-modal,.vavar-workshops-modal *{box-sizing:border-box}.vavar-workshops-widget{--gold:#c99a43;--gold-dark:#99632c;--cream:#fbf6e9;--brown:#524b3f;--text:#2b211a;font-family:Arial,sans-serif}.vavar-workshops-open{appearance:none!important;padding:13px 24px!important;border:1px solid var(--gold)!important;border-radius:999px!important;background:var(--brown)!important;color:#fff!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;cursor:pointer;box-shadow:none!important}.vavar-workshops-open:hover{background:#433d33!important;color:#fff!important}html.vavar-workshops-modal-open,body.vavar-workshops-modal-open{overflow:hidden!important}.vavar-workshops-modal[hidden]{display:none!important}.vavar-workshops-modal{--gold:#c99a43;--gold-light:#e1b65b;--gold-dark:#99632c;--cream:#fbf6e9;--brown:#524b3f;--text:#2b211a;position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:24px;font-family:Arial,sans-serif}.vavar-workshops-backdrop{position:absolute;inset:0;background:rgba(35,29,23,.68);backdrop-filter:blur(3px)}.vavar-workshops-panel{position:relative;z-index:1;width:min(980px,100%);max-height:calc(100dvh - 48px);overflow:auto;padding:clamp(24px,4vw,44px);border:1px solid rgba(201,154,67,.55);border-radius:28px;background:var(--cream);color:var(--text);box-shadow:0 30px 90px rgba(0,0,0,.3)}.vavar-workshops-modal button.vavar-workshops-close{position:absolute!important;top:14px!important;right:18px!important;inline-size:48px!important;block-size:48px!important;width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;max-height:48px!important;aspect-ratio:1/1!important;display:grid!important;place-items:center!important;flex:0 0 48px!important;padding:0!important;margin:0!important;border:1px solid rgba(82,75,63,.22)!important;border-radius:9999px!important;background:rgba(255,255,255,.88)!important;color:var(--text)!important;box-sizing:border-box!important;appearance:none!important;-webkit-appearance:none!important;font-size:0!important;line-height:0!important;text-indent:0!important;overflow:hidden!important;box-shadow:none!important;cursor:pointer!important}.vavar-workshops-modal button.vavar-workshops-close::before{content:"×"!important;display:grid!important;place-items:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;color:var(--text)!important;font-family:Arial,sans-serif!important;font-size:30px!important;font-weight:700!important;line-height:1!important;text-align:center!important;transform:translateY(-1px)!important}.vavar-workshops-modal button.vavar-workshops-close:hover,.vavar-workshops-modal button.vavar-workshops-close:focus,.vavar-workshops-modal button.vavar-workshops-close:focus-visible{inline-size:48px!important;block-size:48px!important;width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;max-height:48px!important;padding:0!important;margin:0!important;border-radius:9999px!important;background:#fff!important;color:var(--text)!important;box-shadow:none!important;outline:2px solid rgba(201,154,67,.35)!important;outline-offset:2px!important}.vavar-workshops-kicker{margin-right:52px;color:var(--gold-dark);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.vavar-workshops-panel h3{margin:5px 52px 24px 0;color:var(--brown);font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4vw,44px);line-height:1.05}.vavar-workshops-date-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.vavar-workshops-date-tab{appearance:none!important;padding:10px 16px!important;border:1px solid var(--gold)!important;border-radius:999px!important;background:transparent!important;color:var(--text)!important;font-weight:800!important;cursor:pointer}.vavar-workshops-date-tab.is-active{background:var(--brown)!important;color:#fff!important}.vavar-workshops-list{display:grid;gap:12px}.vavar-workshop-item{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;border:1px solid rgba(201,154,67,.38);border-radius:16px;background:rgba(255,253,248,.95)}.vavar-workshop-item-time{font-family:Georgia,"Times New Roman",serif;font-size:18px;font-weight:700;color:var(--gold-dark)}.vavar-workshop-item-title{font-weight:800;font-size:16px;line-height:1.35}.vavar-workshop-item-provider{margin-top:4px;font-size:14px;font-weight:700}.vavar-workshop-item-meta{margin-top:5px;font-size:13px;color:#645848}.vavar-workshop-book-button{appearance:none!important;min-width:130px;padding:11px 16px!important;border:1px solid var(--gold)!important;border-radius:999px!important;background:var(--brown)!important;color:#fff!important;font-weight:800!important;cursor:pointer}.vavar-workshop-book-button:disabled{cursor:not-allowed;background:#e5dfd4!important;color:#8a8177!important;border-color:#cfc5b6!important}.vavar-workshop-item.is-sold-out{opacity:.75}.vavar-workshop-form-wrap{margin-top:24px;padding-top:24px;border-top:1px solid rgba(201,154,67,.35)}.vavar-workshop-selected{display:grid;gap:5px;margin-bottom:18px;padding:15px;border:1px solid rgba(201,154,67,.4);border-radius:14px;background:#fffdf8}.vavar-workshop-selected strong{font-family:Georgia,"Times New Roman",serif;font-size:20px;color:var(--gold-dark)}.vavar-workshop-selected span{font-size:14px}.vavar-workshop-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vavar-workshop-fields label{display:grid;gap:6px;font-weight:700;font-size:13px}.vavar-workshop-fields input{width:100%;min-height:44px;padding:10px 12px;border:1px solid rgba(153,99,44,.35);border-radius:10px;background:#fff}.vavar-workshop-consent{display:flex;gap:9px;align-items:flex-start;margin:16px 0;font-size:13px;line-height:1.4}.vavar-workshop-submit,.vavar-workshop-back{appearance:none!important;margin:0 8px 0 0!important;padding:12px 18px!important;border-radius:999px!important;font-weight:800!important;cursor:pointer}.vavar-workshop-submit{border:1px solid var(--gold)!important;background:var(--brown)!important;color:#fff!important}.vavar-workshop-back{border:1px solid rgba(82,75,63,.25)!important;background:transparent!important;color:var(--text)!important}.vavar-workshop-message{margin-top:14px;font-weight:700}.vavar-workshop-message.is-success{color:#2f6b3a}.vavar-workshop-message.is-error,.vavar-workshops-error{color:#a12622}.vavar-workshop-hp{position:absolute!important;left:-9999px!important}.vavar-workshops-loading,.vavar-workshops-empty,.vavar-workshops-error{padding:18px;border-radius:12px;background:rgba(255,255,255,.6)}
@media(max-width:700px){.vavar-workshops-modal{padding:8px}.vavar-workshops-panel{width:100%;max-height:calc(100dvh - 16px);border-radius:20px;padding:24px 18px}.vavar-workshop-item{grid-template-columns:1fr;gap:8px}.vavar-workshop-book-button{width:100%}.vavar-workshop-fields{grid-template-columns:1fr}.vavar-workshops-date-tab{flex:1 1 auto}.vavar-workshop-item-time{font-size:17px}}

/* v1.20 - robust mobile modal geometry + theme/custom-CSS reset */
@media(max-width:700px){
html body .vavar-workshops-modal{
position:fixed!important;inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;
width:100vw!important;max-width:none!important;min-width:0!important;height:100dvh!important;max-height:none!important;
margin:0!important;padding:8px!important;transform:none!important;
display:grid!important;place-items:center!important;overflow:hidden!important;box-sizing:border-box!important;
}
html body .vavar-workshops-modal .vavar-workshops-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;transform:none!important;}
html body .vavar-workshops-modal .vavar-workshops-panel{
position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;min-width:0!important;
height:auto!important;max-height:calc(100dvh - 16px)!important;
margin:0 auto!important;padding:72px 18px 24px!important;transform:none!important;
overflow-x:hidden!important;overflow-y:auto!important;border-radius:20px!important;box-sizing:border-box!important;
}
html body .vavar-workshops-modal .vavar-workshops-kicker,
html body .vavar-workshops-modal .vavar-workshops-panel h3,
html body .vavar-workshops-modal .vavar-workshops-date-tabs,
html body .vavar-workshops-modal .vavar-workshops-list,
html body .vavar-workshops-modal .vavar-workshop-form-wrap,
html body .vavar-workshops-modal .vavar-workshop-item{
width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;transform:none!important;box-sizing:border-box!important;
}
html body .vavar-workshops-modal .vavar-workshops-kicker{margin-right:0!important;}
html body .vavar-workshops-modal .vavar-workshops-panel h3{margin:5px 0 24px!important;font-size:clamp(30px,10vw,42px)!important;}
html body .vavar-workshops-modal .vavar-workshop-item{grid-template-columns:1fr!important;gap:8px!important;}
html body .vavar-workshops-modal .vavar-workshop-book-button{width:100%!important;max-width:100%!important;}
html body .vavar-workshops-modal .vavar-workshop-fields{grid-template-columns:1fr!important;}
html body .vavar-workshops-modal button.vavar-workshops-close{
position:absolute!important;top:14px!important;right:14px!important;left:auto!important;bottom:auto!important;
inline-size:48px!important;block-size:48px!important;width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;max-height:48px!important;
margin:0!important;padding:0!important;transform:none!important;border-radius:50%!important;display:grid!important;place-items:center!important;z-index:20!important;
}
}


/* v1.21 - Astra/Elementor mobile breakpoint: panel is pinned to viewport edges */
@media(max-width:921px){
html body .vavar-workshops-modal{
position:fixed!important;inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;
width:100%!important;max-width:none!important;min-width:0!important;height:100vh!important;height:100dvh!important;max-height:none!important;
margin:0!important;padding:0!important;transform:none!important;display:block!important;overflow:hidden!important;box-sizing:border-box!important;
}
html body .vavar-workshops-modal .vavar-workshops-backdrop{
position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;transform:none!important;
}
html body .vavar-workshops-modal .vavar-workshops-panel{
position:absolute!important;
top:max(8px,env(safe-area-inset-top))!important;
right:max(8px,env(safe-area-inset-right))!important;
bottom:max(8px,env(safe-area-inset-bottom))!important;
left:max(8px,env(safe-area-inset-left))!important;
width:auto!important;max-width:none!important;min-width:0!important;height:auto!important;max-height:none!important;
margin:0!important;padding:72px 18px 24px!important;transform:none!important;
overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
border-radius:20px!important;box-sizing:border-box!important;
}
html body .vavar-workshops-modal .vavar-workshops-kicker,
html body .vavar-workshops-modal .vavar-workshops-panel h3,
html body .vavar-workshops-modal .vavar-workshops-date-tabs,
html body .vavar-workshops-modal .vavar-workshops-list,
html body .vavar-workshops-modal .vavar-workshop-form-wrap,
html body .vavar-workshops-modal .vavar-workshop-item{
width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;transform:none!important;box-sizing:border-box!important;
}
html body .vavar-workshops-modal .vavar-workshops-kicker{margin-right:0!important;}
html body .vavar-workshops-modal .vavar-workshops-panel h3{margin:5px 0 24px!important;font-size:clamp(30px,8vw,42px)!important;overflow-wrap:anywhere!important;}
html body .vavar-workshops-modal .vavar-workshops-date-tabs{display:flex!important;flex-wrap:wrap!important;}
html body .vavar-workshops-modal .vavar-workshops-date-tab{flex:1 1 150px!important;min-width:0!important;}
html body .vavar-workshops-modal .vavar-workshop-item{grid-template-columns:1fr!important;gap:8px!important;}
html body .vavar-workshops-modal .vavar-workshop-book-button{width:100%!important;max-width:100%!important;}
html body .vavar-workshops-modal .vavar-workshop-fields{grid-template-columns:1fr!important;}
html body .vavar-workshops-modal button.vavar-workshops-close{
position:absolute!important;top:14px!important;right:14px!important;left:auto!important;bottom:auto!important;
inline-size:48px!important;block-size:48px!important;width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;max-height:48px!important;
margin:0!important;padding:0!important;transform:none!important;border-radius:50%!important;display:grid!important;place-items:center!important;z-index:30!important;
}
}

/* v1.22 - close control is only an X; no circle/background/border */
html body .vavar-workshops-modal button.vavar-workshops-close,
html body .vavar-workshops-modal button.vavar-workshops-close:hover,
html body .vavar-workshops-modal button.vavar-workshops-close:focus,
html body .vavar-workshops-modal button.vavar-workshops-close:focus-visible,
html body .vavar-workshops-modal button.vavar-workshops-close:active {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    inline-size: 44px !important;
    block-size: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    display: grid !important;
    place-items: center !important;
    overflow: visible !important;
    cursor: pointer !important;
}
html body .vavar-workshops-modal button.vavar-workshops-close::before {
    content: "×" !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--text) !important;
    font-family: Arial, sans-serif !important;
    font-size: 34px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-align: center !important;
    transform: translateY(-1px) !important;
}
