/** Shopify CDN: Minification failed

Line 1338:0 Unexpected "{"
Line 1338:1 Unexpected "{"
Line 1338:3 Expected identifier but found "'component-cart.css'"
Line 1339:0 Unexpected "{"
Line 1339:1 Unexpected "{"
Line 1339:3 Expected identifier but found "'component-totals.css'"
Line 1340:0 Unexpected "{"
Line 1340:1 Unexpected "{"
Line 1340:3 Expected identifier but found "'component-price.css'"
Line 1341:0 Unexpected "{"
... and 114 more hidden warnings

**/
/* Lee's Firewood premium cart */

.lees-premium-cart,
.lees-premium-cart-footer {
  --cart-bg: #0b0908;
  --cart-panel: #12100e;
  --cart-panel-soft: #17120e;
  --cart-line: rgba(215, 98, 11, .28);
  --cart-orange: #d7620b;
  --cart-cream: #f5eadb;
  --cart-muted: rgba(245, 234, 219, .68);
  background:
    radial-gradient(circle at 70% 8%, rgba(215, 98, 11, .09), transparent 28%),
    #0b0908 !important;
  color: var(--cart-cream);
}

.lees-premium-cart .page-width,
.lees-premium-cart-footer .page-width {
  width: min(calc(100% - 64px), 1500px);
  max-width: 1500px;
  margin-inline: auto;
}

.lees-cart-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 28px;
}

.lees-cart-kicker,
.lees-cart-panel-heading > span {
  color: var(--cart-orange);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .15em;
}

.lees-cart-heading h1 {
  margin: 5px 0 0;
  color: var(--cart-cream);
  font-family: var(--font-heading-family), Georgia, serif;
  font-size: clamp(44px, 5vw, 72px);
}

.lees-cart-heading-line {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 260px;
  margin-top: 12px;
}

.lees-cart-heading-line span {
  height: 1px;
  flex: 1;
  background: var(--cart-orange);
}

.lees-continue-shopping {
  color: #e9a35e;
}

.lees-premium-cart .cart-items thead {
  border-bottom: 1px solid rgba(245, 234, 219, .18);
}

.lees-premium-cart .cart-item {
  border-bottom: 1px solid rgba(245, 234, 219, .16);
}

.lees-premium-cart .cart-item__image-container {
  background: #100e0c;
  border: 1px solid var(--cart-line);
}

.lees-premium-cart .cart-item__name,
.lees-premium-cart .price,
.lees-premium-cart .product-option,
.lees-premium-cart .caption-with-letter-spacing {
  color: var(--cart-cream);
}

.lees-premium-cart .product-option,
.lees-premium-cart dl,
.lees-premium-cart .caption {
  color: var(--cart-muted);
}

.lees-premium-cart .quantity {
  border: 1px solid rgba(245, 234, 219, .22);
  background: #100e0c;
}

.lees-premium-cart .quantity__button,
.lees-premium-cart .quantity__input {
  color: var(--cart-cream);
}

.lees-premium-cart cart-remove-button a {
  color: #e49a53;
}

.lees-cart-footer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(360px, .7fr);
  gap: 40px;
  align-items: start;
}

.lees-cart-fulfillment,
.lees-order-summary {
  border: 1px solid var(--cart-line);
  background: linear-gradient(180deg, rgba(255,255,255,.018), transparent), var(--cart-panel);
}

.lees-cart-fulfillment {
  padding: 30px;
}

.lees-order-summary {
  padding: 30px;
  position: sticky;
  top: 24px;
}

.lees-cart-panel-heading h2 {
  margin: 6px 0;
  color: var(--cart-cream);
  font-family: var(--font-heading-family), Georgia, serif;
  font-size: 30px;
}

.lees-cart-panel-heading p {
  margin: 0;
  color: var(--cart-muted);
}

.lees-fulfillment-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 24px;
}

.lees-fulfillment-card {
  min-height: 132px;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 20px;
  border: 1px solid rgba(245, 234, 219, .22);
  background: #100e0c;
  cursor: pointer;
  transition: .2s ease;
}

.lees-fulfillment-card input {
  position: absolute;
  opacity: 0;
}

.lees-fulfillment-card.is-selected {
  border-color: var(--cart-orange);
  box-shadow: inset 0 0 0 1px var(--cart-orange);
  background: linear-gradient(180deg, rgba(215,98,11,.15), rgba(215,98,11,.03)), #100e0c;
}

.lees-fulfillment-card__icon {
  font-size: 31px;
}

.lees-fulfillment-card strong,
.lees-fulfillment-card small {
  display: block;
}

.lees-fulfillment-card strong {
  color: var(--cart-cream);
  font-family: var(--font-heading-family), Georgia, serif;
  font-size: 19px;
}

.lees-fulfillment-card small {
  margin-top: 6px;
  color: var(--cart-muted);
  line-height: 1.45;
}

