.elementor-529 .elementor-element.elementor-element-7d6542fa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-529 .elementor-element.elementor-element-7d6542fa:not(.elementor-motion-effects-element-type-background), .elementor-529 .elementor-element.elementor-element-7d6542fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-219cace ) 0%, #8A433A 100%);}.elementor-529 .elementor-element.elementor-element-7d6542fa.e-con{--align-self:center;}.elementor-529 .elementor-element.elementor-element-616c609a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-529 .elementor-element.elementor-element-115b14e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-529 .elementor-element.elementor-element-115b14e .elementor-heading-title{font-family:"makalo", Sans-serif;font-size:69px;font-weight:600;-webkit-text-stroke-width:0.5px;stroke-width:0.5px;-webkit-text-stroke-color:var( --e-global-color-a8ce3aa );stroke:var( --e-global-color-a8ce3aa );color:var( --e-global-color-239fbbe );}.elementor-529 .elementor-element.elementor-element-1c1f01c2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-ebc1dcb );--border-color:var( --e-global-color-ebc1dcb );--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-529 .elementor-element.elementor-element-239fb3e2{width:100%;max-width:100%;margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 014px 0px;text-align:center;}.elementor-529 .elementor-element.elementor-element-239fb3e2.elementor-element{--align-self:center;}.elementor-529 .elementor-element.elementor-element-239fb3e2 .elementor-heading-title{font-family:"Kenyan Coffee", Sans-serif;font-size:32px;font-weight:600;color:var( --e-global-color-239fbbe );}.elementor-529 .elementor-element.elementor-element-1340b8f6{width:100%;max-width:100%;background-color:transparent;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 030px) 0px;padding:10px 0px 010px 0px;background-image:linear-gradient(90deg, var( --e-global-color-ebc1dcb ) 0%, #6D4A03 100%);text-align:center;}.elementor-529 .elementor-element.elementor-element-1340b8f6.elementor-element{--align-self:center;}.elementor-529 .elementor-element.elementor-element-1340b8f6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:600;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-3ed0a822{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-529 .elementor-element.elementor-element-26a828d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:020px;--padding-right:0px;}.elementor-529 .elementor-element.elementor-element-3a80b9bc{padding:0px 0px 10px 0px;text-align:left;}.elementor-529 .elementor-element.elementor-element-3a80b9bc .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-529 .elementor-element.elementor-element-51967f4{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-51967f4 p{margin-block-end:0.9px;}.elementor-529 .elementor-element.elementor-element-22e0d56d{padding:14px 0px 10px 0px;text-align:left;}.elementor-529 .elementor-element.elementor-element-22e0d56d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-40092c26{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-40092c26 p{margin-block-end:0.9px;}.elementor-529 .elementor-element.elementor-element-54b5240c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:020px;--padding-right:10px;}.elementor-529 .elementor-element.elementor-element-785d25a8{padding:0px 0px 15px 0px;text-align:left;}.elementor-529 .elementor-element.elementor-element-785d25a8 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-5c8a15d{padding:0px 0px 10px 0px;text-align:left;}.elementor-529 .elementor-element.elementor-element-5c8a15d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;font-style:italic;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-36cd7e29{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-36cd7e29 p{margin-block-end:0.9px;}.elementor-529 .elementor-element.elementor-element-723e2236{padding:14px 0px 10px 0px;text-align:left;}.elementor-529 .elementor-element.elementor-element-723e2236 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;font-style:italic;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-2f483b02{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-2f483b02 p{margin-block-end:0.9px;}.elementor-529 .elementor-element.elementor-element-0973e6d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:020px;--padding-right:10px;}.elementor-529 .elementor-element.elementor-element-0c81dd6{padding:20px 0px 15px 0px;text-align:left;}.elementor-529 .elementor-element.elementor-element-0c81dd6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-481511a{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-481511a p{margin-block-end:0.9px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-529 .elementor-element.elementor-element-e67e9a6 .elementor-button{background-color:#FFF9DA;font-family:"Roboto", Sans-serif;font-weight:500;font-style:normal;text-decoration:none;fill:#BB1414;color:#BB1414;border-radius:5px 5px 5px 5px;padding:-1px -1px -1px -1px;}.elementor-529 .elementor-element.elementor-element-e67e9a6{margin:11px 11px calc(var(--kit-widget-spacing, 0px) + 11px) 11px;}.elementor-529 .elementor-element.elementor-element-8948159{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-529 .elementor-element.elementor-element-7c1d59f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-529 .elementor-element.elementor-element-7c1d59f .elementor-heading-title{font-family:"makalo", Sans-serif;font-size:69px;font-weight:600;-webkit-text-stroke-width:0.5px;stroke-width:0.5px;-webkit-text-stroke-color:var( --e-global-color-a8ce3aa );stroke:var( --e-global-color-a8ce3aa );color:var( --e-global-color-239fbbe );}.elementor-529 .elementor-element.elementor-element-90d242c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-ebc1dcb );--border-color:var( --e-global-color-ebc1dcb );--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-529 .elementor-element.elementor-element-9bb458e{width:100%;max-width:100%;margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 014px 0px;text-align:center;}.elementor-529 .elementor-element.elementor-element-9bb458e.elementor-element{--align-self:center;}.elementor-529 .elementor-element.elementor-element-9bb458e .elementor-heading-title{font-family:"Kenyan Coffee", Sans-serif;font-size:32px;font-weight:600;color:var( --e-global-color-239fbbe );}.elementor-529 .elementor-element.elementor-element-9ec4392{width:100%;max-width:100%;background-color:transparent;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 030px) 0px;padding:10px 0px 010px 0px;background-image:linear-gradient(90deg, var( --e-global-color-ebc1dcb ) 0%, #6D4A03 100%);text-align:center;}.elementor-529 .elementor-element.elementor-element-9ec4392.elementor-element{--align-self:center;}.elementor-529 .elementor-element.elementor-element-9ec4392 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:600;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-fc8921f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-529 .elementor-element.elementor-element-a4b1198{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:020px;--padding-right:0px;}.elementor-529 .elementor-element.elementor-element-f27d175{padding:0px 0px 10px 0px;text-align:left;}.elementor-529 .elementor-element.elementor-element-f27d175 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-342854c{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-342854c p{margin-block-end:0.9px;}.elementor-529 .elementor-element.elementor-element-26b875c{padding:14px 0px 10px 0px;text-align:left;}.elementor-529 .elementor-element.elementor-element-26b875c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-c1cdd3a{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-c1cdd3a p{margin-block-end:0.9px;}.elementor-529 .elementor-element.elementor-element-def13a7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:020px;--padding-right:10px;}.elementor-529 .elementor-element.elementor-element-37688a5{padding:0px 0px 15px 0px;text-align:left;}.elementor-529 .elementor-element.elementor-element-37688a5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-b7e72eb{padding:0px 0px 10px 0px;text-align:left;}.elementor-529 .elementor-element.elementor-element-b7e72eb .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;font-style:italic;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-dae766b{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-dae766b p{margin-block-end:0.9px;}.elementor-529 .elementor-element.elementor-element-ee0463a{padding:14px 0px 10px 0px;text-align:left;}.elementor-529 .elementor-element.elementor-element-ee0463a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;font-style:italic;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-142846f{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-142846f p{margin-block-end:0.9px;}.elementor-529 .elementor-element.elementor-element-73e02d8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:020px;--padding-right:10px;}.elementor-529 .elementor-element.elementor-element-64413eb{padding:20px 0px 15px 0px;text-align:left;}.elementor-529 .elementor-element.elementor-element-64413eb .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-01e4c22{column-gap:0px;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-529 .elementor-element.elementor-element-01e4c22 p{margin-block-end:0.9px;}.elementor-529 .elementor-element.elementor-element-8464e56 .elementor-button{background-color:#FFF9DA;font-family:"Roboto", Sans-serif;font-weight:500;font-style:normal;text-decoration:none;fill:#BB1414;color:#BB1414;border-radius:5px 5px 5px 5px;padding:-1px -1px -1px -1px;}.elementor-529 .elementor-element.elementor-element-8464e56{margin:11px 11px calc(var(--kit-widget-spacing, 0px) + 11px) 11px;}@media(min-width:768px){.elementor-529 .elementor-element.elementor-element-616c609a{--width:40%;}.elementor-529 .elementor-element.elementor-element-1c1f01c2{--content-width:100%;}.elementor-529 .elementor-element.elementor-element-3ed0a822{--width:100%;}.elementor-529 .elementor-element.elementor-element-26a828d{--width:50%;}.elementor-529 .elementor-element.elementor-element-54b5240c{--width:50%;}.elementor-529 .elementor-element.elementor-element-0973e6d{--width:100%;}.elementor-529 .elementor-element.elementor-element-8948159{--width:40%;}.elementor-529 .elementor-element.elementor-element-90d242c{--content-width:100%;}.elementor-529 .elementor-element.elementor-element-fc8921f{--width:100%;}.elementor-529 .elementor-element.elementor-element-a4b1198{--width:50%;}.elementor-529 .elementor-element.elementor-element-def13a7{--width:50%;}.elementor-529 .elementor-element.elementor-element-73e02d8{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-1c1f01c2 *//* 🎟️ Responsive Glassmorphism Ticket with Hover Button & Ticket Shape */
:root{
  --accent: rgba(255,255,255,0.85);
  --shadow: 0 10px 30px rgba(8,10,20,0.35);
  --border: rgba(255,255,255,0.18);
  --gradient-start: rgba(255,255,255,0.08);
  --gradient-end: rgba(255,255,255,0.03);
  --dash-color: rgba(255,255,255,0.25);
  --notch-radius: 14px;
  --brand-color: #00c4ff;
}

