/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* Single-event page: scoped tokens keep theme styles isolated. */
/* Single-event page: scoped tokens keep theme styles isolated. */
.event-page {
  --event-navy: oklch(0.235 0.042 258);
  --event-cream: oklch(0.955 0.029 89);
  --event-paper: oklch(1 0 0);
  --event-red: oklch(0.535 0.218 21);
  --event-red-dark: oklch(0.39 0.15 21);
  --event-muted: oklch(0.68 0.02 258);
  --event-line: oklch(0.78 0.02 85);
  --event-disabled: oklch(0.85 0.012 85);
  --event-shadow: 4px 5px 0 oklch(0.235 0.042 258 / .12);
  color: var(--event-navy);
  letter-spacing: 0;
}
.event-page {
	width: 100%;
}
.event-page *, .event-page *::before, .event-page *::after { box-sizing: border-box; }
.event-container { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 40px; }
.event-blocks-section .event-container {max-width: 100%; margin: 0; padding: 0;}
.event-hero-section { background: var(--event-navy); color: var(--event-cream); padding: 66px 0 86px; }
.hero-grid { display: grid; grid-template-columns: 426px minmax(0, 1fr); gap: 64px; align-items: start; }
.event-poster-wrapper { background: var(--event-cream); padding: 27px 30px 12px; box-shadow: 0 16px 30px oklch(0 0 0 / .25); }
.event-poster-frame { border: 1px dashed var(--event-muted); display: flex; justify-content: center; }
.event-poster-frame img { display: block; width: auto; height: 530px; object-fit: cover; }
.event-poster-caption { display: flex; justify-content: space-between; gap: 8px; margin-top: 26px; font-size: 8px; color: var(--event-muted); text-transform: uppercase; }
.event-title { margin: 10px 0 16px; font-family: var(--gp-font--alfa-slab-one), Georgia, serif; font-size: 72px; line-height: 100%; text-transform: uppercase; overflow-wrap: anywhere; }
.event-price-badge-row { display: flex; gap: 24px; align-items: start; flex-wrap: wrap; margin-bottom: 30px; }
.event-price-group { display: flex; flex-direction: column; }
.event-price { font-family: var(--gp-font--alfa-slab-one), Georgia, serif; font-size: 38px; font-weight: 900; line-height: 1.1; }
.event-price del, .event-price ins, .price-bold del, .price-bold ins { text-decoration: none; }
.event-price del, .price-bold del { opacity: .65; text-decoration: line-through; }
.price-subtext { color: var(--event-muted); font-size: 11px; text-transform: uppercase; letter-spacing: 1.56px; }
.stock-badge { display: inline-flex; align-items: center; gap: 8px; border-left: 1px solid color-mix(in oklab, var(--event-cream) 15%, transparent); padding: 12px 14px; background: var(--event-red); color: var(--event-paper); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.56px; }
.stock-badge::before { content: ''; height: 6px; width: 6px; border-radius: 50%; background: currentColor; }
.event-description { color: color-mix(in oklab, var(--event-cream) 75%, var(--event-navy)); font-size: 16px; line-height: 1.75; }
.event-description p { margin: 0 0 16px; }
.event-description a { color: inherit; text-decoration: underline; }
.event-meta-strip { display: grid; grid-template-columns: 1.85fr 1fr 1.2fr; border-top: 1px solid color-mix(in oklab, var(--event-cream) 16%, transparent); border-bottom: 1px solid color-mix(in oklab, var(--event-cream) 16%, transparent); margin-top: 27px; }
.meta-col { padding: 18px 24px; border-right: 1px solid color-mix(in oklab, var(--event-cream) 12%, transparent); min-width: 0; }
.meta-col:first-child { padding-left: 0; }
.meta-col:last-child { border-right: 0; }
.meta-label { 
color: #F2607A;
font-family: Oswald;
font-size: 11px;
font-style: normal;
font-weight: 600;
line-height: 168%;
letter-spacing: 2.2px;
text-transform: uppercase;
}
.meta-value { display: block; font-family: "Alfa Slab One", Georgia, serif; font-size: 18px; font-weight: 900; line-height: 1.15; overflow-wrap: anywhere; }
.event-page .event-summary-section { background: var(--event-red); border-top: 3px solid var(--event-navy); border-bottom: 3px solid var(--event-navy); padding: 28px 0; }
.event-page .event-summary-grid { display: grid; grid-template-columns: 2.8fr 1fr 1fr .85fr; gap: 8px; margin: 0 auto; }
.event-page .event-summary-item { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 7px; min-width: 0; min-height: 74px; padding: 10px 20px; background: var(--event-cream); border: 2px solid var(--event-navy); border-radius: 8px; box-shadow: 0 3px 0 var(--event-red-dark); text-align: center; }
.event-page .event-summary-item::before, .event-page .event-summary-item::after { content: ''; position: absolute; top: 5px; width: 6px; height: 6px; border: 2px solid var(--event-red-dark); border-radius: 50%; }
.event-page .event-summary-item::before { left: 7px; }
.event-page .event-summary-item::after { right: 7px; }
.event-page .event-summary-item dt { order: 2; margin: 0; color: var(--event-red-dark); font-family: var(--gp-font--oswald), Arial, sans-serif; font-size: 10px; font-weight: 800; line-height: 1.2; text-transform: uppercase; }
.event-page .event-summary-item dd { margin: 0; color: var(--event-navy); font-family: var(--gp-font--alfa-slab-one), Georgia, serif; font-size: 26px; font-weight: 900; line-height: 1.2; text-transform: uppercase; overflow-wrap: anywhere; }
.event-page .event-summary-item dd del { opacity: .65; }
.event-page .event-summary-item dd ins { text-decoration: none; }
@media (max-width: 1000px) { .event-page .event-summary-item dd { font-size: 20px; } }
@media (max-width: 768px) {
 .event-page .event-summary-section { padding: 24px 0; }
 .event-page .event-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
 .event-page .event-summary-location { grid-column: 1 / -1; }
 .event-page .event-summary-item { min-height: 68px; padding: 12px 7px; }
 .event-page .event-summary-item dd { font-size: 16px; }
 .event-page .event-summary-location dd { font-size: 20px; }
 .event-page .event-summary-item dt { font-size: 9px; }
}
.event-ticket-section { background: var(--event-cream); padding: 64px 0; }
.event-ticket-section .event-container { max-width: 1048px; }
.ticket-card-box { display: grid; grid-template-columns: 57.5% minmax(0, 1fr); min-height: 404px; border: 2px solid var(--event-navy); border-radius: 3px; background: var(--event-paper); box-shadow: var(--event-shadow); overflow: hidden; }
.ticket-card-left { padding: 42px 40px; border-right: 1px dashed var(--event-muted); }
.card-status-subhead { display: flex; align-items: center; gap: 10px; color: var(--event-red); font-size: 10px; font-weight: 800; }
.card-status-subhead::before { content: ''; width: 30px; height: 2px; background: currentColor; }
.card-status-title { margin: 16px 0 20px; color: var(--event-red); font-family: var(--gp-font--alfa-slab-one), Georgia, serif; font-weight: 1000; font-size: 72px; line-height: .86; text-transform: uppercase; overflow-wrap: anywhere; }
.card-status-desc { 
	margin: 0 0 26px; 
	max-width: 310px;
	color: #17274B;
font-family: Oswald;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 138.125%;
letter-spacing: 1.69px;
text-transform: uppercase;

}
.card-action-buttons { display: flex; gap: 12px; flex-wrap: wrap; }
.btn-primary-red, .btn-secondary-outline { display: inline-flex; align-items: center; justify-content: center; padding: 16px 22px; font-size: 10px; line-height: 1.2; font-weight: 800; text-decoration: none; text-transform: uppercase; min-height: 48px; transition: filter .15s; }
.btn-primary-red { position: relative; border: 2px solid var(--event-red); border-radius: 6px; background: var(--event-red); color: var(--event-paper); box-shadow: 0 4px 0 var(--event-navy), 0 8px 12px oklch(0 0 0 / .15); }
.btn-primary-red::after { content: ''; position: absolute; inset: 3px; border: 1px solid var(--event-paper); border-radius: 2px; pointer-events: none; }
.btn-secondary-outline { border: 1px solid var(--event-muted); color: var(--event-navy); background: var(--event-paper); border-radius: 0; }
.btn-primary-red:hover, .btn-secondary-outline:hover { filter: brightness(.93); }
.event-page a:focus-visible, .event-page button:focus-visible, .event-page input:focus-visible, .event-page select:focus-visible { outline: 2px solid var(--event-red); outline-offset: 4px; }
.ticket-card-right { background: var(--event-cream); padding: 30px 40px 40px; min-width: 0; }
.ticket-info-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 14px 0; border-bottom: 1px dashed var(--event-line); }
.row-label { color: var(--event-muted); font-size: 10px; font-weight: 800; letter-spacing: 1.56px; text-transform: uppercase; }
.row-value { color: var(--event-navy); text-align: right; font-size: 17px; font-family: var(--gp-font--alfa-slab-one), Georgia, serif; font-weight: 900; }
.text-red, .text-grey { color: var(--event-red); }
.ticket-buy-disabled, .ticket-buy-form-wrapper { margin-top: 24px; }
.ticket-buy-disabled > .row-label { display: block; }
.disabled-qty-box { display: flex; justify-content: center; margin: 10px auto 14px; width: max-content; color: var(--event-muted); }
.disabled-qty-box span { display: flex; align-items: center; justify-content: center; border: 1px solid var(--event-line); width: 34px; height: 32px; font-size: 13px; }
.disabled-qty-box span + span { border-left: 0; }
.btn-disabled { display: block; width: 100%; padding: 15px 22px; min-height: 48px; text-align: left; background: var(--event-disabled); color: var(--event-muted); border: 1px solid var(--event-line); border-radius: 2px; font-size: 10px; font-weight: 800; cursor: not-allowed; }
.ticket-notice { font-size: 11px; line-height: 1.6; color: var(--event-muted); margin: 14px 0 0; }
/* Native WooCommerce markup, actions, variations and quantity behavior are retained. */
.ticket-buy-form-wrapper form.cart { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 0; }
.ticket-buy-form-wrapper form.variations_form, .ticket-buy-form-wrapper form.grouped_form { display: block; }
.ticket-buy-form-wrapper .quantity { margin: 0; float: none; }
.ticket-buy-form-wrapper input.qty { width: 70px; min-height: 42px; border: 1px solid var(--event-line); background: var(--event-cream); color: var(--event-navy); padding: 8px; text-align: center; }
/* On-sale quantity stepper: − / + buttons replace the default input spinners. */
.event-qty-stepper { display: flex; width: max-content; margin: 0 auto; }
.event-qty-stepper .event-qty-btn { display: flex; align-items: center; justify-content: center; width: 34px; height: 42px; padding: 0; border: 1px solid var(--event-line); background: var(--event-paper); color: var(--event-navy); font-size: 16px; font-weight: 800; line-height: 1; cursor: pointer; }
.event-qty-stepper .event-qty-btn:hover { background: var(--event-cream); }
.event-qty-stepper input.qty { width: 44px; height: 42px; min-height: 42px; border: 1px solid var(--event-line); border-left: 0; border-right: 0; border-radius: 0; background: var(--event-paper); color: var(--event-navy); padding: 0; text-align: center; -moz-appearance: textfield; appearance: textfield; }
.event-qty-stepper input.qty::-webkit-outer-spin-button, .event-qty-stepper input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.ticket-buy-form-wrapper .single_add_to_cart_button { float: none; width: 100%; min-height: 48px; padding: 14px 18px; background: var(--event-red); color: var(--event-paper); border: 1px solid var(--event-red-dark); border-radius: 2px;
text-align: center;
font-family: Oswald;
font-size: 12.5px;
font-style: normal;
font-weight: 600;
line-height: 168%;
letter-spacing: 2px;
text-transform: uppercase; }
.ticket-buy-form-wrapper .single_add_to_cart_button.disabled, .ticket-buy-form-wrapper .single_add_to_cart_button:disabled { background: var(--event-disabled); color: var(--event-muted); border-color: var(--event-line); cursor: not-allowed; }
.ticket-buy-form-wrapper .variations, .ticket-buy-form-wrapper .group_table { width: 100%; margin-bottom: 16px; }
.ticket-buy-form-wrapper select { max-width: 100%; padding: 8px; border: 1px solid var(--event-line); background: var(--event-paper); color: var(--event-navy); }
.ticket-buy-form-wrapper .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; gap: 14px; }
.ticket-buy-form-wrapper .woocommerce-variation-description, .ticket-buy-form-wrapper .woocommerce-variation-price, .ticket-buy-form-wrapper .stock { margin-bottom: 14px; }
.event-notices { background: var(--event-cream); }
@media (max-width: 1000px) and (min-width: 769px) {
 .hero-grid { grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr); gap: 40px; }
 .event-title { font-size: 60px; }
 .card-status-title { font-size: 56px; }
 .ticket-card-left, .ticket-card-right { padding: 30px; }
 .meta-col { padding-right: 12px; padding-left: 12px; }
}
@media (max-width: 768px) {
 .event-hero-section { padding: 30px 0 36px; }
 .hero-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
 .event-poster-wrapper { padding: 18px 20px 8px; }
 .event-poster-caption { margin-top: 18px; font-size: 6px; }
 .event-title { margin: 0 0 12px; font-size: 48px; line-height: .86; }
 .event-price-badge-row { gap: 10px; margin-bottom: 14px; }
 .event-price { font-size: 27px; }
 .price-subtext { font-size: 6px; }
 .stock-badge { font-size: 7px; padding: 8px 10px; gap: 5px; }
 .stock-badge::before { width: 4px; height: 4px; }
 .event-description { font-size: 11px; line-height: 1.55; }
 .event-meta-strip { margin-top: 12px; grid-template-columns: 1.85fr 1fr 1.2fr; }
 .meta-col { padding: 12px; }
 .meta-label { font-size: 6px; margin-bottom: 4px; }
 .meta-value { font-size: 13px; }
 .event-ticket-section { padding: 42px 0 50px; }
 .ticket-card-box { grid-template-columns: minmax(0, 1fr); min-height: 0; border-width: 1px; }
 .ticket-card-left { padding: 24px 21px 22px; border-right: 0; }
 .card-status-subhead { font-size: 7px; gap: 8px; }
 .card-status-subhead::before { width: 16px; height: 1px; }
 .card-status-title { font-size: 41px; margin: 12px 0 14px; line-height: .8; }
 .card-status-desc { font-size: 11px; margin-bottom: 14px; }
 .card-action-buttons { flex-wrap: nowrap; gap: 8px; }
 .btn-primary-red, .btn-secondary-outline { padding: 10px 12px; min-height: 32px; font-size: 7px; flex: 1; white-space: normal; text-align: center; }
 .ticket-card-right { padding: 14px 21px 20px; }
 .ticket-info-row { padding: 12px 0; }
 .row-label { font-size: 7px; }
 .row-value { font-size: 14px; }
 .ticket-buy-disabled, .ticket-buy-form-wrapper { margin-top: 16px; }
 .disabled-qty-box { margin: 6px auto 8px; }
 .disabled-qty-box span { width: 23px; height: 24px; font-size: 11px; }
 .event-qty-stepper .event-qty-btn { width: 23px; height: 32px; font-size: 13px; }
 .event-qty-stepper input.qty { width: 30px; height: 32px; min-height: 32px; }
 .btn-disabled { min-height: 33px; padding: 10px 12px; font-size: 7px; }
 .ticket-notice { font-size: 7px; margin-top: 8px; }
}
@media (prefers-reduced-motion: reduce) { .event-page * { transition: none; } }

.event-page .meta-label, .event-page .row-label, .event-page .card-status-subhead, .event-page .card-status-desc, .event-page .btn-primary-red, .event-page .btn-secondary-outline, .event-page .btn-disabled, .event-page .stock-badge, .event-page .event-poster-caption, .event-page .price-subtext { font-family: var(--gp-font--oswald), Arial, sans-serif; }

/* Final optical sizing and mobile reference alignment. */
.event-page .btn-disabled:disabled { opacity: 1; text-transform: uppercase; }
.event-page .card-status-subhead, .event-page .row-label, .event-page .btn-primary-red, .event-page .btn-secondary-outline, .event-page .btn-disabled { font-size: 12px; }
@media (max-width: 768px) {
 .event-title { font-size: 44px; }
 .event-price { font-size: 23px; }
 .event-meta-strip .meta-col:not(:first-child) .meta-value { max-width: 42px; }
 .meta-col { padding-top: 10px; padding-bottom: 10px; }
 .event-page .card-status-subhead, .event-page .row-label { font-size: 8px; }
 .event-page .btn-primary-red, .event-page .btn-secondary-outline, .event-page .btn-disabled { font-size: 9px; }
 .event-page .card-status-desc { font-size: 13px; }
}