.lees-fulfillment-card b {
  grid-column: 2;
  color: #e9a35e;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.lees-cart-note,
.lees-delivery-date {
  margin-top: 22px;
}

.lees-cart-note label,
.lees-delivery-date label {
  display: block;
  margin-bottom: 8px;
  color: var(--cart-cream);
  font-weight: 700;
}

.lees-cart-note textarea,
.lees-delivery-date input {
  width: 100%;
  border: 1px solid rgba(245, 234, 219, .22);
  background: #100e0c;
  color: var(--cart-cream);
}

.lees-cart-note textarea {
  min-height: 130px;
  padding: 16px;
}

.lees-delivery-date input {
  min-height: 52px;
  padding: 0 14px;
  color-scheme: dark;
}

.lees-delivery-date small {
  display: block;
  margin-top: 7px;
  color: var(--cart-muted);
}

.lees-summary-content {
  margin-top: 22px;
}

.lees-summary-row,
.lees-summary-total {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.lees-summary-row {
  margin-bottom: 16px;
  color: var(--cart-muted);
}

.lees-summary-row strong {
  color: var(--cart-cream);
  text-align: right;
}

.lees-summary-divider {
  height: 1px;
  margin: 22px 0;
  background: var(--cart-line);
}

.lees-summary-total {
  align-items: baseline;
  color: var(--cart-cream);
  font-family: var(--font-heading-family), Georgia, serif;
  font-size: 21px;
}

.lees-summary-total strong {
  color: #ee7416;
  font-size: 31px;
}

.lees-cart-ctas {
  margin-top: 26px;
}

.lees-cart-ctas .cart__checkout-button {
  min-height: 62px;
  width: 100%;
  border: 1px solid #ed7617;
  background: linear-gradient(90deg, #a93c00, #dd680b);
  color: white;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.lees-summary-secure {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  color: var(--cart-muted);
}

.lees-summary-secure p {
  margin: 0;
  font-size: 12px;
}

.lees-cart-benefits {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 26px;
  border: 1px solid var(--cart-line);
  background: #100e0c;
}

.lees-cart-benefits > div {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 10px;
  padding: 22px;
  border-right: 1px solid var(--cart-line);
}

.lees-cart-benefits > div:last-child {
  border-right: 0;
}

.lees-cart-benefits span {
  grid-row: 1 / 3;
  color: var(--cart-orange);
  font-size: 26px;
}

.lees-cart-benefits strong {
  color: var(--cart-cream);
}

.lees-cart-benefits small {
  color: var(--cart-muted);
}

@media screen and (max-width: 989px) {
  .lees-cart-footer-grid {
    grid-template-columns: 1fr;
  }

  .lees-order-summary {
    position: static;
  }

  .lees-cart-benefits {
    grid-template-columns: repeat(2, 1fr);
  }

  .lees-cart-benefits > div:nth-child(2) {
    border-right: 0;
  }

  .lees-cart-benefits > div:nth-child(-n+2) {
    border-bottom: 1px solid var(--cart-line);
  }
}

@media screen and (max-width: 749px) {
  .lees-premium-cart .page-width,
  .lees-premium-cart-footer .page-width {
    width: min(calc(100% - 24px), 740px);
  }

  .lees-cart-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .lees-fulfillment-options,
  .lees-cart-benefits {
    grid-template-columns: 1fr;
  }

  .lees-cart-benefits > div {
    border-right: 0;
    border-bottom: 1px solid var(--cart-line);
  }

  .lees-cart-benefits > div:last-child {
    border-bottom: 0;
  }

  .lees-cart-fulfillment,
  .lees-order-summary {
    padding: 22px;
  }
}


/* ===== Premium Cart Experience V2 ===== */

.lees-premium-cart .page-width,
.lees-premium-cart-footer .page-width {
  width: min(calc(100% - 72px), 1680px) !important;
  max-width: 1680px !important;
}

.lees-cart-count {
  margin: 8px 0 0;
  color: rgba(245,234,219,.68);
  font-size: 13px;
}

.lees-cart-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 0 34px;
  border: 1px solid rgba(215,98,11,.30);
  background: rgba(255,255,255,.012);
}

.lees-cart-step {
  min-height: 94px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 18px 20px;
  border-right: 1px solid rgba(215,98,11,.30);
}

.lees-cart-step:last-child { border-right: 0; }

.lees-cart-step > span {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(245,234,219,.26);
  border-radius: 50%;
  color: rgba(245,234,219,.68);
  font-weight: 800;
}

.lees-cart-step.is-active > span {
  border-color: #ed7617;
  background: #d7620b;
  color: #fff;
}

.lees-cart-step strong,
.lees-cart-step small { display: block; }

.lees-cart-step strong {
  color: #f5eadb;
  font-family: var(--font-heading-family), Georgia, serif;
  font-size: 15px;
}

.lees-cart-step small {
  margin-top: 3px;
  color: rgba(245,234,219,.68);
  line-height: 1.25;
}

.lees-premium-cart .cart__items {
  border: 1px solid rgba(215,98,11,.30);
  background: linear-gradient(180deg, rgba(255,255,255,.016), transparent), #100e0c;
}

.lees-premium-cart .cart-items thead {
  background: rgba(215,98,11,.035);
}

.lees-premium-cart .cart-items thead th {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.lees-premium-cart .cart-item > td {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.lees-premium-cart .cart-item__media {
  width: 190px !important;
}

.lees-premium-cart .cart-item__image-container {
  width: 155px !important;
  min-height: 140px;
  display: grid;
  place-items: center;
}

.lees-premium-cart .cart-item__image {
  width: 100% !important;
  max-width: 140px;
  height: 120px !important;
  object-fit: contain;
}

.lees-premium-cart .cart-item__name {
  font-size: 24px !important;
  line-height: 1.15;
}

.lees-cart-footer-grid {
  grid-template-columns: minmax(0, 1.45fr) minmax(420px, .65fr) !important;
  gap: 42px !important;
}

.lees-cart-fulfillment { padding: 36px !important; }
.lees-order-summary { padding: 34px !important; }

.lees-fulfillment-card {
  min-height: 178px !important;
  grid-template-columns: 54px minmax(0,1fr) !important;
  gap: 16px !important;
  padding: 26px !important;
}

.lees-fulfillment-card__icon { font-size: 38px !important; }
.lees-fulfillment-card strong { font-size: 22px !important; }
.lees-fulfillment-card small { font-size: 13px !important; }

.lees-cart-note textarea { min-height: 150px !important; }

.lees-date-heading { margin-bottom: 18px; }
.lees-date-heading h2 { font-size: 28px !important; }

.lees-summary-total strong { font-size: 34px !important; }

.lees-cart-benefits > div {
  grid-template-columns: 42px 1fr !important;
  padding: 26px !important;
}

.lees-cart-benefits span { font-size: 32px !important; }

@media screen and (max-width: 989px) {
  .lees-cart-steps {
    grid-template-columns: repeat(2, 1fr);
  }

  .lees-cart-step:nth-child(2) { border-right: 0; }
  .lees-cart-step:nth-child(-n+2) { border-bottom: 1px solid rgba(215,98,11,.30); }
}

@media screen and (max-width: 749px) {
  .lees-cart-steps {
    grid-template-columns: 1fr;
  }

  .lees-cart-step {
    border-right: 0;
    border-bottom: 1px solid rgba(215,98,11,.30);
  }

  .lees-cart-step:last-child { border-bottom: 0; }
}
/* ======================================================
   BUUNTO DELIVERY CALENDAR - PREMIUM THEME
====================================================== */

/* Main calendar */
#buunto-calendar,
.buunto-calendar,
.buunto-widget,
[class*="buunto"] .datepicker,
[class*="buunto"] .calendar {
    background: #15110e !important;
    border: 1px solid rgba(215,98,11,.35) !important;
    border-radius: 12px !important;
    color: #f5eadb !important;
    box-shadow: 0 15px 35px rgba(0,0,0,.45);
    overflow: hidden;
}

/* Header */
.buunto-calendar .ui-datepicker-header,
.ui-datepicker-header {
    background: linear-gradient(180deg,#2b170a,#18110d) !important;
    border: none !important;
    color: #fff !important;
    padding: 14px 0 !important;
}

.ui-datepicker-title{
    color:#fff !important;
    font-weight:700;
    font-size:16px;
}

/* Month arrows */
.ui-datepicker-prev,
.ui-datepicker-next{
    background:none !important;
    border:none !important;
    color:#d7620b !important;
    transition:.2s;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover{
    transform:scale(1.15);
}

/* Weekday row */
.ui-datepicker thead{
    background:#201712 !important;
}

.ui-datepicker th{
    color:#d7620b !important;
    font-weight:700;
}

/* Calendar cells */
.ui-datepicker td{
    padding:4px;
}

.ui-datepicker td a,
.ui-datepicker td span{
    background:transparent !important;
    color:#f5eadb !important;
    border-radius:8px !important;
    transition:.2s;
}

/* Hover */
.ui-datepicker td a:hover{
    background:#d7620b !important;
    color:#fff !important;
}

/* Selected date */
.ui-datepicker-current-day a{
    background:#d7620b !important;
    color:#fff !important;
    font-weight:bold;
}

/* Today's date */
.ui-datepicker-today a{
    border:1px solid #d7620b !important;
}

/* Disabled dates */
.ui-state-disabled span{
    color:#555 !important;
    opacity:.45;
}

/* Divider */
.ui-datepicker table{
    margin:0;
}
/* ============================================================
   BUUNTO — LEE'S FIREWOOD PREMIUM CART THEME
   ============================================================ */

#buunto-date-picker,
#buunto-date-picker .buunto-date-picker {
  --buunto-orange: #d7620b;
  --buunto-orange-bright: #ed7617;
  --buunto-cream: #f5eadb;
  --buunto-muted: rgba(245, 234, 219, 0.68);
  --buunto-panel: #12100e;
  --buunto-panel-dark: #0f0d0b;
  --buunto-border: rgba(215, 98, 11, 0.32);

  width: 100% !important;
  max-width: none !important;
  color: var(--buunto-cream) !important;
  font-family: var(--font-body-family), Arial, sans-serif !important;
}

/* Remove the default white widget background */
#buunto-date-picker .buunto-date-picker,
#buunto-date-picker .buunto-cart-page {
  background: transparent !important;
}

/* Delivery method title */
#buunto-date-picker .buunto-method-field,
#buunto-date-picker .buunto-date-field {
  width: 100% !important;
  margin-top: 18px !important;
}

#buunto-date-picker .buunto-date-picker-label,
#buunto-date-picker [class*="label"] {
  margin-bottom: 10px !important;
  color: var(--buunto-cream) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
}

/* ============================================================
   PICKUP / DELIVERY BUTTONS
   ============================================================ */

#buunto-date-picker .buunto-method-picker {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
}

#buunto-date-picker .buunto-method-picker label {
  min-width: 0 !important;
  min-height: 74px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 7px !important;

  border: 1px solid rgba(245, 234, 219, 0.24) !important;
  border-radius: 3px !important;
  background: var(--buunto-panel-dark) !important;
  color: var(--buunto-cream) !important;

  font-size: 11px !important;
  line-height: 1.2 !important;
  text-align: center !important;

  cursor: pointer !important;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    transform 0.2s ease !important;
}

#buunto-date-picker .buunto-method-picker label:hover {
  transform: translateY(-2px) !important;
  border-color: var(--buunto-orange-bright) !important;
  background: rgba(215, 98, 11, 0.08) !important;
}