/* Container */
#ticket{
  width: min(100%, var(--ticket-width));
  min-height: var(--ticket-height);
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 1PX;
  box-sizing: border-box;
  border-radius: 24px;
  background: linear-gradient(180deg, var(--gradient-start), var(--gradient-end));
  border: 1px solid var(--border);
  backdrop-filter: blur(12px) saturate(150%);
  -webkit-backdrop-filter: blur(12px) saturate(150%);
  box-shadow: var(--shadow);
  position: relative;
  color: var(--accent);
  font-family: "Inter", system-ui, sans-serif;
  overflow: hidden;
  transition: all 0.3s ease;
  isolation: isolate;
}

#ticket:hover{
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.35);
}

/* Inner layout */
#ticket .left,
#ticket .right{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}

#ticket .left{ flex: 1; min-width: 0; }
#ticket .right{ width: 180px; text-align: right; align-items: flex-end; }

/* Text styling */
#ticket h3.event{
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--accent);
}
#ticket p{ margin: 0; opacity: 0.95; }
#ticket .when{ font-size: 0.95rem; opacity: 0.9; }
#ticket .venue{ font-size: 0.85rem; opacity: 0.7; }
#ticket .seat{ font-weight: 600; font-size: 0.95rem; }
#ticket .price{
  background: linear-gradient(90deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  padding: 10px 14px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,0.08);
  font-weight: 700;
  font-size: 1.05rem;
  min-width: 82px;
}

