/* ─────────────────────────────────────────────────────────────────
   Austin Hope Wine Club Members Hub — Hub Stylesheet
   ─────────────────────────────────────────────────────────────────
   Brand reference: Austin Hope Wine Club Brand Book
   Colors:    Reserve Blue #236AB2 / Navy #1B3553 /
              Cream #FDF9EC / Orange #C04A2C
   Type:      Avenir Bold (headlines) / Avenir Regular & Light (UI) /
              Baskerville (body) / Bickham Script (wordmark only)

   NOTE: This file styles the ACF-driven shell and sections.
   C7 Personalization Block output is styled separately in
   c7-overrides.css since its HTML structure is controlled by
   Commerce7, not by this plugin.
   ───────────────────────────────────────────────────────────────── */




@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir-Heavy.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Baskerville';
    src: url('../fonts/Baskerville-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Baskerville';
    src: url('../fonts/Baskerville-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Bickham Script Pro';
    src: url('../fonts/BickhamScriptStd-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

:root {
    --font-avenir: 'Avenir', 'Avenir Next', 'Helvetica Neue', sans-serif;
    
    --font-baskerville: 'Libre Baskerville', 'Baskerville', 'Palatino', serif;
    
    --font-bickham: 'Alex Brush', 'Bickham Script Pro', 'Brush Script MT', cursive;

        --font-variable: 'Inter', sans-serif;
	--ahwch-reserve-blue: #236AB2;
	--ahwch-navy: #1B3553;
	--ahwch-cream: #FDF9EC;
	--ahwch-orange: #C04A2C;
	--ahwch-muted-navy: #5A7188;
	--cta-color: rgb(192, 74, 44);
 	 --color-text: rgb(27, 53, 83);
	--ahwch-font-headline: 'Avenir', 'Avenir Next', Arial, sans-serif; /* Bold weight */
	--ahwch-font-ui: 'Avenir', 'Avenir Next', Arial, sans-serif; /* Regular/Light */
	--ahwch-font-body: 'Baskerville', 'Baskerville Old Face', Georgia, serif;
	--ahwch-font-script: 'Bickham Script Pro', cursive; /* Wordmark only */
 	--nav-font: "Poppins", sans-serif;
    	--pinyon-font: "Pinyon Script", cursive;
	--libra-font: 'Libre Baskerville', serif;


}
/* ── RESET / BASE ───────────────────────────────────────────── */
hr {
    height: 1px;
    background: rgb(35, 106, 178);
    opacity: 0.2;
    margin: 14px 0px 28px;
}
.ahwch-hub {
	display: flex;
	min-height: 600px;
	background: var(--ahwch-cream);
	font-family: var(--ahwch-font-body);
	color: var(--ahwch-reserve-blue);
}

.ahwch-hub * {
	box-sizing: border-box;
}

/* ── SIDEBAR ─────────────────────────────────────────────────── */

.ahwch-sidebar {
	width: 220px;
	flex-shrink: 0;
	background: var(--ahwch-navy);
	padding: 32px 0;
}

.ahwch-sidebar-brand {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	padding: 0 16px 24px;
	margin-bottom: 16px;
	border-bottom: 1px solid rgba(255,255,255,0.15);
}

.ahwch-wordmark {
	font-family: var(--ahwch-font-script);
	font-size: 26px;
	color: var(--ahwch-cream);
}

.ahwch-compass-rose {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 1px solid rgba(253,249,236,0.5);
	background: transparent;
	/* Replace with actual compass rose SVG/icon asset */
}

.ahwch-nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
}



.ahwch-nav-item a:hover {
	background: rgba(255,255,255,0.05);
}

.ahwch-nav-item.is-active a {
	border-left-color: var(--ahwch-reserve-blue);
	background: rgba(35,106,178,0.15);
	font-weight: 700;
}

.ahwch-logo-icon {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}

span.ahwch-tag {
    font-family: var(--font-avenir);
    color: rgba(253, 249, 236, 0.38);
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    margin-top: 2px;
}
span.ahwch-tag-secondary {
    font-family: var(--font-avenir);
    color: rgba(253, 249, 236, 0.5);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    margin: 0px;
}
span.ahwch-wordmark {
   font-family: var(--pinyon-font);
    color: rgb(253, 249, 236);
    font-size: 22px;
    line-height: 1.1;
}

.logo-text {
    display: flex;
    flex-direction: column;
}
/* ── CONTENT AREA ────────────────────────────────────────────── */

.ahwch-content {
	flex: 1;
	
}

.ahwch-section {
	margin-bottom: 24px;
padding: 48px 56px;
}

.ahwch-headline {
	 font-family: var(--font-avenir);
	font-weight: 700;
	text-transform: uppercase;
	font-size: 21px;
	color: var(--ahwch-reserve-blue);
	letter-spacing: 0.055em;
line-height: 1.25em;
	margin: 0 0 8px;
}

.ahwch-intro {
	font-family: var(--ahwch-font-body);
	font-size: 17px;
	line-height: 1.7;
	max-width: 65ch;
	margin: 16px 0 32px;
color:var(--color-text);
}

.ahwch-body-copy {
	font-family: var(--ahwch-font-body);
	font-size: 16px;
	line-height: 1.75;
	max-width: 65ch;
}

.ahwch-body-copy p {
    margin: 0 0 1em;
    font-family: var(--font-baskerville);
    color: rgb(27, 53, 83);
    font-size: 14px;
    line-height: 1.78;
}

.ahwch-label {
 font-family: var(--font-avenir);
    color:var(--ahwch-reserve-blue);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
display:flex;
margin-top:40px;
}
.ahwch-nav-item a{
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px 20px;
    font-size:12px;
    border-left:3px solid transparent;
font-family: var(--font-avenir);
}
.ahwch-nav-item .ahwch-nav-label{
    color:rgba(255,255,255,.55);
    transition:.3s ease;
}
.ahwch-nav-item .ahwch-nav-icon{
    width:16px;
    height:16px;
    opacity:.55;
    filter: brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(246%) hue-rotate(178deg) brightness(92%) contrast(88%);
    transition:.3s ease;
}
.ahwch-nav-item:hover a{
    color:#fff;
font-family: var(--nav-font);
}
.ahwch-nav-item:hover .ahwch-nav-label{
    color:#fff;
}
.ahwch-nav-item:hover .ahwch-nav-icon{
    opacity:1;
    filter:brightness(0) invert(1);
}
.ahwch-nav-item.is-active{
    background:#1D4068;
}
.ahwch-nav-item.is-active a{
    color:#fff;
    border-left:3px solid #236ab2;
}
.ahwch-nav-item.is-active .ahwch-nav-label{
    color:#fff;
    font-weight:400;
}
.ahwch-nav-item.is-active .ahwch-nav-icon{
    opacity:1;
    filter:brightness(0) invert(1);
}

.ahwch-body-copy strong {
    font-family: var(--font-avenir);
    color: var(--ahwch-reserve-blue);
    font-weight: 600;
}
/* ── PATTERN ACCENTS ─────────────────────────────────────────── */
/* Lightweight CSS-only approximations. Replace with brand SVG/PNG
   pattern assets for production — these are functional placeholders
   sufficient for initial build-out and dev review. */

.ahwch-pattern-banner {
	height: 14px;
	width: 100%;
	margin-bottom: 32px;
	border-radius: 2px;
}

.ahwch-pattern--pendleton {
height: 10px;
    background: repeating-linear-gradient(90deg, rgb(35, 106, 178) 0px, rgb(35, 106, 178) 3px, rgb(253, 249, 236) 3px, rgb(253, 249, 236) 18px, rgb(192, 74, 44) 18px, rgb(192, 74, 44) 21px, rgb(253, 249, 236) 21px, rgb(253, 249, 236) 36px, rgba(35, 106, 178, 0.4) 36px, rgba(35, 106, 178, 0.4) 39px, rgb(253, 249, 236) 39px, rgb(253, 249, 236) 54px);
}

.ahwch-pattern--plaid {
	height: 16px;
	background:
		repeating-linear-gradient(0deg, rgba(35,106,178,0.25) 0 2px, transparent 2px 16px),
		repeating-linear-gradient(90deg, rgba(35,106,178,0.25) 0 2px, transparent 2px 16px),
		repeating-linear-gradient(90deg, rgba(192,74,44,0.4) 0 1px, transparent 1px 32px),
		var(--ahwch-cream);
}

.ahwch-pattern--topo-bg {
	background-image:
		radial-gradient(circle at 20% 30%, rgba(35,106,178,0.04) 0, transparent 40%),
		radial-gradient(circle at 80% 70%, rgba(35,106,178,0.04) 0, transparent 40%);
}

.ahwch-illustration-divider {
	height: 60px;
	margin: 32px 0;
	background: transparent;
	/* Placeholder for hand-drawn oak/vineyard illustration asset.
	   Replace background-image with the approved Reserve Blue
	   line illustration (single color, field-guide style). */
	border-top: 1px dashed rgba(35,106,178,0.2);
	border-bottom: 1px dashed rgba(35,106,178,0.2);
}

/* ── CARDS ───────────────────────────────────────────────────── */

.ahwch-card {
	background: var(--ahwch-cream);
	border: 0.5px solid rgba(35,106,178,0.3);
	border-radius: 4px;
	padding: 20px;
}

.ahwch-card-title {
    color: var(--ahwch-reserve-blue);
    font-family: var(--font-avenir);
    font-size: 14px;
    font-weight: 700;
    margin: 6px 0;
    flex: 1 1 0%;
}
p.ahwch-card-location {
  font-family: var(--font-avenir);
    color: rgba(27, 53, 83, 0.55);
    font-size: 11px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.ahwch-partner-card strong {
  font-family: var(--font-baskerville);
    color: rgb(27, 53, 83);
    font-size: 13px;
    line-height: 1.78;
    max-width: 100%;
    margin: 0px 0px 6px;
}
.ahwch-c7-wrapper .c7-personalization p {
    font-size: 16px;
    line-height: 1.75;
    max-width: 65ch;
    margin: 0 0 1em;
    color: #000;
}
.ahwch-partner-card .ahwch-card-body p {
    font-family: var(--font-baskerville);
    color: rgb(27, 53, 83);
    font-size: 15px;
    line-height: 1.78;
    font-weight: 700;
    max-width: 100%;
    margin: 0px 0px 6px;
}
.ahwch-card-desc, .ahwch-card-body {
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 8px;
    font-family: var(--font-baskerville);
    color: var(--color-text);
    font-size: 12px;
    line-height: 1.78;
    margin: 0px 0px 12px;
}
.ahwch-card-meta {
    margin: 0;
     font-family: var(--font-avenir);
    color: rgba(27, 53, 83, 0.55);
    font-size: 11px;
    line-height: 1.6;
    margin-bottom: 0;
    flex: 1 1 0%;
}

.ahwch-card-cta {
	display: inline-block;
	font-family: var(--font-avenir);
	font-weight: 700;
	font-size: 12px;
	color: var(--ahwch-orange) !important;
	text-decoration: none;
	margin-top: 8px;
}

.ahwch-card-cta:hover {
	text-decoration: underline;
}

.ahwch-card-logo {
	width: 100%;
	max-height: 80px;
	object-fit: contain;
	margin-bottom: 12px;
}

.ahwch-card-logo--placeholder {
	height: 80px;
	background: rgba(35,106,178,0.06);
	margin-bottom: 12px;
}
.ahwch-quicklink-card{
    display:block;
    padding:25px;
    border:1px solid rgba(35,106,178,.2);
    border-top:3px solid #236AB2;
    border-radius:6px;
    background:#FDF9EC;
    text-decoration:none;
    transition:.3s;
}

.ahwch-quicklink-card:hover{
    box-shadow:0 8px 18px rgba(0,0,0,.08);
    transform:translateY(0px) !important;
}
/* ── QUICK LINK GRID (Main Landing) ──────────────────────────── */

.ahwch-quicklink-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin: 32px 0;
}

.ahwch-quicklink-card {
	display: block;
	text-decoration: none;
	border-top: 3px solid var(--ahwch-reserve-blue);
	border-left: 0.5px solid rgba(35,106,178,0.3);
	border-right: 0.5px solid rgba(35,106,178,0.3);
	border-bottom: 0.5px solid rgba(35,106,178,0.3);
	transition: transform 0.15s ease;
}

.ahwch-quicklink-card:hover {
	transform: translateY(-2px);
}

/* ── ANNOUNCEMENT / COUNTDOWN (Main Landing) ─────────────────── */

.ahwch-announcement {
	border-left: 4px solid var(--ahwch-reserve-blue);
	padding: 0px 22px;
	margin: 24px 0;
}

.ahwch-countdown-strip {
      display: flex;
    gap: 14px;
    padding: 14px 22px;
    background: rgba(35, 106, 178, 0.08);
    border: 0.5px solid rgba(35, 106, 178, 0.22);
    border-radius: 6px;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center;
}

.ahwch-countdown-strip .ahwch-label {
    font-family: var(--font-avenir);
    color: var(--ahwch-reserve-blue);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    display: flex;
gap:14px;
    margin-top: 40px;
    align-items: center;
margin:0;
}
.ahwch-countdown-date {
	font-family: "Libre Baskerville", serif;
    color: rgb(27, 53, 83);
    font-size: 14px;
    line-height: 1.78;
    max-width: none;
    margin: 0px;

}

/* ── CARD GRIDS (Hotels / Partnerships) ──────────────────────── */

.ahwch-card-grid {
	display: grid;
	gap: 20px;
}

.ahwch-card-grid--2col {
	grid-template-columns: repeat(2, 1fr);
}

/* ── SYSTEM BANNERS (Your Membership / Upcoming Release) ─────── */
/* These visually mark the C7 vs ACF content boundary in the admin
   preview AND on the live front-end for editorial clarity. If you
   want these hidden from non-admin visitors, wrap the markup that
   outputs them with a current_user_can('manage_options') check in
   the corresponding template file instead of hiding via CSS. */

.ahwch-system-banner {
	font-family: var(--ahwch-font-ui);
	font-weight: 700;
	font-size: 13px;
	padding: 10px 16px;
	margin-bottom: 20px;
	border-radius: 3px;
}

.ahwch-system-banner--c7 {
    color: #fff;
    background: rgb(35, 106, 178);
    border-radius: 6px;
    padding: 12px 20px;
    margin-bottom: 28px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
}

.ahwch-system-banner--acf {
    color: #ffff;
    background: rgb(26, 122, 60);
    border-radius: 6px;
    padding: 12px 20px;
    margin-bottom: 28px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
}

.ahwch-subsection {
	margin-bottom: 32px;
}
p.ahwch-card-subheading {
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: var(--ahwch-orange);
}
.ahwch-patterns--pendleton {
    height: 8px;
    border-radius: 4px;
    margin: 32px 0;
    background: repeating-linear-gradient(90deg, rgb(35, 106, 178) 0px, rgb(35, 106, 178) 3px, rgb(253, 249, 236) 3px, rgb(253, 249, 236) 18px, rgb(192, 74, 44) 18px, rgb(192, 74, 44) 21px, rgb(253, 249, 236) 21px, rgb(253, 249, 236) 36px, rgba(35, 106, 178, 0.4) 36px, rgba(35, 106, 178, 0.4) 39px, rgb(253, 249, 236) 39px, rgb(253, 249, 236) 54px);
    /* background: repeating-linear-gradient(
		90deg,
		var(--ahwch-reserve-blue) 0px, var(--ahwch-reserve-blue) 6px,
		var(--ahwch-cream) 6px, var(--ahwch-cream) 14px,
		var(--ahwch-reserve-blue) 14px, var(--ahwch-reserve-blue) 20px,
		var(--ahwch-cream) 20px, var(--ahwch-cream) 28px,
		var(--ahwch-orange) 28px, var(--ahwch-orange) 30px,
		var(--ahwch-cream) 30px, var(--ahwch-cream) 38px
	); */
}
/* ── C7 EMBED ADMIN-ONLY NOTICE ───────────────────────────────── */

.ahwch-c7-block-missing {
	background: #FFF3E0;
	border-left: 4px solid var(--ahwch-orange);
	padding: 16px 20px;
	font-family: var(--ahwch-font-ui);
	font-size: 14px;
}

.ahwch-c7-block-missing code {
	background: rgba(0,0,0,0.06);
	padding: 2px 6px;
	border-radius: 2px;
}

/* ── ACCORDION (Membership Policies) ─────────────────────────── */

.ahwch-accordion-item {
    border: 1px solid rgba(35,106,178,0.2);
    border-radius: 10px;
    padding: 0px 16px;
}
.ahwch-accordion {
    gap: 10px;
    display: flex;
    flex-direction: column;
}
.ahwch-accordion-trigger {
	display: flex;
	justify-content: space-between;
	width: 100%;
	background: none;
	border: none;
	text-align: left;
	font-family: var(--ahwch-font-headline);
	font-weight: 700;
	font-size: 13px;
font-family: var(--font-avenir);
	color: var(--ahwch-reserve-blue);
	padding: 16px 0;
	cursor: pointer;
}

.ahwch-accordion-trigger::after {
	content: '+';
	font-weight: 400;
}

.ahwch-accordion-trigger[aria-expanded="true"]::after {
	content: '\2212'; /* minus sign */
}

.ahwch-accordion-panel {
	display: none;
	padding-bottom: 16px;
}

.ahwch-accordion-item.is-open .ahwch-accordion-panel {
	display: block;
padding:0px;
}

/* ── CTA BAND (Upcoming Release) ─────────────────────────────── */

.ahwch-cta-band {
	background: var(--ahwch-reserve-blue);
	color: var(--ahwch-cream);
	text-align: center;
	padding: 40px 24px;
	margin-top: 32px;
	border-radius: 4px;
}

.ahwch-cta-headline {
    font-family: "Nunito Sans", sans-serif;
    color: rgba(253, 249, 236, 0.62);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    margin: 0px 0px 22px;
}

a.ahwch-cta-button {
    font-family: "Nunito Sans", sans-serif;
    color: #fff !important;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    padding: 10px 30px;
    border-radius: 4px;
    border: 1.5px solid rgb(253, 249, 236);
    background: transparent;
    cursor: pointer;
    display: block;
    margin: 0px auto 20px;
    max-width: max-content;
}



.ahwch-cta-subtext {
	font-family: "Libre Baskerville", serif;
    color: rgba(253, 249, 236, 0.48);
    font-size: 13px;
    font-style: italic;
    margin: 0px;
}

.ahwch-delivery-note {
	font-family: var(--ahwch-font-body);
	font-style: italic;
	font-size: 14px;
	color: var(--ahwch-orange);
	margin-top: 16px;
}

.ahwch-delivery-note a {
	color: var(--ahwch-orange);
	font-weight: bold;
}

/* ── EVENTS ──────────────────────────────────────────────────── */

.ahwch-tabs {
    display: flex;
    gap: 24px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(35,106,178,0.2);
    margin-top: 24px;
}
.filter-box {
    display: flex;
    gap: 10px;
    align-content: center;
    align-items: center;
}
.filter-box span {
     font-family: var(--font-avenir);
    color: rgba(27, 53, 83, 0.55);
    font-size: 12px;
}

.filter-box {
    display: flex;
    gap: 10px;
    align-content: center;
    align-items: center;
}

.ahwch-filter-select {
    padding: 6px 32px 6px 12px;
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    font-size: 13px;
    color: #1b3553;
    border: 0.5px solid rgba(35, 106, 178, 0.22) !important;
    border-radius: 4px;
    cursor: pointer;
    outline: none;
    transition: background 0.15s, box-shadow 0.15s;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(27,53,83,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 14px;
    background-color: transparent !important; /* Force transparent background */
    position: relative;
    width: auto;
    height: 35px;
    min-width: unset;
}

.ahwch-tab {
	background: none;
	border: none;
	border-bottom: 2px solid transparent;
	font-family: var(--ahwch-font-headline);
	font-weight: 700;
	font-size: 14px;
	color: var(--ahwch-muted-navy);
	padding: 10px 4px;
	cursor: pointer;
}

.ahwch-tab.is-active {
	color: var(--ahwch-reserve-blue);
	border-bottom-color: var(--ahwch-reserve-blue);
}

.ahwch-secondary-filters {
	display: flex;
	gap: 12px;
	margin-bottom: 24px;
}

.ahwch-event-card {
    display: flex;
    gap: 22px;
    background: rgb(253, 249, 236);
    border-width: 0.5px 0.5px 0.5px 4px;
    border-style: solid;
    border-color: rgba(35, 106, 178, 0.22) rgba(35, 106, 178, 0.22) rgba(35, 106, 178, 0.22) rgb(35, 106, 178);
    border-image: none;
    border-radius: 6px;
    padding: 22px;
}
.ahwch-event-heading {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.ahwch-event-name {
   
   font-family: var(--font-avenir);
    color: var(--text-font);
    font-size: 13px;
    font-weight: 700;
}

.ahwch-event-meta {
	font-family: var(--ahwch-font-ui);
	font-weight: 300;
	font-size: 13px;
	color: var(--ahwch-muted-navy);
	margin: 0 0 8px;
}

.ahwch-event-desc {
	font-family: var(--ahwch-font-body);
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 12px;
}

.ahwch-rsvp-button {
	display: inline-block;
	background: var(--ahwch-reserve-blue);
	color: var(--ahwch-cream);
	font-family: var(--ahwch-font-ui);
	font-weight: 700;
	font-size: 13px;
	padding: 8px 20px;
	text-decoration: none;
	border-radius: 2px;
}
h3.ahwch-event-name {
    font-family: "Nunito Sans", sans-serif;
    color: rgb(27, 53, 83);
    font-size: 13px;
    font-weight: 700;
}
.events-locations {
    font-family: "Nunito Sans", sans-serif;
    color: rgba(27, 53, 83, 0.55);
    font-size: 11px;
}
.ahwch-event-desc p {
    margin: 0 0 1em;
    font-family: var(--font-baskerville);
    color: rgb(27, 53, 83);
    font-size: 14px;
    line-height: 1.78;
    margin-top: 9px;
}
.ahwch-event-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.ahwch-event-meta {
    display: flex;
    align-items: center;
    gap: 4px;
    font-family: 'Inter', sans-serif;
}

/* If the date is in a single string like "July 10" */
.ahwch-event-meta {
    font-size: 14px;
    font-weight: 400;
    color: #1b3553;
}

/* Or if you have separate elements for month and day */
.ahwch-event-month {
    letter-spacing: 0.5px;
    font-family: "Nunito Sans", sans-serif;
    color: rgb(35, 106, 178);
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}
.ahwch-event-footer-container {
    display: flex;
    align-items: center;
}
.ahwch-rsvp-button {
    background: rgb(35, 106, 178);
    color: #fff !important;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    padding: 5px 14px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-radius: 4px;
    font-family: "Nunito Sans", sans-serif;
    cursor: pointer;
}.ahwch-rsvp-button a {
       color: #fff !important;
  
}
.ahwch-event-heading span {
    font-family: "Nunito Sans", sans-serif;
    color: rgb(192, 74, 44);
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    background: rgba(192, 74, 44, 0.1);
    padding: 2px 8px;
    border-radius: 3px;
}

.ahwch-event-day {font-family: "Libre Baskerville", serif;color: rgb(27, 53, 83);font-size: 24px;line-height: 1.1;}

.ahwch-event-meta-container {
    flex-shrink: 0;
    width: 54px;
    border-radius: 6px;
    background: rgba(35, 106, 178, 0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 0px;
}

.ahwch-event-meta-container p.ahwch-event-meta {
    display: flex;
    flex-direction: column;
}
.ahwch-event-card[data-club-restricted="0"][data-current-tab="club"] {
	display: none;
}
.ahwch-c7-block-missing p {
    margin: 0 0 1em;
    font-family: var(--font-baskerville);
    color: rgb(27, 53, 83);
    font-size: 14px;
    line-height: 1.78;
}
/* ── EMPTY STATES ────────────────────────────────────────────── */

.ahwch-empty-state {
	font-family: var(--ahwch-font-ui);
	font-style: italic;
	color: var(--ahwch-muted-navy);
	padding: 24px;
	text-align: center;
	border: 1px dashed rgba(35,106,178,0.3);
}

/* ── MOBILE (390px reference) ────────────────────────────────── */

@media (max-width: 768px) {

	.ahwch-hub {
		flex-direction: column;
	}

	.ahwch-sidebar {
		width: 100%;
		padding: 16px 0;
	}



	.ahwch-nav-list {
		display: flex;
		overflow-x: auto;
		gap: 4px;
		padding: 0 12px;
	}

	.ahwch-nav-item a {
		white-space: nowrap;
		border-left: none;
		border-bottom: 3px solid transparent;
		padding: 8px 14px;
	}

	.ahwch-nav-item.is-active a {
		border-left: none;
		border-bottom-color: var(--ahwch-reserve-blue);
	}

	.ahwch-content {
		padding: 24px 20px;
		max-width: 100%;
	}

	.ahwch-quicklink-grid,
	.ahwch-card-grid--2col {
		grid-template-columns: repeat(2, 1fr);
	}

	.ahwch-secondary-filters {
		flex-direction: column;
	}

        .ahwch-nav-item {
            width: 100%;
            border-radius: 10px;
            transition: all 0.2s ease;
        }
        .ahwch-nav-item a {
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            transition: all 0.2s ease;
            width: 100%;
            gap: 4px;
            text-align: center;
        }

        .ahwch-nav-item a:hover {
            background: rgba(128, 40, 40, 0.06);
        }

        .ahwch-nav-item.is-active a {
            background: rgba(128, 40, 40, 0.10);
            position: relative;
        }
            .ahwch-content-area {
                border-left: none;
                border-top: 1px solid #e8e0d8;
                padding: 16px 0 0 0;
            }
.ahwch-section {
    margin-bottom: 24px;
    padding: 0px 0px ;
}
}



@media(max-width:580px){
.ahwch-quicklink-grid,
	.ahwch-card-grid--2col {
		grid-template-columns: repeat(1, 1fr);
	}
.ahwch-event-card {
    display: flex;
      flex-direction: column;
}
}