/* Selected method */
#buunto-date-picker .buunto-method-picker label.selected,
#buunto-date-picker .buunto-method-picker label[aria-selected="true"] {
  border-color: var(--buunto-orange-bright) !important;
  background:
    linear-gradient(
      180deg,
      rgba(215, 98, 11, 0.22),
      rgba(215, 98, 11, 0.05)
    ),
    var(--buunto-panel-dark) !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px var(--buunto-orange) !important;
}

/* Disabled methods */
#buunto-date-picker .buunto-method-picker label[aria-disabled="true"],
#buunto-date-picker .buunto-method-picker label.disabled {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
}

/* ============================================================
   CALENDAR CONTAINER
   ============================================================ */

#buunto-date-picker .buunto-date-field > div,
#buunto-date-picker .buunto-calendar,
#buunto-date-picker [class*="calendar"] {
  border-color: var(--buunto-border) !important;
}

#buunto-date-picker table {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 3px !important;
  background: transparent !important;
}

#buunto-date-picker table,
#buunto-date-picker thead,
#buunto-date-picker tbody,
#buunto-date-picker tr,
#buunto-date-picker th,
#buunto-date-picker td {
  border: 0 !important;
}

/* Main visible calendar box */
#buunto-date-picker .buunto-date-field > div:last-child,
#buunto-date-picker [class*="date-picker-calendar"],
#buunto-date-picker [class*="calendar-container"] {
  overflow: hidden !important;
  padding: 14px !important;
  border: 1px solid var(--buunto-border) !important;
  border-radius: 7px !important;
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(215, 98, 11, 0.1),
      transparent 45%
    ),
    var(--buunto-panel-dark) !important;
  color: var(--buunto-cream) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.32) !important;
}