/* Perforated divider */
#ticket .divider{
  width: 1px;
  height: calc(100% - 28px);
  margin: 0 6px;
  position: relative;
  display: inline-block;
  align-self: stretch;
}
#ticket .divider::before{
  content: "";
  position: absolute;
  inset: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  background-image: repeating-linear-gradient(
    to bottom,
    var(--dash-color) 0 4px,
    transparent 4px 10px
  );
  border-radius: 2px;
}

/* Notches for ticket shape */
#ticket::before,
#ticket::after{
  content: "";
  position: absolute;
  width: calc(var(--notch-radius) * 2);
  height: calc(var(--notch-radius) * 2);
  background: transparent;
  border-radius: 50%;
  background-color: var(--body-bg, #0000);
  z-index: 5;
  mix-blend-mode: destination-out;
}

/* Left notch */
#ticket::before{
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
}

/* Right notch */
#ticket::after{
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}

/* Hover Buy Button */
#ticket .buy-btn{
  position: absolute;
  bottom: -60px;
  left: 0;
  width: 100%;
  text-align: center;
  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 12px 0;
  color: var(--accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-top: 1px solid rgba(255,255,255,0.15);
  cursor: pointer;
  transition: all 0.35s ease;
  z-index: 10;
}

/* Hover animation */
#ticket:hover .buy-btn{
  bottom: 0;
  background: linear-gradient(90deg, rgba(0,196,255,0.25), rgba(255,255,255,0.15));
}

/* Button hover glow */
#ticket .buy-btn:hover{
  background: linear-gradient(90deg, var(--brand-color), rgba(0,255,190,0.4));
  color: #fff;
  text-shadow: 0 0 10px var(--brand-color);
}

/* 🎟️ Mobile Ticket Shape */
@media (max-width: 520px){
  :root { --ticket-height: 180px; }
  #ticket{
    flex-direction: column;
    align-items: flex-start;
    padding: 18px;
    border-radius: 24px;
  }
  #ticket .right{
    width: 100%;
    text-align: left;
    align-items: flex-start;
  }
  #ticket .price{ align-self: flex-start; }

  /* Make notches visible and proportional on mobile */
  #ticket::before,
  #ticket::after{
    width: 24px;
    height: 24px;
    top: unset;
    bottom: -12px;
    transform: none;
  }
  #ticket::before{
    left: 25%;
  }
  #ticket::after{
    right: 25%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90d242c *//* 🎟️ Responsive Glassmorphism Ticket with Hover Button & Ticket Shape */
