.elementor-kit-38645{--e-global-color-primary:#003967;--e-global-color-secondary:#00233D;--e-global-color-text:#333333;--e-global-color-accent:#0B5B91;--e-global-color-318f1f9:#0B5394;--e-global-color-006c71f:#CFAF6E;--e-global-color-8545dcc:#E5E5E5;--e-global-color-dcd97b3:#F7F3EC;--e-global-typography-primary-font-family:"Noto Sans";--e-global-typography-primary-font-size:15px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Noto Sans";--e-global-typography-secondary-font-size:14px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Noto Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Noto Sans";--e-global-typography-accent-font-weight:500;color:#252525;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-38645 button,.elementor-kit-38645 input[type="button"],.elementor-kit-38645 input[type="submit"],.elementor-kit-38645 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:#FFFFFF;border-radius:6px 6px 6px 6px;padding:14px 25px 14px 25px;}.elementor-kit-38645 button:hover,.elementor-kit-38645 button:focus,.elementor-kit-38645 input[type="button"]:hover,.elementor-kit-38645 input[type="button"]:focus,.elementor-kit-38645 input[type="submit"]:hover,.elementor-kit-38645 input[type="submit"]:focus,.elementor-kit-38645 .elementor-button:hover,.elementor-kit-38645 .elementor-button:focus{background-color:var( --e-global-color-006c71f );color:#000000;border-radius:6px 6px 6px 6px;}.elementor-kit-38645 e-page-transition{background-color:#FFBC7D;}.elementor-kit-38645 a{font-family:"Noto Sans", Sans-serif;}.elementor-kit-38645 a:hover{font-family:"Noto Sans", Sans-serif;}.elementor-kit-38645 h1{font-family:"Noto Sans", Sans-serif;font-size:38px;font-weight:500;line-height:1em;letter-spacing:-0.03em;}.elementor-kit-38645 h2{font-family:"Noto Sans", Sans-serif;font-size:30px;font-weight:500;line-height:1em;letter-spacing:-0.02em;}.elementor-kit-38645 h3{font-family:"Noto Sans", Sans-serif;font-size:24px;font-weight:500;line-height:1em;letter-spacing:-0.02em;}.elementor-kit-38645 h4{font-family:"Noto Sans", Sans-serif;font-size:25px;font-weight:600;line-height:1.2em;letter-spacing:-0.02em;}.elementor-kit-38645 h5{font-family:"Noto Sans", Sans-serif;font-size:22px;font-weight:500;line-height:1.2em;}.elementor-kit-38645 h6{font-family:"Noto Sans", Sans-serif;font-weight:500;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-38645{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-kit-38645{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-38645 h1{font-size:45px;}.elementor-kit-38645 h2{font-size:36px;}.elementor-kit-38645 h3{font-size:26px;}.elementor-kit-38645 h4{font-size:22px;}.elementor-kit-38645 h5{font-size:20px;}.elementor-kit-38645 h6{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-38645{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-38645 h1{font-size:40px;}.elementor-kit-38645 h2{font-size:32px;}.elementor-kit-38645 h4{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ═══════════════════════════════════════════════════
   MY TOURS — PRODUCT PAGE STYLING
   ═══════════════════════════════════════════════════ */


/* ── Book Online heading — small uppercase label ── */
.elementor-element-c2a8bbb {
  margin-bottom: 0 !important;
}
.elementor-element-c2a8bbb .elementor-heading-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #003967 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  opacity: 0.5;
  margin: 0 !important;
}


/* ── Price row — "Total" label + amount + helper text ── */
.elementor-element-e6f6772 {
  margin-top: 0 !important;
}
.elementor-element-e6f6772 .price {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
}
.elementor-element-e6f6772 .price::before {
  content: "Total";
  font-size: 13px;
  font-weight: 400;
  color: #888;
  letter-spacing: 0.02em;
}
.elementor-element-e6f6772 .price::after {
  content: "Total shown after choosing how many people";
  display: block;
  width: 100%;
  font-size: 11px;
  font-weight: 400;
  color: #888;
  letter-spacing: 0.01em;
  margin-top: 4px;
  font-style: italic;
}
.elementor-element-e6f6772 .woocommerce-Price-amount {
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #003967 !important;
}


/* ── Date wrapper card ── */
.yith-wcbk-form-section-dates-wrapper {
  background: #f4f7fb !important;
  border: 1px solid #e4e9ef !important;
  border-radius: 10px !important;
  padding: 16px !important;
  box-shadow: 0 2px 12px rgba(0, 57, 103, 0.07) !important;
  margin-bottom: 14px !important;
}


/* ── People wrapper card ── */
.yith-wcbk-form-section-persons-wrapper {
  background: #f4f7fb !important;
  border: 1px solid #e4e9ef !important;
  border-radius: 10px !important;
  padding: 16px !important;
  box-shadow: 0 2px 12px rgba(0, 57, 103, 0.07) !important;
  margin-bottom: 14px !important;
}


/* ── Calendar inner card ── */
.ui-datepicker-inline {
  background: #ffffff !important;
  border: 1px solid #e4e9ef !important;
  border-radius: 8px !important;
  padding: 12px !important;
  box-shadow: 0 2px 8px rgba(0, 57, 103, 0.06) !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
}


/* ── Calendar table layout ── */
.ui-datepicker-calendar {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}


/* ── Month/year header ── */
.ui-datepicker-header {
  background: #003967 !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  margin-bottom: 10px !important;
  border: none !important;
  position: relative !important;
}
.ui-datepicker-title {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}


/* ── Navigation arrows ── */
.ui-datepicker-prev,
.ui-datepicker-next {
  top: 50% !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
}
.ui-datepicker-prev span,
.ui-datepicker-next span {
  display: none !important;
}
.ui-datepicker-prev::after {
  content: "‹" !important;
  color: #ffffff !important;
  font-size: 22px !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.ui-datepicker-next::after {
  content: "›" !important;
  color: #ffffff !important;
  font-size: 22px !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}


/* ── Day names (M T W T F S S) ── */
.ui-datepicker-calendar thead th {
  color: #003967 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  padding: 4px 0 6px !important;
  opacity: 0.6;
  text-align: center !important;
}


/* ── Day cells (table cells) ── */
.ui-datepicker-calendar td {
  padding: 3px 0 !important;
  text-align: center !important;
  vertical-align: middle !important;
}


/* ── Day numbers — circular pill style ── */
.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  margin: 0 auto !important;
  border: none !important;
  background: transparent !important;
  color: #003967 !important;
  text-decoration: none !important;
  transition: background 0.15s ease !important;
}


/* ── Disabled days ── */
.ui-datepicker-calendar td.ui-state-disabled span {
  color: #7a9ab5 !important;
  font-weight: 400 !important;
  opacity: 1 !important;
  text-decoration: line-through !important;
}


/* ── Hover state ── */
.ui-datepicker-calendar td a:hover {
  background: #e8f0f8 !important;
  color: #003967 !important;
}