/* Month heading */
#buunto-date-picker [class*="month"],
#buunto-date-picker [class*="header"] {
  color: var(--buunto-cream) !important;
}

/* Calendar navigation arrows */
#buunto-date-picker button {
  color: var(--buunto-cream) !important;
}

#buunto-date-picker button:hover {
  color: var(--buunto-orange-bright) !important;
}

/* Weekday headings */
#buunto-date-picker th {
  padding: 8px 2px !important;
  color: #e9b170 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

/* Date cells */
#buunto-date-picker td {
  padding: 2px !important;
  color: var(--buunto-cream) !important;
  text-align: center !important;
}

/* Date buttons and clickable dates */
#buunto-date-picker td button,
#buunto-date-picker td a,
#buunto-date-picker [role="gridcell"] button,
#buunto-date-picker [role="gridcell"] a {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;

  display: inline-grid !important;
  place-items: center !important;

  padding: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: var(--buunto-cream) !important;

  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: none !important;

  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease !important;
}

/* Date hover */
#buunto-date-picker td button:hover,
#buunto-date-picker td a:hover,
#buunto-date-picker [role="gridcell"] button:hover,
#buunto-date-picker [role="gridcell"] a:hover {
  transform: scale(1.08) !important;
  border-color: var(--buunto-orange-bright) !important;
  background: rgba(215, 98, 11, 0.2) !important;
  color: #ffffff !important;
}

/* Selected date */
#buunto-date-picker [aria-selected="true"],
#buunto-date-picker .selected-date,
#buunto-date-picker .is-selected,
#buunto-date-picker td.selected button,
#buunto-date-picker td.selected a {
  border-color: var(--buunto-orange-bright) !important;
  background: var(--buunto-orange) !important;
  color: #ffffff !important;
  box-shadow: 0 0 18px rgba(215, 98, 11, 0.3) !important;
}

/* Today's date */
#buunto-date-picker .today,
#buunto-date-picker [aria-current="date"] {
  border-color: var(--buunto-orange) !important;
  color: #f4b678 !important;
}

/* Disabled and unavailable dates */
#buunto-date-picker [aria-disabled="true"],
#buunto-date-picker .disabled,
#buunto-date-picker .unavailable {
  color: rgba(245, 234, 219, 0.25) !important;
  opacity: 0.45 !important;
  pointer-events: none !important;
}

/* Dates outside the current month */
#buunto-date-picker .outside-month,
#buunto-date-picker .other-month {
  color: rgba(245, 234, 219, 0.28) !important;
}

/* Hidden app fields */
#buunto-date-picker input[type="hidden"] {
  display: none !important;
}

/* ============================================================
   MOBILE
   ============================================================ */

@media screen and (max-width: 749px) {
  #buunto-date-picker .buunto-method-picker {
    grid-template-columns: 1fr !important;
  }

  #buunto-date-picker .buunto-method-picker label {
    min-height: 58px !important;
  }

  #buunto-date-picker td button,
  #buunto-date-picker td a,
  #buunto-date-picker [role="gridcell"] button,
  #buunto-date-picker [role="gridcell"] a {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
  }
}

/* ==========================================================
   BUUNTO CALENDAR — HARD DARK THEME OVERRIDE
   ========================================================== */

#buunto-date-picker {
  --lees-orange: #d7620b;
  --lees-orange-light: #ed7617;
  --lees-cream: #f5eadb;
  --lees-muted: rgba(245, 234, 219, 0.58);
  --lees-dark: #0f0d0b;
  --lees-panel: #15110e;
  --lees-border: rgba(215, 98, 11, 0.42);

  color: var(--lees-cream) !important;
}

/* Remove the white background from the calendar area */
#buunto-date-picker .buunto-date-field,
#buunto-date-picker .buunto-date-field > div,
#buunto-date-picker .buunto-date-field > div > div,
#buunto-date-picker [role="application"],
#buunto-date-picker [role="dialog"],
#buunto-date-picker [role="grid"],
#buunto-date-picker .react-datepicker,
#buunto-date-picker .react-datepicker__month-container,
#buunto-date-picker .rdp,
#buunto-date-picker .rdp-months,
#buunto-date-picker .rdp-month {
  background: var(--lees-dark) !important;
  color: var(--lees-cream) !important;
}

/* Main calendar box */
#buunto-date-picker .buunto-date-field > div:last-child,
#buunto-date-picker .react-datepicker,
#buunto-date-picker .rdp {
  overflow: hidden !important;
  padding: 14px !important;
  border: 1px solid var(--lees-border) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(215, 98, 11, 0.12),
      transparent 46%
    ),
    var(--lees-dark) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.38) !important;
}

/* Calendar header and month */
#buunto-date-picker .react-datepicker__header,
#buunto-date-picker .react-datepicker__current-month,
#buunto-date-picker .react-datepicker__month,
#buunto-date-picker .rdp-caption,
#buunto-date-picker .rdp-caption_label,
#buunto-date-picker [class*="calendar-header"],
#buunto-date-picker [class*="month-header"] {
  background: transparent !important;
  color: var(--lees-cream) !important;
  border: 0 !important;
}

/* Navigation arrows */
#buunto-date-picker .react-datepicker__navigation,
#buunto-date-picker .rdp-nav_button,
#buunto-date-picker button[aria-label*="month" i],
#buunto-date-picker button[aria-label*="previous" i],
#buunto-date-picker button[aria-label*="next" i] {
  border-color: var(--lees-orange) !important;
  background: transparent !important;
  color: var(--lees-cream) !important;
}

#buunto-date-picker .react-datepicker__navigation:hover,
#buunto-date-picker .rdp-nav_button:hover,
#buunto-date-picker button[aria-label*="month" i]:hover {
  border-color: var(--lees-orange-light) !important;
  color: var(--lees-orange-light) !important;
}