:root{
  --accent: rgba(255,255,255,0.85);
  --shadow: 0 10px 30px rgba(8,10,20,0.35);
  --border: rgba(255,255,255,0.18);
  --gradient-start: rgba(255,255,255,0.08);
  --gradient-end: rgba(255,255,255,0.03);
  --dash-color: rgba(255,255,255,0.25);
  --notch-radius: 14px;
  --brand-color: #00c4ff;
}

/* Container */
#ticket{
  width: min(100%, var(--ticket-width));
  min-height: var(--ticket-height);
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 1PX;
  box-sizing: border-box;
  border-radius: 24px;
  background: linear-gradient(180deg, var(--gradient-start), var(--gradient-end));
  border: 1px solid var(--border);
  backdrop-filter: blur(12px) saturate(150%);
  -webkit-backdrop-filter: blur(12px) saturate(150%);
  box-shadow: var(--shadow);
  position: relative;
  color: var(--accent);
  font-family: "Inter", system-ui, sans-serif;
  overflow: hidden;
  transition: all 0.3s ease;
  isolation: isolate;
}

#ticket:hover{
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.35);
}

/* Inner layout */
#ticket .left,
#ticket .right{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}

#ticket .left{ flex: 1; min-width: 0; }
#ticket .right{ width: 180px; text-align: right; align-items: flex-end; }

/* Text styling */
#ticket h3.event{
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--accent);
}
#ticket p{ margin: 0; opacity: 0.95; }
#ticket .when{ font-size: 0.95rem; opacity: 0.9; }
#ticket .venue{ font-size: 0.85rem; opacity: 0.7; }
#ticket .seat{ font-weight: 600; font-size: 0.95rem; }
#ticket .price{
  background: linear-gradient(90deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  padding: 10px 14px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,0.08);
  font-weight: 700;
  font-size: 1.05rem;
  min-width: 82px;
}

/* Perforated divider */
#ticket .divider{
  width: 1px;
  height: calc(100% - 28px);
  margin: 0 6px;
  position: relative;
  display: inline-block;
  align-self: stretch;
}
#ticket .divider::before{
  content: "";
  position: absolute;
  inset: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  background-image: repeating-linear-gradient(
    to bottom,
    var(--dash-color) 0 4px,
    transparent 4px 10px
  );
  border-radius: 2px;
}

/* Notches for ticket shape */
#ticket::before,
#ticket::after{
  content: "";
  position: absolute;
  width: calc(var(--notch-radius) * 2);
  height: calc(var(--notch-radius) * 2);
  background: transparent;
  border-radius: 50%;
  background-color: var(--body-bg, #0000);
  z-index: 5;
  mix-blend-mode: destination-out;
}

/* Left notch */
#ticket::before{
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
}

/* Right notch */
#ticket::after{
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}

/* Hover Buy Button */
#ticket .buy-btn{
  position: absolute;
  bottom: -60px;
  left: 0;
  width: 100%;
  text-align: center;
  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 12px 0;
  color: var(--accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-top: 1px solid rgba(255,255,255,0.15);
  cursor: pointer;
  transition: all 0.35s ease;
  z-index: 10;
}

/* Hover animation */
#ticket:hover .buy-btn{
  bottom: 0;
  background: linear-gradient(90deg, rgba(0,196,255,0.25), rgba(255,255,255,0.15));
}

/* Button hover glow */
#ticket .buy-btn:hover{
  background: linear-gradient(90deg, var(--brand-color), rgba(0,255,190,0.4));
  color: #fff;
  text-shadow: 0 0 10px var(--brand-color);
}

/* 🎟️ Mobile Ticket Shape */
@media (max-width: 520px){
  :root { --ticket-height: 180px; }
  #ticket{
    flex-direction: column;
    align-items: flex-start;
    padding: 18px;
    border-radius: 24px;
  }
  #ticket .right{
    width: 100%;
    text-align: left;
    align-items: flex-start;
  }
  #ticket .price{ align-self: flex-start; }

  /* Make notches visible and proportional on mobile */
  #ticket::before,
  #ticket::after{
    width: 24px;
    height: 24px;
    top: unset;
    bottom: -12px;
    transform: none;
  }
  #ticket::before{
    left: 25%;
  }
  #ticket::after{
    right: 25%;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'makalo';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://sunsetjazzmelodies.co.za/wp-content/uploads/2025/08/MAKALO-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */