.elementor-7 .elementor-element.elementor-element-4864d16{--display:flex;}.elementor-7 .elementor-element.elementor-element-e5abbef{padding:50px 50px 0px 50px;}.elementor-7 .elementor-element.elementor-element-e5abbef .woocommerce-breadcrumb{color:#3A4A3C;font-family:"Archivo", Sans-serif;font-size:13px;font-weight:600;letter-spacing:2.8px;}.elementor-7 .elementor-element.elementor-element-e5abbef .woocommerce-breadcrumb > a{color:#3A4A3C;}.elementor-7 .elementor-element.elementor-element-d632440{--display:flex;--padding-top:15px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-7 .elementor-element.elementor-element-55a4886 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:50px;font-weight:800;color:#14241A;}.elementor-7 .elementor-element.elementor-element-1c0a2adb{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-7 .elementor-element.elementor-element-d7e8cdf{--update-cart-automatically-display:none;--order-summary-quantity-border-weight:0px;}.elementor-7 .elementor-element.elementor-element-d7e8cdf .coupon .input-text, .elementor-7 .elementor-element.elementor-element-d7e8cdf .cart-collaterals .input-text, .elementor-7 .elementor-element.elementor-element-d7e8cdf select, .elementor-7 .elementor-element.elementor-element-d7e8cdf .select2-selection--single{border-style:none;}.elementor-7 .elementor-element.elementor-element-d7e8cdf .e-cart-totals{--sections-border-type:solid;border-width:2px 2px 2px 2px;--sections-border-color:#000000;--sections-border-radius:17px 17px 17px 17px;--sections-padding:-3px -3px -3px -3px;}:root{--page-title-display:none;}/* Start custom CSS for woocommerce-cart, class: .elementor-element-d7e8cdf *//* ===== Whole cart card ===== */
.woocommerce-cart-form {
  border: none !important;
  border-radius: 18px !important;
  background: none !important;
  overflow: hidden !important;
}

/* ===== Hide headers, hide any non-product rows ===== */
table.shop_table.cart thead {
  display: none !important;
}
table.shop_table.cart tbody tr:not(.cart_item) {
  display: none !important;
}

/* ===== Each product row: corrected grid card (no more overlapping) ===== */
table.shop_table.cart tbody tr.cart_item {
  display: grid !important;
  grid-template-columns: 88px 1fr auto auto;
  grid-template-rows: auto auto auto;
  grid-template-areas:
    "thumb name  name   total"
    "thumb price price  total"
    "thumb qty   remove total";
  column-gap: 18px;
  row-gap: 6px;
  align-items: center;
  border: 2px solid #14241A !important;
  border-radius: 18px !important;
  background: #fff !important;
  padding: 16px !important;
  margin-bottom: 16px !important;
}

table.shop_table.cart tbody tr.cart_item td {
  display: block !important;
  border: none !important;
  padding: 0 !important;
}

table.shop_table.cart tbody tr.cart_item td.product-thumbnail {
  grid-area: thumb;
  grid-row: 1 / span 3;
}
table.shop_table.cart tbody tr.cart_item td.product-thumbnail img {
  width: 88px !important;
  height: 88px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  border: 2px solid #14241A !important;
}

table.shop_table.cart tbody tr.cart_item td.product-name {
  grid-area: name;
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-weight: 800 !important;
  font-size: 17px !important;
  color: #14241A !important;
}
table.shop_table.cart tbody tr.cart_item td.product-name a {
  color: #14241A !important;
  text-decoration: none !important;
}

table.shop_table.cart tbody tr.cart_item td.product-price {
  grid-area: price;
  font-family: 'Archivo', sans-serif !important;
  font-size: 12.5px !important;
  color: #3a4a3c !important;
}

table.shop_table.cart tbody tr.cart_item td.product-quantity {
  grid-area: qty;
}
table.shop_table.cart tbody tr.cart_item td.product-quantity .quantity {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #F6ECD6 !important;
  border: 2px solid #14241A !important;
  border-radius: 999px !important;
  padding: 4px 8px !important;
}

table.shop_table.cart tbody tr.cart_item td.product-remove {
  grid-area: remove;
  align-self: center;
}
table.shop_table.cart tbody tr.cart_item td.product-remove a {
  color: #8a5a3a !important;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 600 !important;
  font-size: 12.5px !important;
}

table.shop_table.cart tbody tr.cart_item td.product-subtotal {
  grid-area: total;
  grid-row: 1 / span 3;
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-weight: 800 !important;
  font-size: 19px !important;
  color: #14241A !important;
  white-space: nowrap !important;
  justify-self: end;
}

/* ===== Totals box ===== */
.cart_totals {
  border: none !important;
  border-radius: 18px !important;
  background: #fff !important;
  padding: 24px !important;
}
.e-cart__totals {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}

/* ===== Coupon ===== */
.coupon input.input-text {
  border: 2px solid rgba(20,36,26,.25) !important;
  border-radius: 12px !important;
  background: #F6ECD6 !important;
  padding: 12px 14px !important;
}
.coupon button {
  border: 2px solid #14241A !important;
  background: #14241A !important;
  color: #F6ECD6 !important;
  border-radius: 12px !important;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  padding: 12px 20px !important;
}

/* ===== Checkout button + lock icon ===== */
a.checkout-button {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid #14241A !important;
  background: #FF6A1A !important;
  color: #14241A !important;
  padding: 17px !important;
  border-radius: 999px !important;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}
a.checkout-button::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://ottomanroastery.com/wp-content/uploads/2026/08/icon-lock-ink.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
}
/* Fix: one unified quantity pill instead of 2 separate borders */
table.shop_table.cart tbody tr.cart_item td.product-quantity {
  grid-area: qty;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #F6ECD6 !important;
  border: 2px solid #14241A !important;
  border-radius: 999px !important;
  padding: 4px 8px !important;
  width: fit-content !important;
}