/* ── Selected day ── */
.ui-datepicker-calendar td .ui-state-active {
  background: #003967 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}


/* ── Today ── */
.ui-datepicker-calendar td.ui-datepicker-today span {
  border: 1.5px solid #003967 !important;
  color: #003967 !important;
}


/* ── Add to cart button ── */
.elementor-element-92cc20f button.single_add_to_cart_button,
.elementor-element-92cc20f .yith-wcbk-add-to-cart-button {
  width: 100% !important;
  padding: 12px 20px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  background: #003967 !important;
  border: none !important;
  border-radius: 20px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: 0 2px 12px rgba(0, 57, 103, 0.15) !important;
  transition: background 0.2s ease, box-shadow 0.2s ease !important;
}
.elementor-element-92cc20f button.single_add_to_cart_button:hover,
.elementor-element-92cc20f .yith-wcbk-add-to-cart-button:hover {
  background: #00284a !important;
  box-shadow: 0 4px 20px rgba(0, 57, 103, 0.25) !important;
}


/* ═══════════════════════════════════════════════════
   NINJA FORM — Tour Reservation Enquiry
   ═══════════════════════════════════════════════════ */

.nf-form-cont {
  background: #ffffff;
  border: 1px solid #e4e9ef;
  border-radius: 10px;
  padding: 24px;
  box-shadow: 0 2px 12px rgba(0, 57, 103, 0.07);
  margin-top: 14px;
}
.nf-form-title h3 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #003967 !important;
  margin: 0 0 6px !important;
  letter-spacing: 0.3px;
}
.nf-form-cont .nf-form-fields-required {
  font-size: 12px !important;
  color: #888 !important;
  margin-bottom: 18px !important;
}
.nf-form-cont .nf-field-label label {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #003967 !important;
  letter-spacing: 0.2px;
  margin-bottom: 6px !important;
}
.nf-form-cont .ninja-forms-req-symbol {
  color: #c0392b !important;
}
.nf-form-cont input[type="text"],
.nf-form-cont input[type="email"],
.nf-form-cont input[type="tel"],
.nf-form-cont input[type="number"],
.nf-form-cont input[type="date"],
.nf-form-cont select,
.nf-form-cont textarea {
  padding: 10px 14px !important;
  border: 1.5px solid #dce4ed !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  color: #222 !important;
  background: #f7f9fc !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
}
.nf-form-cont input:focus,
.nf-form-cont select:focus,
.nf-form-cont textarea:focus {
  border-color: #003967 !important;
  background: #ffffff !important;
}
.nf-form-cont input::placeholder,
.nf-form-cont textarea::placeholder {
  color: #aab4c0 !important;
  font-size: 13px !important;
}
.nf-form-cont .nf-field-container {
  margin-bottom: 16px !important;
}
.nf-form-cont input[type="button"],
.nf-form-cont input[type="submit"] {
  width: 100% !important;
  padding: 12px 20px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  background: #003967 !important;
  border: none !important;
  border-radius: 20px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: 0 2px 12px rgba(0, 57, 103, 0.15) !important;
  margin-top: 8px !important;
  transition: background 0.2s ease, box-shadow 0.2s ease !important;
}
.nf-form-cont input[type="submit"]:hover {
  background: #00284a !important;
  box-shadow: 0 4px 20px rgba(0, 57, 103, 0.25) !important;
}


/* ═══════════════════════════════════════════════════
   BANNER HEADINGS — readable on bright images
   ═══════════════════════════════════════════════════ */

.elementor-element-45f38847 h1.elementor-heading-title,
.elementor-element-fae757a p {
  text-shadow: 2px 2px 20px rgba(0,0,0,0.8), 0 0 40px rgba(0,0,0,0.6) !important;
  color: #ffffff !important;
}


/* ═══════════════════════════════════════════════════
   MOBILE FIXES
   ═══════════════════════════════════════════════════ */

@media (max-width: 768px) {

  /* Product gallery image height */
  .woocommerce-product-gallery img {
    max-height: 320px !important;
    object-fit: cover !important;
    width: 100% !important;
    border-radius: 10px !important;
  }

  /* Column order: content first, sidebar second */
  .elementor-element-4fb4764d {
    order: 1 !important;
  }
  .elementor-element-53afd77 {
    order: 2 !important;
  }

  /* Bigger inputs on mobile */
  .nf-form-cont input,
  .nf-form-cont select,
  .nf-form-cont textarea {
    font-size: 16px !important;
  }
  .nf-form-cont {
    padding: 18px;
  }
}


/* ═══════════════════════════════════════════════════
   TOUR CARDS — Loop Grid
   ═══════════════════════════════════════════════════ */

/* Outer card container */
.tour-card {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 3 / 2 !important;
  height: auto !important;
  border-radius: 12px !important;
  border: 4px solid transparent !important;
  overflow: hidden !important;
  cursor: pointer !important;
  box-shadow: 0 4px 20px rgba(0, 57, 103, 0.1) !important;
  transition: box-shadow 0.4s ease, transform 0.4s ease, border-color 0.4s ease !important;
}

.tour-card:hover {
  box-shadow: 0 12px 40px rgba(0, 57, 103, 0.25) !important;
  transform: translateY(-4px) !important;
  border-color: #CFAF6E !important;
}

/* Featured image fills the card */
.tour-card-image,
.tour-card-image .elementor-widget-container,
.tour-card-image img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: transform 0.6s ease !important;
}

.tour-card:hover .tour-card-image img {
  transform: scale(1.08) !important;
}

/* Dark gradient overlay */
.tour-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 57, 103, 0) 0%,
    rgba(0, 57, 103, 0) 40%,
    rgba(0, 57, 103, 0.5) 70%,
    rgba(0, 57, 103, 0.9) 100%
  );
  z-index: 1;
  pointer-events: none;
}

