/* Live CherryBite playbill — published tickets and owner-only editor. */
#events [hidden]{display:none!important}
#events .et-programme{
  justify-content:flex-start;align-items:stretch;
  padding:114px clamp(75px,8.8vw,136px) 68px;
  overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:#98624d #1e1119;
}
#events .et-feed-head{
  position:relative;z-index:1;display:flex;align-items:center;
  justify-content:space-between;gap:20px;
  padding-bottom:20px;border-bottom:1px solid #b67b6b6b;
}
#events .et-feed-head>div>span{color:#d2a999;font:800 10px/1.3 Rubik,sans-serif;letter-spacing:.22em}
#events .et-feed-head h2{
  color:#f3ddc2;font:clamp(27px,4vw,46px)/1.06 "Russo One",sans-serif;
  letter-spacing:-.045em;margin-top:12px;
}
#events .et-feed-head h2 em{font-style:normal;color:#d64153}
#events .et-feed-head-actions{display:flex;align-items:center;gap:10px;flex:none}
#events .et-admin-login{
  border:1px solid #b88278;background:#301922;color:#f2d9c2;
  padding:13px 14px;font:900 10px/1.2 Rubik,sans-serif;
  letter-spacing:.06em;white-space:nowrap;
}
#events .et-admin-login:hover{background:#52232f}
#events .et-admin-create{
  flex:none;background:#e0c6a4;color:#351821;
  border:2px solid #fff0cf;
  padding:13px 16px;display:flex;align-items:center;gap:7px;
  font:900 11px/1.1 Rubik,sans-serif;letter-spacing:.075em;
  box-shadow:5px 5px #7c3542;transition:transform .15s;
}
#events .et-admin-create span{font-size:24px;line-height:.6}
#events .et-admin-create:hover{transform:translate(-2px,-2px)}
#events .et-feed-status{
  text-align:center;margin:auto;padding:60px 10px;color:#cfada6;
  font:900 12px/1.6 Rubik,sans-serif;letter-spacing:.17em;
}
#events .et-feed-empty{
  margin:auto;max-width:490px;text-align:center;
  padding:35px 14px 45px;
  animation:et-empty-in .6s ease both;
}
#events .et-empty-face{
  display:flex;width:max-content;align-items:center;justify-content:center;
  gap:.12em;margin:0 auto 13px;
  font:clamp(70px,10vw,120px)/1 "Russo One",sans-serif;
  letter-spacing:0;color:#dc8e8c;
  transform:rotate(10deg);
  text-shadow:5px 8px #260d17,0 0 30px #ec686325;
}
#events .et-feed-empty h3{
  color:#f1ddc7;font:clamp(30px,5vw,53px)/1.03 "Russo One",sans-serif;
  letter-spacing:-.045em;text-shadow:3px 3px #3e1520;
}
#events .et-feed-empty p{
  color:#caa6a3;font:500 13px/1.7 Rubik,sans-serif;
  margin:20px auto 0;max-width:360px;
}
#events .et-feed{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;margin-top:26px;padding-bottom:18px}
#events .et-feed:has(.et-post:only-child){grid-template-columns:minmax(0,480px);justify-content:center}
#events .et-post{
  position:relative;min-width:0;
  background:linear-gradient(145deg,#f5e5cb,#dbc0a3);
  color:#291820;transform:rotate(-.45deg);
  border:1px solid #cfaa8a;
  box-shadow:0 7px 0 #936c5d,0 20px 27px #0007,inset 0 0 0 4px #f9ebda,inset 0 0 0 5px #9b6e68;
}
#events .et-post:nth-child(2n){transform:rotate(.7deg)}
#events .et-post:before,#events .et-post:after{
  content:"";position:absolute;top:45%;width:15px;height:25px;
  background:#33202a;border-radius:50%;z-index:2;
}
#events .et-post:before{left:-9px}
#events .et-post:after{right:-9px}
#events .et-post-visual{
  position:relative;overflow:hidden;aspect-ratio:16/9;
  margin:12px 12px 0;border:2px solid #ad7d72;
  background:radial-gradient(circle at 45% 35%,#ad6c66,#6d3039 70%,#311620);
}
#events .et-post-visual img{display:block;width:100%;height:100%;object-fit:cover}
#events .et-post-visual.is-placeholder{
  display:flex;align-items:center;justify-content:center;
  color:#f5d5ac;font:clamp(80px,8vw,130px)/1 "Russo One",sans-serif;
  text-shadow:5px 5px #2e1424;
}
#events .et-post-stamp{
  position:absolute;z-index:1;top:20px;left:20px;
  padding:7px 10px;background:#441c28e3;color:#e5c0a6;
  border:1px solid #b9837b;font:900 9px Rubik,sans-serif;letter-spacing:.18em;
}
#events .et-post-copy{padding:18px 23px 21px}
#events .et-post-code{
  display:flex;justify-content:space-between;gap:12px;
  color:#875b5c;font:900 9px/1.3 Rubik,sans-serif;letter-spacing:.14em;
  border-bottom:1px dashed #b78c83;padding-bottom:11px;
}
#events .et-post h3{
  color:#351a22;font:clamp(21px,2.4vw,30px)/1.08 "Russo One",sans-serif;
  letter-spacing:-.04em;margin:16px 0 9px;overflow-wrap:anywhere;
}
#events .et-post-description{
  color:#694a4a;font:600 12px/1.55 Rubik,sans-serif;
  white-space:pre-wrap;overflow-wrap:anywhere;
}
#events .et-post-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px;padding-top:12px;border-top:1px solid #b78c83}
#events .et-post-actions button{
  border:1px solid #9a6571;background:#4b2732;color:#f6dfc8;
  padding:9px 11px;font:900 10px Rubik,sans-serif;letter-spacing:.035em;
}
#events .et-post-actions button:last-child{background:#e6cab3;color:#6c2836}
#events .et-post-actions button:hover{filter:brightness(1.1)}
#events .et-editor-overlay{
  position:fixed;inset:0;z-index:180;
  display:flex;align-items:center;justify-content:center;
  padding:18px;background:#0c060bd9;backdrop-filter:blur(9px);
  overflow-y:auto;
}
#events .et-editor-dialog{
  position:relative;width:min(630px,100%);max-height:min(94dvh,900px);
  overflow-y:auto;
  padding:31px clamp(20px,4vw,41px) 35px;
  background:linear-gradient(140deg,#f1dfc3,#dbc1ab);
  color:#2d1720;
  border:6px solid #391c27;
  box-shadow:0 0 0 2px #a76758,15px 21px 0 #260d19,0 30px 75px #000b;
}
#events .et-editor-top{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #a9867a;padding-bottom:15px}
#events .et-editor-top span{font:900 10px Rubik,sans-serif;letter-spacing:.17em;color:#7a4b55}
#events .et-editor-top button{border:1px solid #8b5a61;background:#4f2630;color:#f2dcc7;font:28px/1 Rubik,sans-serif;width:36px;height:36px}
#events .et-editor-dialog h2{font:clamp(30px,5vw,45px)/1 "Russo One",sans-serif;letter-spacing:-.05em;margin:23px 0 10px}
#events .et-editor-lead{color:#75545a;font:500 13px/1.6 Rubik,sans-serif;margin-bottom:24px}
#events .et-editor-dialog form{display:flex;flex-direction:column;gap:18px}
#events .et-editor-dialog form>label:not(.et-remove-image){
  display:flex;flex-direction:column;gap:9px;
  font:900 10px/1.4 Rubik,sans-serif;letter-spacing:.12em;color:#603941;
}
#events .et-editor-dialog input[type=text],#events .et-editor-dialog textarea{
  width:100%;border:1px solid #a7837b;background:#fff6e8;color:#25171a;
  padding:13px 14px;border-radius:0;outline-offset:2px;
  font:600 14px/1.5 Rubik,sans-serif;letter-spacing:0;
}
#events .et-editor-dialog textarea{resize:vertical;min-height:118px}
#events .et-upload-label small{font-size:10px;font-weight:600;letter-spacing:0;color:#9d7172}
#events .et-editor-dialog input[type=file]{width:100%;padding:14px;border:1px dashed #a66b72;background:#eed7c7;color:#50303b;font:700 11px Rubik,sans-serif}
#events .et-editor-dialog input[type=file]::file-selector-button{border:0;background:#71313e;color:#ffeddb;padding:9px 12px;margin-right:10px;font:800 10px Rubik,sans-serif}
#events .et-editor-preview{display:block;max-width:100%;max-height:210px;object-fit:contain;background:#3a242d;border:2px solid #94666a}
#events .et-remove-image{display:flex;gap:10px;align-items:center;font:900 10px Rubik,sans-serif;letter-spacing:.05em}
#events .et-editor-error{min-height:17px;color:#a20b29;font:800 12px/1.4 Rubik,sans-serif}
#events .et-editor-actions{display:flex;gap:12px;justify-content:flex-end}
#events .et-editor-actions button{padding:14px 17px;border:2px solid #502733;background:#8b253b;color:#f8e7cf;font:900 11px Rubik,sans-serif;letter-spacing:.05em}
#events .et-editor-actions .et-editor-cancel{background:transparent;color:#562c35;border-color:#967078}
#events .et-editor-actions button:disabled{opacity:.6;cursor:wait}
body.et-editor-active{overflow:hidden}
@keyframes et-empty-in{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:900px){
  #events .et-programme{padding-inline:68px}
  #events .et-feed{gap:15px}
}
@media (max-width:620px){
  #events .et-marquee strong{font-size:clamp(9px,2.65vw,14px);letter-spacing:0}
  #events .et-programme{padding:91px 34px 68px}
  #events .et-feed-head{gap:8px;padding-bottom:11px}
  #events .et-feed-head>div>span{font-size:7px;letter-spacing:.06em}
  #events .et-feed-head h2{font-size:clamp(19px,6vw,29px);margin-top:7px}
  #events .et-admin-login{font-size:9px;white-space:normal;max-width:115px;text-align:center;padding:9px}
  #events .et-admin-create{font-size:0;padding:8px 10px;box-shadow:3px 3px #7c3542}
  #events .et-admin-create span{font-size:28px}
  #events .et-empty-face{font-size:88px}
  #events .et-feed-empty h3{font-size:clamp(25px,8vw,41px)}
  #events .et-feed-empty p{font-size:11px}
  #events .et-feed{grid-template-columns:1fr;gap:17px;margin-top:18px}
  #events .et-feed:has(.et-post:only-child){grid-template-columns:1fr}
  #events .et-post-copy{padding:14px 17px 17px}
  #events .et-post h3{font-size:22px}
  #events .et-post-description{font-size:11px}
  #events .et-post-visual{margin:8px 8px 0}
  #events .et-post-stamp{top:14px;left:14px;font-size:8px}
  #events .et-editor-overlay{padding:10px}
  #events .et-editor-dialog{padding:20px 18px 23px;max-height:96dvh;box-shadow:0 0 0 2px #a76758,4px 8px 0 #260d19,0 30px 55px #000b}
  #events .et-editor-actions{flex-direction:column-reverse}
  #events .et-editor-actions button{width:100%}
}
@media (prefers-reduced-motion:reduce){#events .et-feed-empty{animation:none}}