/* Tables */
#buunto-date-picker table,
#buunto-date-picker thead,
#buunto-date-picker tbody,
#buunto-date-picker tr {
  background: transparent !important;
  border: 0 !important;
}

/* Weekday names */
#buunto-date-picker th,
#buunto-date-picker .react-datepicker__day-name,
#buunto-date-picker .rdp-head_cell {
  background: transparent !important;
  color: #e7aa6a !important;
  border: 0 !important;
  font-weight: 800 !important;
}

/* Every calendar day */
#buunto-date-picker td,
#buunto-date-picker .react-datepicker__day,
#buunto-date-picker .rdp-cell {
  background: transparent !important;
  border: 0 !important;
  color: var(--lees-cream) !important;
}

/* Clickable day buttons */
#buunto-date-picker td button,
#buunto-date-picker td a,
#buunto-date-picker .react-datepicker__day,
#buunto-date-picker .rdp-day,
#buunto-date-picker [role="gridcell"] button {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: var(--lees-cream) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* Hovered date */
#buunto-date-picker td button:hover,
#buunto-date-picker td a:hover,
#buunto-date-picker .react-datepicker__day:hover,
#buunto-date-picker .rdp-day:hover,
#buunto-date-picker [role="gridcell"] button:hover {
  border-color: var(--lees-orange-light) !important;
  background: rgba(215, 98, 11, 0.22) !important;
  color: #fff !important;
}

/* Selected date */
#buunto-date-picker .react-datepicker__day--selected,
#buunto-date-picker .react-datepicker__day--keyboard-selected,
#buunto-date-picker .rdp-day_selected,
#buunto-date-picker [aria-selected="true"],
#buunto-date-picker [data-selected="true"] {
  border-color: var(--lees-orange-light) !important;
  background: var(--lees-orange) !important;
  color: #fff !important;
  box-shadow: 0 0 16px rgba(215, 98, 11, 0.34) !important;
}

/* Today's date */
#buunto-date-picker .react-datepicker__day--today,
#buunto-date-picker .rdp-day_today,
#buunto-date-picker [aria-current="date"] {
  border-color: var(--lees-orange) !important;
  color: #f0b16d !important;
}

/* Disabled dates and dates outside current month */
#buunto-date-picker .react-datepicker__day--disabled,
#buunto-date-picker .react-datepicker__day--outside-month,
#buunto-date-picker .rdp-day_disabled,
#buunto-date-picker .rdp-day_outside,
#buunto-date-picker [aria-disabled="true"] {
  background: transparent !important;
  color: rgba(245, 234, 219, 0.24) !important;
  opacity: 0.55 !important;
}

/* Delivery date label */
#buunto-date-picker .buunto-date-picker-label {
  color: var(--lees-cream) !important;
  font-weight: 800 !important;
}

/* Ensure the app does not reintroduce white panels */
#buunto-date-picker div[style*="background-color: white"],
#buunto-date-picker div[style*="background-color: rgb(255"],
#buunto-date-picker div[style*="background: white"] {
  background: var(--lees-dark) !important;
}
/* LEE'S FIREWOOD — CART PROFESSIONAL POLISH */

.lees-premium-cart .page-width,
.lees-premium-cart-footer .page-width {
  width: min(calc(100% - 64px), 1520px) !important;
  max-width: 1520px !important;
}

.lees-cart-heading { margin-bottom: 24px !important; }
.lees-cart-heading h1 { font-size: clamp(44px, 4.5vw, 68px) !important; }
.lees-cart-count { font-size: 12px !important; opacity: .82; }
.lees-continue-shopping { font-size: 13px !important; text-underline-offset: 3px; }

.lees-cart-steps {
  margin-bottom: 26px !important;
  background: #0f0d0b !important;
}

.lees-cart-step {
  min-height: 80px !important;
  padding: 15px 18px !important;
}

.lees-cart-step strong { font-size: 14px !important; }
.lees-cart-step small { font-size: 10px !important; }

.lees-premium-cart .cart__items {
  border-color: rgba(215,98,11,.34) !important;
  background: #100e0c !important;
}

.lees-premium-cart .cart-items thead th {
  padding: 14px 16px !important;
  font-size: 10px !important;
}

.lees-premium-cart .cart-item > td {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.lees-premium-cart .cart-item__media { width: 155px !important; }

.lees-premium-cart .cart-item__image-container {
  width: 125px !important;
  min-height: 112px !important;
}

.lees-premium-cart .cart-item__image {
  max-width: 110px !important;
  height: 96px !important;
}

.lees-premium-cart .cart-item__name { font-size: 20px !important; }

.lees-premium-cart .cart-item__details .product-option,
.lees-premium-cart .cart-item__details dt,
.lees-premium-cart .cart-item__details dd {
  font-size: 12px !important;
}

.lees-premium-cart .quantity {
  width: 116px !important;
  min-height: 46px !important;
}

.lees-premium-cart .price,
.lees-premium-cart .price--end {
  font-size: 18px !important;
}

.lees-cart-footer-grid {
  grid-template-columns: minmax(0, 1.5fr) minmax(360px, .72fr) !important;
  gap: 28px !important;
}

.lees-cart-fulfillment { padding: 28px !important; }
.lees-order-summary { padding: 28px !important; top: 18px !important; }

.lees-cart-panel-heading h2 { font-size: 28px !important; }
.lees-cart-panel-heading p { font-size: 12px !important; }

.lees-fulfillment-options {
  gap: 12px !important;
  margin-top: 20px !important;
}

.lees-fulfillment-card {
  min-height: 130px !important;
  padding: 20px !important;
  grid-template-columns: 42px minmax(0,1fr) !important;
  gap: 12px !important;
}

.lees-fulfillment-card__icon { font-size: 30px !important; }
.lees-fulfillment-card strong { font-size: 18px !important; }
.lees-fulfillment-card small { font-size: 11px !important; }
.lees-fulfillment-card b { font-size: 9px !important; }

.lees-cart-note { margin-top: 20px !important; }
.lees-cart-note label { font-size: 13px !important; }

.lees-cart-note textarea {
  min-height: 112px !important;
  padding: 14px !important;
  resize: vertical;
}

.lees-summary-content { margin-top: 20px !important; }
.lees-summary-row { margin-bottom: 14px !important; font-size: 12px !important; }
.lees-summary-divider { margin: 18px 0 !important; }
.lees-summary-total { font-size: 18px !important; }
.lees-summary-total strong { font-size: 28px !important; }

.lees-order-summary .tax-note {
  display: block;
  margin-top: 14px !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
  text-align: right;
}

#buunto-date-picker { margin-top: 18px !important; }

#buunto-date-picker .buunto-method-field,
#buunto-date-picker .buunto-date-field {
  margin-top: 14px !important;
}

