body {
    --c7-field-border-radius: 3px; 
    --c7-button-border-radius: 3px; 
    --c7-primary-button-bg: var(--e-global-color-text);
    --c7-primary-button-bg-hover:var(--e-global-color-primary);
    --c7-primary-button-text-color: #fff;
    --c7-heading-font-family: var(--e-global-typography-primary-font-family);
    --c7-heading-font-weight: var(--e-global-typography-primary-font-weight);
    --c7-font-family: var(--e-global-typography-primary-font-family);
    --c7-body-text-color: var(--e-global-color-text);
    --c7-link-color:var(--e-global-color-accent);
}


/* account header */
#account-header {
      display: inline-flex;
  align-items: center;
}

#account-header #c7-account {
    
}
#account-header #c7-cart .c7-user-nav__cart {
   display:flex;
}
#c7-account, #c7-cart {


}
#account-header > #c7-cart {
  display:inline-flex;
}

#c7-account .c7-user-nav__account {
	 display: flex;
  align-items: center;
}

#c7-account .c7-user-nav__account a {
    display: flex;
  align-items: center;
  line-height: 1;
  padding: 0 !important;
  text-transform: uppercase;
  font-size: 14px;
  color: var(--e-global-color-1be27ac6) !important;
	
}
#c7-cart .c7-user-nav__cart .c7-link:first-child {
    background-color: transparent;
    border:none;
} 

#c7-cart .c7-user-nav__cart .c7-user-nav__cart__title svg {
    width: 15px;
	height: 20px;
	stroke: var( --e-global-color-1be27ac6 ) !important;
}
#c7-cart .c7-user-nav__cart__count {
    background-color: var(--e-global-color-text);
}
#c7-cart .c7-user-nav__cart button.c7-link {
  padding: 0px !important;
}
#c7-account .c7-user-nav__account__dropdown a {
color: var(--c7-body-text-color);
}


/* Overall styling */
body #c7-content h1 {
    text-align: left;
    margin-bottom: 20px;
	color:var(--e-global-color-text);
}
body .c7-btn {
    
}
body .c7-btn:hover, body .c7-cart__buttons .c7-btn:hover {
  
}
.c7-side-cart__header button {
    background-color: transparent !important;
    color:#000;
}

.c7-order-summary__buttons a {
text-transform: uppercase;
	
}

.c7-order-summary__buttons a:hover {
	background-color:var(--e-global-color-95f9196) !important;
	color:var(--e-global-color-5ba0249) !important;
}

button.c7-link {
    background-color:transparent !important;
    border: 0px !important;
    color: var(--c7-body-text-color) !important;

}
button.c7-link:hover {
    opacity: 0.6;
}

/* all content should start aligned left */
.c7-account__dashboard__message {
    margin-bottom: 20px;
}

.c7-cart__wrapper, .c7-account__dashboard {
    max-width: 100% !important;
    margin:0px auto !important;
    justify-content: space-between !important;
}
.c7-account-row {
    max-width: 100% !important;
    justify-content: space-between !important;
}
.c7-account-login__password-options {
  text-align:left !important;
}
.c7-account-login__options {
  text-align:left !important;
}
.account-row h1 {
    display:none;
}
/* cart styling */
.cart-row h1 {
    display:none;
}
#c7-cart .c7-order-item__description {
    margin-top: 10px;
    font-size: 10px;
}

/* fix lightboxes that go behind sticky header */
body .c7-modal-container {
  top: 14%;
}

/* hide club cancelation 
.c7-account-club .c7-account-blocks--status .c7-account-block__actions {
display:none !important;
}
.c7-callout--club .c7-callout__details li:nth-child(2), .c7-callout--club .c7-callout__details li:nth-child(3) {
display:none !important;
}
*/
/* hide club skip
.c7-account-club__shipment__footer .c7-btn--skip {
display:none !important;
}
*/

/* hide delete account 
.c7-account-details .c7-account-details__delete-account {
display:none !important;
}
*/

/* collection styling */
.c7-product-collection .c7-product {
    display:block !important;
    text-align: center !important;
}
.c7-product-collection__product-list {
    grid-template-columns: 1fr 1fr 1fr !important;
}
/* fix default right margin on image grid */
.c7-product-collection .c7-product__image {
    margin-right: 0px;
}
.c7-product-collection .c7-product img {
  width: auto;
  object-fit:cover;
}
.c7-product-collection .c7-product .c7-product__add-to-cart__form {
  justify-content: center !important;
align-items: center !important;
}


/* calendar styling ADA fix */
.c7-reservation-widget .c7-date-picker-input button {
	background-color: transparent !important;
	border-radius: 0px !important;
}
.c7-reservation-widget .c7-date-picker-dropdown button {
	color:inherit;
	background-color: inherit;
}
body .c7-reservation-widget .c7-date-picker-dropdown button {
    padding: 0px;
}