/* Text overlay container */
.tour-card-overlay {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 20px 24px !important;
  z-index: 2 !important;
  color: #ffffff !important;
}

/* Title */
.tour-card-title h1,
.tour-card-title h2,
.tour-card-title h3,
.tour-card-title .elementor-heading-title {
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin: 0 0 8px !important;
  letter-spacing: 0.2px !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

/* Make the title link cover the entire card */
.tour-card-title {
  position: static !important;
}

.tour-card-title a {
  color: #ffffff !important;
  text-decoration: none !important;
  display: inline-block;
}

/* The link expands to cover the card via a pseudo */
.tour-card .tour-card-title a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  cursor: pointer;
  background: transparent;
}

/* Departure time */
.tour-card-time,
.tour-card-time p {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
  margin: 0 !important;
}

/* Mobile */
@media (max-width: 768px) {
  .tour-card {
    aspect-ratio: 4 / 3 !important;
    height: auto !important;
  }
  .tour-card-title h1,
  .tour-card-title h2,
  .tour-card-title h3,
  .tour-card-title .elementor-heading-title {
    font-size: 18px !important;
  }
}


/* ═══════════════════════════════════════════════════
   HERO OVERLAY (used on category and tours pages)
   ═══════════════════════════════════════════════════ */

.hero-overlay {
  position: relative;
}

.hero-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0.3) 50%,
    rgba(0, 0, 0, 0.1) 100%
  );
  pointer-events: none;
  z-index: 1;
}

.hero-overlay > * {
  position: relative;
  z-index: 2;
}


/* ═══════════════════════════════════════════════════
   ORDER RECEIVED / CONFIRMATION PAGE STYLING
   ═══════════════════════════════════════════════════ */