#buunto-date-picker .buunto-method-picker { gap: 6px !important; }

#buunto-date-picker .buunto-method-picker label {
  min-height: 58px !important;
  padding: 8px 6px !important;
  font-size: 10px !important;
}

#buunto-date-picker .buunto-date-picker-label {
  margin-bottom: 8px !important;
  font-size: 12px !important;
}

#buunto-date-picker .buunto-date-field > div:last-child,
#buunto-date-picker .react-datepicker,
#buunto-date-picker .rdp {
  padding: 10px !important;
}

#buunto-date-picker td button,
#buunto-date-picker td a,
#buunto-date-picker .react-datepicker__day,
#buunto-date-picker .rdp-day,
#buunto-date-picker [role="gridcell"] button {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  font-size: 10px !important;
}

.lees-cart-ctas { margin-top: 22px !important; }

.lees-cart-ctas .cart__checkout-button {
  min-height: 56px !important;
  font-size: 14px !important;
}

.lees-summary-secure {
  margin-top: 16px !important;
  padding-top: 14px !important;
}

.lees-summary-secure p { font-size: 10px !important; }

.lees-cart-benefits { margin-top: 24px !important; }
.lees-cart-benefits > div { padding: 20px !important; }
.lees-cart-benefits span { font-size: 26px !important; }
.lees-cart-benefits strong { font-size: 14px !important; }
.lees-cart-benefits small { font-size: 11px !important; }

@media screen and (max-width: 1100px) {
  .lees-cart-footer-grid { grid-template-columns: 1fr !important; }
  .lees-order-summary { position: static !important; }
}

@media screen and (max-width: 749px) {
  .lees-premium-cart .page-width,
  .lees-premium-cart-footer .page-width {
    width: min(calc(100% - 20px), 740px) !important;
  }

  .lees-cart-heading h1 { font-size: 42px !important; }
  .lees-cart-step { min-height: 68px !important; }
  .lees-fulfillment-card { min-height: 112px !important; }

  .lees-order-summary,
  .lees-cart-fulfillment {
    padding: 20px !important;
  }
}
{{ 'component-cart.css' | asset_url | stylesheet_tag }}
{{ 'component-totals.css' | asset_url | stylesheet_tag }}
{{ 'component-price.css' | asset_url | stylesheet_tag }}
{{ 'component-discounts.css' | asset_url | stylesheet_tag }}
{{ 'lees-premium-cart.css' | asset_url | stylesheet_tag }}

{%- style -%}
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }

  @media screen and (min-width: 750px) {
    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }
  }
{%- endstyle -%}

<div
  class="lees-premium-cart-footer gradient color-{{ section.settings.color_scheme }}{% if cart == empty %} is-empty{% endif %}"
  id="main-cart-footer"
  data-id="{{ section.id }}"