/* mobile overrides */
@media screen and (max-width: 1024px){
  .c7-product-collection__product-list {
    grid-template-columns: 1fr 1fr !important;
    } 
}


@media screen and (max-width: 767px){

    .reverse-col {
        display:flex !important;
        flex-direction: column-reverse;
    }
    #account-header {
        top: 10px;
    }

    .c7-product-collection__product-list {
    grid-template-columns: 1fr !important;
    } 
    .c7-product-specs {
        text-align: left !important;
        margin: 0px !important;
    }
    .c7-product-specs h2 {
        text-align: left !important;
    }
}

/* ==========================================================================
   Commerce7 "Contact Us" form (#contact-form) — match reference layout
   Used on Private Events (REQUEST INFORMATION anchor). Scoped to #contact-form
   so it does not affect the newsletter subscribe widget elsewhere, which
   reuses the same generic .c7-form / .c7-form__field classes.
   ========================================================================== */

#contact-form .c7-form fieldset {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 24px;
    border: none;
    padding: 0;
    margin: 0;
}

#contact-form .c7-form .c7-form__field {
    grid-column: 1 / -1;
    order: 3;
    position: relative;
    margin: 0;
}

#contact-form .c7-form .c7-form__field:has(input[name="fullName"]) {
    grid-column: span 1;
    order: 1;
}

#contact-form .c7-form .c7-form__field:has(input[name="email"]) {
    grid-column: span 1;
    order: 2;
}

@media screen and (max-width: 767px) {
    #contact-form .c7-form fieldset {
        grid-template-columns: 1fr;
    }
    #contact-form .c7-form .c7-form__field:has(input[name="fullName"]),
    #contact-form .c7-form .c7-form__field:has(input[name="email"]) {
        grid-column: 1 / -1;
    }
}

#contact-form .c7-form label {
    position: absolute;
    top: -9px;
    left: 12px;
    padding: 0 6px;
    background-color: #FAF8F5;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 1;
    color: var(--e-global-color-text);
    z-index: 1;
}

#contact-form .c7-form label.c7-required::after {
    color: inherit;
}

#contact-form .c7-form input[type="text"],
#contact-form .c7-form input[type="email"],
#contact-form .c7-form input[type="tel"],
#contact-form .c7-form select,
#contact-form .c7-form textarea {
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(44, 31, 14, 0.25);
    border-radius: var(--c7-field-border-radius);
    padding: 16px 14px 12px;
    font-size: 15px;
    box-sizing: border-box;
}

#contact-form .c7-form input:focus,
#contact-form .c7-form select:focus,
#contact-form .c7-form textarea:focus {
    outline: none;
    border-color: rgba(44, 31, 14, 0.6);
}

#contact-form .c7-form .c7-date-picker-input {
    display: flex;
    align-items: stretch;
    border: 1px solid rgba(44, 31, 14, 0.25);
    border-radius: var(--c7-field-border-radius);
    background-color: #fff;
    overflow: hidden;
}

#contact-form .c7-form .c7-date-picker-input input {
    border: none !important;
    flex: 1;
}

#contact-form .c7-form .c7-date-picker-toggle {
    background-color: transparent !important;
    border: none !important;
    border-left: 1px solid rgba(44, 31, 14, 0.15) !important;
    border-radius: 0 !important;
    padding: 0 12px !important;
}

#contact-form .c7-form__buttons {
    margin-top: 4px;
}

#contact-form .c7-form__buttons .c7-btn {
    width: 100%;
    padding: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}

/* Footer newsletter subscribe widget (Commerce7 .c7-form reused here).
   Commerce7's own CSS gives .c7-form a fixed width:500px, which is fine
   standalone (e.g. the Private Events #contact-form) but overflows the
   narrow footer column, causing sitewide horizontal scroll. Scoped to
   footer so it does not affect #contact-form. */
footer .c7-form {
    width: 100%;
    max-width: 100%;
}

/* Footer payment-icons row (Shopify payment badges snippet re-hosted here).
   The row of 10 SVG icons (Amex, Apple Pay, Diners, Discover, Google Pay,
   JCB, Mastercard, PayPal, Shop Pay, Visa) is set to flex-wrap: nowrap,
   needing ~380px. That does not fit the narrow footer column on mobile,
   causing sitewide horizontal scroll (and, as a side effect, the fixed
   promo bar visually breaking near the top). Letting it wrap fixes both;
   no effect on desktop, where the row already fits on one line. */
footer .payment-icons {
    flex-wrap: wrap;
    justify-content: center;
}