/* Container */
.woocommerce-order {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* "Thank you. Your order has been received" message */
.woocommerce-thankyou-order-received {
  font-size: 1.25rem;
  font-weight: 600;
  color: #003967;
  text-align: center;
  padding: 1.5rem 2rem;
  background: #f7f3ec;
  border-radius: 8px;
  margin-bottom: 2rem;
}

/* Order summary box (Order #, Date, Email, Total, Payment) */
.woocommerce-order ul.order_details {
  background: #f7f3ec;
  padding: 2rem;
  border-radius: 8px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin: 0 0 2.5rem 0;
  border: none;
}

.woocommerce-order ul.order_details li {
  border: none;
  padding: 0;
  flex: 1;
  min-width: 150px;
  font-size: 0.95rem;
  color: #333;
}

.woocommerce-order ul.order_details li strong {
  display: block;
  font-size: 1.1rem;
  color: #003967;
  font-weight: 600;
  margin-top: 0.25rem;
}

/* Section headings */
.woocommerce-order h2,
.woocommerce-order .wc-bookings-booking-form h2 {
  color: #003967;
  font-weight: 600;
  font-size: 1.5rem;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #003967;
}

/* Tables - base styling */
.woocommerce-order table.shop_table,
.woocommerce-order table.my_account_bookings {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 2rem;
}

/* Force table headers to show with navy bar */
.woocommerce-order table thead {
  display: table-header-group !important;
  visibility: visible !important;
}

.woocommerce-order table thead tr {
  display: table-row !important;
}

.woocommerce-order table thead th {
  display: table-cell !important;
  background: #003967 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  padding: 14px 16px !important;
  text-align: left !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  font-size: 0.9rem !important;
  border: none !important;
}

/* Table body cells */
.woocommerce-order table.shop_table td,
.woocommerce-order table.my_account_bookings td {
  padding: 14px 16px;
  border-bottom: 1px solid #e5e5e5;
  vertical-align: top;
  font-size: 0.95rem;
}

.woocommerce-order table.shop_table tr:last-child td,
.woocommerce-order table.my_account_bookings tr:last-child td {
  border-bottom: none;
}

/* Subtotal and Payment Method rows - cream styling */
.woocommerce-order table.shop_table tfoot tr:not(.order-total):not(.order_total) th {
  background: #f7f3ec !important;
  color: #003967 !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  padding: 14px 16px !important;
  font-size: 0.9rem !important;
}

.woocommerce-order table.shop_table tfoot tr:not(.order-total):not(.order_total) td {
  background: #fafafa !important;
  font-weight: 600 !important;
  padding: 14px 16px !important;
}

/* Total row (highlighted in navy with WHITE text) */
.woocommerce-order table.shop_table tfoot tr.order-total th,
.woocommerce-order table.shop_table tfoot tr.order_total th,
.woocommerce-order table.shop_table tfoot tr.order-total td,
.woocommerce-order table.shop_table tfoot tr.order_total td,
.woocommerce-order table.shop_table tfoot tr.order-total th *,
.woocommerce-order table.shop_table tfoot tr.order_total th *,
.woocommerce-order table.shop_table tfoot tr.order-total td *,
.woocommerce-order table.shop_table tfoot tr.order_total td * {
  background: #003967 !important;
  color: #ffffff !important;
  font-size: 1.1rem;
}

.woocommerce-order table.shop_table tfoot tr.order-total .woocommerce-Price-amount,
.woocommerce-order table.shop_table tfoot tr.order_total .woocommerce-Price-amount,
.woocommerce-order table.shop_table tfoot tr.order-total bdi,
.woocommerce-order table.shop_table tfoot tr.order_total bdi {
  color: #ffffff !important;
}

/* Product link in order details */
.woocommerce-order table.shop_table a {
  color: #003967;
  text-decoration: none;
  font-weight: 600;
}

.woocommerce-order table.shop_table a:hover {
  color: #0B5B91;
  text-decoration: underline;
}

/* "View" button + all WooCommerce buttons */
.woocommerce-order a.button,
.woocommerce-order .button,
.woocommerce-order .my_account_bookings a.button,
.my_account_bookings .button {
  background: #003967 !important;
  color: #fff !important;
  padding: 8px 20px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 0.9rem;
  text-decoration: none;
  display: inline-block;
  border: none;
  transition: background 0.2s ease;
}

.woocommerce-order a.button:hover,
.woocommerce-order .button:hover,
.my_account_bookings .button:hover {
  background: #0B5B91 !important;
  color: #fff !important;
}

/* Status badge (Paid, Pending, etc.) */
.woocommerce-order table.my_account_bookings .booking-status {
  display: inline-block;
  padding: 4px 12px;
  background: #d4edda;
  color: #155724;
  border-radius: 12px;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* Billing address block */
.woocommerce-customer-details address {
  background: #f7f3ec;
  padding: 1.5rem 2rem;
  border-radius: 8px;
  border: none;
  font-style: normal;
  line-height: 1.8;
  font-size: 0.95rem;
  color: #333;
}

.woocommerce-customer-details .woocommerce-customer-details--phone,
.woocommerce-customer-details .woocommerce-customer-details--email {
  margin-top: 0.75rem;
  color: #003967;
}

/* Mobile adjustments for order received */
@media (max-width: 768px) {
  .woocommerce-order ul.order_details {
    flex-direction: column;
    padding: 1.5rem;
  }
  
  .woocommerce-order ul.order_details li {
    min-width: 100%;
  }
  
  .woocommerce-order table.shop_table th,
  .woocommerce-order table.my_account_bookings th {
    padding: 10px;
    font-size: 0.85rem;
  }
  
  .woocommerce-order table.shop_table td,
  .woocommerce-order table.my_account_bookings td {
    padding: 10px;
    font-size: 0.9rem;
  }
}


/* ═══════════════════════════════════════════════════
   MY ACCOUNT PAGE
   ═══════════════════════════════════════════════════ */

.woocommerce-MyAccount-navigation a,
.woocommerce-account .woocommerce-MyAccount-content a,
.woocommerce-account .woocommerce a {
  color: #003967 !important;
  text-decoration: none;
}

.woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .woocommerce-MyAccount-content a:hover,
.woocommerce-account .woocommerce a:hover {
  color: #0B5B91 !important;
  text-decoration: underline;
}

.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard.is-active a {
  color: #003967 !important;
  font-weight: 600;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.woocommerce-MyAccount-navigation li {
  padding: 8px 0;
  border-bottom: 1px solid #e5e5e5;
}

.woocommerce-MyAccount-navigation li:last-child {
  border-bottom: none;
}/* End custom CSS */