>
  <div class="page-width">
    <div class="lees-cart-footer-grid section-{{ section.id }}-padding">

      <div class="lees-cart-fulfillment">
        <div class="lees-cart-panel-heading">
          <span>STEP 2 · FULFILLMENT</span>
          <h2>Pickup or Delivery</h2>
          <p>Choose how you would like to receive your order.</p>
        </div>

        <div class="lees-fulfillment-options" data-fulfillment-options>
          <label class="lees-fulfillment-card">
            <input
              type="radio"
              name="attributes[Fulfillment Method]"
              value="Local Delivery"
              form="cart"
              {% if cart.attributes['Fulfillment Method'] == blank or cart.attributes['Fulfillment Method'] == 'Local Delivery' %}checked{% endif %}
            >
            <span class="lees-fulfillment-card__icon">🚚</span>
            <span>
              <strong>Local Delivery</strong>
              <small>Delivered to your address. Availability is confirmed at checkout.</small>
            </span>
            <b>Select</b>
          </label>

          <label class="lees-fulfillment-card">
            <input
              type="radio"
              name="attributes[Fulfillment Method]"
              value="Store Pickup"
              form="cart"
              {% if cart.attributes['Fulfillment Method'] == 'Store Pickup' %}checked{% endif %}
            >
            <span class="lees-fulfillment-card__icon">🏪</span>
            <span>
              <strong>Store Pickup</strong>
              <small>Pick up from Lee's Firewood when your order is ready.</small>
            </span>
            <b>Select</b>
          </label>
        </div>

        <div class="lees-cart-note">
          <label for="Cart-note">Delivery / Pickup Instructions <span class="lees-required-mark">*</span></label>
          <textarea
            class="text-area field__input"
            name="note"
            form="cart"
            id="Cart-note"
            rows="5"
            required
            aria-required="true"
            minlength="2"
            placeholder="Add delivery instructions, gate code, or write Store Pickup."
          >{{ cart.note | escape }}</textarea>
          <p class="lees-note-help">Required before proceeding to checkout.</p>
          <p class="lees-note-error" id="LeesCartNoteError" role="alert" hidden>Please enter delivery or pickup instructions.</p>
        </div>
      </div>

      <aside class="lees-order-summary">
        <div class="lees-cart-panel-heading">
          <span>STEP 4 · ORDER SUMMARY</span>
          <h2>Your Total</h2>
        </div>

        {% for block in section.blocks %}
          {%- case block.type -%}
            {%- when '@app' -%}
              <div class="lees-buunto-step">
                <div class="lees-cart-panel-heading lees-buunto-step__heading">
                  <span>STEP 3 · SCHEDULE</span>
                  <h2>Select Your Date</h2>
                  <p>Choose an available pickup or delivery date.</p>
                </div>
                {% render block %}
              </div>

            {%- when 'subtotal' -%}
              <div class="js-contents lees-summary-content" {{ block.shopify_attributes }}>
                {%- if cart.cart_level_discount_applications.size > 0 -%}
                  <ul class="discounts list-unstyled" role="list" aria-label="{{ 'customer.order.discount' | t }}">
                    {%- for discount in cart.cart_level_discount_applications -%}
                      <li class="discounts__discount discounts__discount--position">
                        {%- render 'icon-discount' -%}
                        {{ discount.title }}
                        (-{{ discount.total_allocated_amount | money }})
                      </li>
                    {%- endfor -%}
                  </ul>
                {%- endif -%}

                <div class="lees-summary-row">
                  <span>Subtotal</span>
                  <strong>{{ cart.items_subtotal_price | money_with_currency }}</strong>
                </div>

                <div class="lees-summary-row">
                  <span>Pickup / Delivery</span>
                  <strong>Calculated at checkout</strong>
                </div>

                <div class="lees-summary-divider"></div>

                <div class="lees-summary-total">
                  <span>Estimated Total</span>
                  <strong id="revy-cart-subtotal-price">{{ cart.total_price | money_with_currency }}</strong>
                </div>

                <small class="tax-note caption-large rte">
                  {%- if cart.taxes_included and shop.shipping_policy.body != blank -%}
                    {{ 'sections.cart.taxes_included_and_shipping_policy_html' | t: link: shop.shipping_policy.url }}
                  {%- elsif cart.taxes_included -%}
                    {{ 'sections.cart.taxes_included_but_shipping_at_checkout' | t }}
                  {%- elsif shop.shipping_policy.body != blank -%}
                    {{ 'sections.cart.taxes_and_shipping_policy_at_checkout_html' | t }}
                  {%- else -%}
                    {{ 'sections.cart.taxes_and_shipping_at_checkout' | t }}
                  {%- endif -%}
                </small>
              </div>

            {%- when 'buttons' -%}
              <div class="cart__ctas lees-cart-ctas" {{ block.shopify_attributes }}>
                <noscript>
                  <button type="submit" class="cart__update-button button button--secondary" form="cart">
                    {{ 'sections.cart.update' | t }}
                  </button>
                </noscript>

                <button
                  type="submit"
                  id="checkout"
                  class="cart__checkout-button button"
                  name="checkout"
                  {% if cart == empty %}disabled{% endif %}
                  form="cart"
                >
                  Proceed to Checkout
                </button>
              </div>
          {%- endcase -%}
        {% endfor %}

        <div class="lees-summary-secure">
          <span>🔒</span>
          <p><strong>Secure checkout</strong><br>Pickup and delivery availability are finalized at checkout.</p>
        </div>

        <div id="cart-errors"></div>
      </aside>
    </div>

    <div class="lees-cart-benefits">
      <div><span>🔥</span><strong>Premium Quality</strong><small>Kiln-dried for a cleaner, hotter burn.</small></div>
      <div><span>🚚</span><strong>Reliable Delivery</strong><small>Serving Charlotte and nearby communities.</small></div>
      <div><span>🪵</span><strong>Expertly Prepared</strong><small>Ready for your fireplace, stove, or fire pit.</small></div>
      <div><span>✓</span><strong>Satisfaction First</strong><small>Quality and service you can count on.</small></div>
    </div>
  </div>
</div>

<script>
  document.addEventListener('DOMContentLoaded', () => {
    const cards = document.querySelectorAll('.lees-fulfillment-card');
    const note = document.getElementById('Cart-note');
    const noteError = document.getElementById('LeesCartNoteError');
    const checkout = document.getElementById('checkout');

    const updateFulfillment = () => {
      cards.forEach((card) => {
        const input = card.querySelector('input[type="radio"]');
        card.classList.toggle('is-selected', Boolean(input && input.checked));

        const status = card.querySelector('b');
        if (status && input) {
          status.textContent = input.checked ? 'Selected' : 'Select';
        }
      });
    };

    const validateInstructions = () => {
      if (!note) return true;

      const valid = note.value.trim().length >= 2;
      note.classList.toggle('has-error', !valid);

      if (noteError) {
        noteError.hidden = valid;
      }

      if (!valid) {
        note.setCustomValidity('Please enter delivery or pickup instructions.');
      } else {
        note.setCustomValidity('');
      }

      return valid;
    };

    cards.forEach((card) => {
      const input = card.querySelector('input[type="radio"]');
      if (input) input.addEventListener('change', updateFulfillment);
    });

    if (note) {
      note.addEventListener('input', validateInstructions);
      note.addEventListener('blur', validateInstructions);
    }

    if (checkout) {
      checkout.addEventListener('click', (event) => {
        if (!validateInstructions()) {
          event.preventDefault();
          event.stopImmediatePropagation();
          note.scrollIntoView({ behavior: 'smooth', block: 'center' });
          window.setTimeout(() => note.focus(), 350);
        }
      });
    }

    updateFulfillment();
  });
</script>

{% schema %}
{
  "name": "Lee's Premium Cart Footer",
  "class": "cart__footer-wrapper",
  "settings": [
    {
      "type": "color_scheme",
      "id": "color_scheme",
      "label": "Color scheme",
      "default": "scheme-1"
    },
    {
      "type": "range",
      "id": "padding_top",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "Top padding",
      "default": 20
    },
    {
      "type": "range",
      "id": "padding_bottom",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "Bottom padding",
      "default": 40
    }
  ],
  "blocks": [
    {
      "type": "subtotal",
      "name": "Subtotal",
      "limit": 1
    },
    {
      "type": "buttons",
      "name": "Checkout buttons",
      "limit": 1
    },
    {
      "type": "@app"
    }
  ]
}
{% endschema %}
/* FINAL CART EDGE SPACING FIX */