table.shop_table.cart tbody tr.cart_item td.product-quantity .quantity {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

table.shop_table.cart tbody tr.cart_item td.product-quantity input.qty {
  background: transparent !important;
  border: none !important;
  width: 24px !important;
  text-align: center !important;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 800 !important;
  color: #14241A !important;
  padding: 0 !important;
}

table.shop_table.cart tbody tr.cart_item td.product-quantity button,
table.shop_table.cart tbody tr.cart_item td.product-quantity .plus,
table.shop_table.cart tbody tr.cart_item td.product-quantity .minus {
  background: transparent !important;
  border: none !important;
  color: #14241A !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  padding: 4px 6px !important;
}

/* Add "Remove" text next to the × */
table.shop_table.cart tbody tr.cart_item td.product-remove a::after {
  content: "Remove";
  margin-left: 4px;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 600 !important;
  font-size: 12.5px !important;
  color: #8a5a3a !important;
}

/* Reinforce price fonts on the actual inner price span, not just the wrapper */
table.shop_table.cart tbody tr.cart_item td.product-subtotal,
table.shop_table.cart tbody tr.cart_item td.product-subtotal .woocommerce-Price-amount,
table.shop_table.cart tbody tr.cart_item td.product-subtotal bdi {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-weight: 800 !important;
  font-size: 19px !important;
  color: #14241A !important;
}

table.shop_table.cart tbody tr.cart_item td.product-price,
table.shop_table.cart tbody tr.cart_item td.product-price .woocommerce-Price-amount,
table.shop_table.cart tbody tr.cart_item td.product-price bdi {
  font-family: 'Archivo', sans-serif !important;
  font-weight: 400 !important;
  font-size: 12.5px !important;
  color: #3a4a3c !important;
}
/* Fix: cart form container shouldn't have its own white background */
.woocommerce-cart-form {
  background: transparent !important;
  border: none !important;
}

/* Cart Totals row fonts */
.cart_totals table.shop_table th,
.cart_totals table.shop_table td {
  font-family: 'Archivo', sans-serif !important;
  font-size: 15px !important;
  color: #3a4a3c !important;
  border: none !important;
}

.cart_totals table.shop_table td,
.cart_totals table.shop_table .woocommerce-Price-amount {
  font-weight: 700 !important;
  color: #14241A !important;
}

.cart_totals table.shop_table tr.order-total th,
.cart_totals table.shop_table tr.order-total td,
.cart_totals table.shop_table tr.order-total .woocommerce-Price-amount {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-weight: 800 !important;
  font-size: 24px !important;
  color: #14241A !important;
  border-top: 2px solid #14241A !important;
  padding-top: 12px !important;
}

/* Make EGP symbol match the number's weight/size in product cards */
table.shop_table.cart .woocommerce-Price-currencySymbol {
  font: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
}

/* Add "each" after the unit price */
table.shop_table.cart tbody tr.cart_item td.product-price::after {
  content: " each";
}
@media (max-width: 860px) {
  /* Kill WooCommerce's default "Product:", "Price:", "Quantity:" mobile labels */
  table.shop_table.cart tbody tr.cart_item td::before {
    content: none !important;
    display: none !important;
  }

  /* Switch to a simple stacked layout on mobile instead of the 4-column grid */
  table.shop_table.cart tbody tr.cart_item {
    grid-template-columns: 72px 1fr !important;
    grid-template-areas:
      "thumb name"
      "thumb price"
      "thumb qty"
      "total total"
      "remove remove" !important;
    row-gap: 8px !important;
  }

  table.shop_table.cart tbody tr.cart_item td.product-thumbnail img {
    width: 72px !important;
    height: 72px !important;
  }

  table.shop_table.cart tbody tr.cart_item td.product-subtotal {
    grid-row: auto !important;
    justify-self: start !important;
    font-size: 22px !important;
  }

  table.shop_table.cart tbody tr.cart_item td.product-remove {
    justify-self: start !important;
  }
}
.woocommerce-shipping-calculator a,
.cart_totals a:not(.checkout-button) {
  color: #FF6A1A !important;
}
.woocommerce-shipping-calculator button,
.cart_totals button[name="calc_shipping"] {
  border: 2px solid #14241A !important;
  background: #14241A !important;
  color: #F6ECD6 !important;
  border-radius: 999px !important;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  padding: 12px 24px !important;
}
.woocommerce-shipping-calculator select,
.cart_totals select {
  border: 2px solid #14241A !important;
  border-radius: 12px !important;
  background: #F6ECD6 !important;
  padding: 12px 14px !important;
  font-family: 'Archivo', sans-serif !important;
  color: #14241A !important;
}
.woocommerce-shipping-calculator select,
.cart_totals select {
  border: 2px solid #14241A !important;
  border-radius: 12px !important;
  background: #F6ECD6 !important;
  padding: 12px 14px !important;
  font-family: 'Archivo', sans-serif !important;
  color: #14241A !important;
}
/* Hide the default × character */
table.shop_table.cart tbody tr.cart_item td.product-remove a {
  font-size: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}

/* Add the trash icon in its place */
table.shop_table.cart tbody tr.cart_item td.product-remove a::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url('https://ottomanroastery.com/wp-content/uploads/2026/08/icon-delete-brown.png');
  background-size: contain;
  background-repeat: no-repeat;
}

/* "Remove" text stays visible at its own font-size */
table.shop_table.cart tbody tr.cart_item td.product-remove a::after {
  content: "Remove";
  font-size: 12.5px !important;
  font-family: 'Archivo', sans-serif !important;
  font-weight: 600 !important;
  color: #8a5a3a !important;
}
.e-shop-table.e-cart-section {
  background: transparent !important;
  border: none !important;
}
@media (max-width: 860px) {
  table.shop_table.cart tbody tr.cart_item td::before { content: none !important; display: none !important; }

  table.shop_table.cart tbody tr.cart_item {
    grid-template-columns: 72px 1fr !important;
    grid-template-areas:
      "thumb name"
      "thumb price"
      "thumb qty"
      "total total"
      "remove remove" !important;
    row-gap: 8px !important;
    column-gap: 14px !important;
  }

  table.shop_table.cart tbody tr.cart_item td.product-thumbnail img {
    width: 72px !important;
    height: 72px !important;
  }

  table.shop_table.cart tbody tr.cart_item td.product-name,
  table.shop_table.cart tbody tr.cart_item td.product-price,
  table.shop_table.cart tbody tr.cart_item td.product-quantity,
  table.shop_table.cart tbody tr.cart_item td.product-subtotal,
  table.shop_table.cart tbody tr.cart_item td.product-remove {
    text-align: left !important;
    justify-self: start !important;
  }

  table.shop_table.cart tbody tr.cart_item td.product-quantity {
    width: fit-content !important;
  }

  table.shop_table.cart tbody tr.cart_item td.product-subtotal {
    grid-row: auto !important;
    font-size: 22px !important;
  }
}
/* Fix double border above Total (both the cell and the inner price span had their own border-top) */
.cart_totals tr.order-total .woocommerce-Price-amount {
  border-top: none !important;
}

/* Style the Country/State Select2 dropdowns in the shipping calculator (mirrors the Checkout fix) */
.woocommerce-shipping-calculator .select2-container .select2-selection--single {
  border: 2px solid #14241A !important;
  border-radius: 12px !important;
  background: #F6ECD6 !important;
  height: auto !important;
  padding: 12px 14px !important;
}
.woocommerce-shipping-calculator .select2-selection__rendered {
  padding: 0 !important;
  color: #14241A !important;
  font-family: 'Archivo', sans-serif !important;
  line-height: normal !important;
}
.woocommerce-shipping-calculator .select2-selection__arrow {
  height: 100% !important;
}

/* Style City / Postcode text inputs — currently completely unstyled */
.woocommerce-shipping-calculator input.input-text {
  border: 2px solid #14241A !important;
  border-radius: 12px !important;
  background: #F6ECD6 !important;
  padding: 12px 14px !important;
  font-family: 'Archivo', sans-serif !important;
  color: #14241A !important;
  width: 100% !important;
}
.coupon.e-cart-section {
  border: 2px solid #14241A !important;
  border-radius: 18px !important;
  background: #fff !important;
}
.cart_totals h2 {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-weight: 800 !important;
  font-size: 26px !important;
  color: #14241A !important;
}
#calc_shipping_postcode_field {
  display: none !important;
}
.select2-dropdown {
  border: 2px solid #14241A !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
.select2-search__field {
  border: 2px solid rgba(20,36,26,.25) !important;
  border-radius: 8px !important;
  padding: 8px 10px !important;
  font-family: 'Archivo', sans-serif !important;
}
.select2-results__option {
  font-family: 'Archivo', sans-serif !important;
  color: #14241A !important;
  padding: 10px 14px !important;
}
.select2-results__option--highlighted,
.select2-results__option[aria-selected="true"] {
  background: #14241A !important;
  color: #F6ECD6 !important;
}/* End custom CSS */