/* Add breathing room inside the entire cart row */
.lees-premium-cart .cart-items {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* Left side image spacing */
.lees-premium-cart .cart-item__media {
  padding-left: 28px !important;
}

/* Product details spacing */
.lees-premium-cart .cart-item__details {
  padding-left: 18px !important;
}

/* Quantity spacing */
.lees-premium-cart .cart-item__quantity {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* Right-side total spacing */
.lees-premium-cart .cart-item__totals.small-hide {
  padding-right: 34px !important;
}

/* Header labels should line up with the row content */
.lees-premium-cart .cart-items thead th:first-child {
  padding-left: 28px !important;
}

.lees-premium-cart .cart-items thead th:last-child {
  padding-right: 34px !important;
}

/* Keep price from visually touching the edge */
.lees-premium-cart .cart-item__price-wrapper {
  padding-right: 0 !important;
}

.lees-premium-cart .cart-item__totals .price {
  display: block !important;
  text-align: right !important;
}

/* Mobile */
@media screen and (max-width: 749px) {
  .lees-premium-cart .cart-item__media {
    padding-left: 14px !important;
  }

  .lees-premium-cart .cart-item__details {
    padding-left: 10px !important;
  }

  .lees-premium-cart .cart-item__totals.small-hide {
    padding-right: 16px !important;
  }

  .lees-premium-cart .cart-items thead th:first-child {
    padding-left: 14px !important;
  }

  .lees-premium-cart .cart-items thead th:last-child {
    padding-right: 16px !important;
  }
}
/* =========================================
   REMOVE ORANGE PRODUCT IMAGE BOX
========================================= */

.lees-premium-cart .cart-item__image-container,
.lees-premium-cart .global-media-settings.cart-item__image-container,
.lees-premium-cart .cart-item__media .gradient {
  border: none !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Remove any inherited global media border */
.lees-premium-cart .cart-item__image-container.global-media-settings {
  border-width: 0 !important;
  border-color: transparent !important;
}

/* Let the wood image float naturally */
.lees-premium-cart .cart-item__image {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.32));
}

/* Keep comfortable spacing without the box */
.lees-premium-cart .cart-item__media {
  padding-left: 28px !important;
  padding-right: 22px !important;
}

/* Slightly enlarge the floating image */
.lees-premium-cart .cart-item__image {
  width: 130px !important;
  max-width: 130px !important;
  height: 105px !important;
  object-fit: contain !important;
}

/* Mobile */
@media screen and (max-width: 749px) {
  .lees-premium-cart .cart-item__media {
    padding-left: 14px !important;
    padding-right: 10px !important;
  }

  .lees-premium-cart .cart-item__image {
    width: 95px !important;
    max-width: 95px !important;
    height: 80px !important;
  }
}
/* =========================================
   BUUNTO CALENDAR COLORS
========================================= */

/* Available dates */
.buunto-date-picker button:not([disabled]),
.buunto-calendar button:not([disabled]),
.buunto-calendar td:not(.disabled) button,
.buunto-calendar td:not(.disabled) {
    color: #ffffff !important;
}

/* Disabled / unavailable dates */
.buunto-date-picker button[disabled],
.buunto-calendar button[disabled],
.buunto-calendar td.disabled,
.buunto-calendar td.disabled *,
.buunto-calendar .is-disabled,
.buunto-calendar .disabled {
    color: rgba(255,255,255,.22) !important;
    opacity: 1 !important;
}

/* Selected day */
.buunto-calendar .selected,
.buunto-calendar button.selected {
    background: #d66a0d !important;
    color: #fff !important;
    border-radius: 50%;
}

/* Hover */
.buunto-calendar button:hover:not([disabled]) {
    color: #ff8c2f !important;
}
/* =========================================================
   BUUNTO DATE COLORS — EXACT CLASS FIX
   Available = white
   Unavailable = grey
   Selected = orange
========================================================= */

/* Available dates */
#buunto-date-picker .buuntoCal-day.buuntoCal-available .buuntoCal-date {
  color: #ffffff !important;
  opacity: 1 !important;
  font-weight: 700 !important;
}

/* Unavailable dates */
#buunto-date-picker .buuntoCal-day.buuntoCal-unavailable .buuntoCal-date {
  color: rgba(255, 255, 255, 0.22) !important;
  opacity: 1 !important;
  font-weight: 500 !important;
}

/* Selected date */
#buunto-date-picker .buuntoCal-day.buuntoCal-selected .buuntoCal-date {
  color: #ffffff !important;
  background: #d7620b !important;
  border-radius: 50% !important;
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 0 14px rgba(215, 98, 11, 0.35) !important;
}

/* Available date hover */
#buunto-date-picker .buuntoCal-day.buuntoCal-available:hover .buuntoCal-date {
  color: #ffffff !important;
  background: rgba(215, 98, 11, 0.20) !important;
  border-radius: 50% !important;
}

/* Keep unavailable dates from looking clickable */
#buunto-date-picker .buuntoCal-day.buuntoCal-unavailable {
  cursor: not-allowed !important;
}

/* Optional: dates outside the current month */
#buunto-date-picker .buuntoCal-day:not(.buuntoCal-current-month) .buuntoCal-date {
  color: rgba(255, 255, 255, 0.18) !important;
}
/* =========================================
   REMOVE BUUNTO SHIPPING OPTION
========================================= */

/* Hide the shipping method card */
#buunto-date-picker
.buunto-method-picker
label[aria-label="Shipping"] {
  display: none !important;
}

/* Keep the remaining two options evenly sized */
#buunto-date-picker .buunto-method-picker {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* Make the two remaining cards a little wider and cleaner */
#buunto-date-picker .buunto-method-picker label {
  min-height: 64px !important;
  padding: 10px 12px !important;
}
