/* =========================================================
   FYAH MAWI — COMMERCE CART
   Header dropdown + full cart page
   ========================================================= */

/* ---------- Header cart summary ---------- */

.site-header__cart {
  position: relative;
  display: flex;
  align-items: center;
}

.site-header__cart > .block > h2,
.site-header__cart .block__title,
.site-header__cart [id^="block-"] > h2 {
  display: none !important;
}

.site-header__cart a {
  color: #fff;
  text-decoration: none;
}

/* ---------- Header cart dropdown ---------- */

.site-header__cart .cart-block--contents {
  position: absolute;
  z-index: 1000;
  top: calc(100% + 0.75rem);
  right: 0;
  width: min(24rem, calc(100vw - 2rem));
  padding: 1.1rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: #0a0a0a;
  color: #fff;
  box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.65);
}

.site-header__cart .cart-block--contents,
.site-header__cart .cart-block--contents *,
.site-header__cart .cart-block--contents__items,
.site-header__cart .cart-block--contents__items * {
  color: #fff;
}

.site-header__cart .cart-block--contents a {
  color: #fff;
}

.site-header__cart .cart-block--contents a:hover,
.site-header__cart .cart-block--contents a:focus-visible {
  color: #b8e600;
}

.site-header__cart .cart-block--contents__items {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-header__cart .cart-block--contents__items li {
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.site-header__cart .cart-block--contents__links {
  margin-top: 1rem;
}

.site-header__cart .cart-block--contents__links a {
  display: inline-flex;
  min-height: 2.5rem;
  align-items: center;
  justify-content: center;
  padding: 0.6rem 1rem;
  border: 1px solid #b8e600;
  color: #b8e600;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.site-header__cart .cart-block--contents__links a:hover,
.site-header__cart .cart-block--contents__links a:focus-visible {
  background: #b8e600;
  color: #080808;
}

/* ---------- Cart page shell ---------- */

.path-cart main,
.path-cart .main-content,
.path-cart .layout-content {
  color: #fff;
}

.path-cart .view-commerce-cart-form,
.path-cart .commerce-cart-form {
  width: min(100% - 2rem, 76rem);
  margin: 0 auto;
  padding: clamp(2rem, 5vw, 4rem) 0;
}

/* ---------- Cart table ---------- */

.path-cart table {
  width: 100%;
  border-collapse: collapse;
  background: transparent;
  color: #fff;
}

.path-cart thead {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.path-cart th {
  padding: 0.85rem 0.75rem;
  color: #b8e600;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-align: left;
  text-transform: uppercase;
}

.path-cart td {
  padding: 1rem 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
  vertical-align: middle;
}

.path-cart td a {
  color: #fff;
  font-weight: 800;
  text-decoration: none;
}

.path-cart td a:hover,
.path-cart td a:focus-visible {
  color: #b8e600;
}

/* ---------- Quantity and form controls ---------- */

.path-cart input[type="number"],
.path-cart input.form-number {
  width: 5rem;
  min-height: 2.5rem;
  padding: 0.45rem 0.65rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: #111;
  color: #fff;
}

.path-cart input[type="submit"],
.path-cart .button {
  min-height: 2.65rem;
  padding: 0.65rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: transparent;
  color: #fff;
  font-weight: 850;
  letter-spacing: 0.055em;
  cursor: pointer;
  text-transform: uppercase;
}

.path-cart input[type="submit"]:hover,
.path-cart input[type="submit"]:focus-visible,
.path-cart .button:hover,
.path-cart .button:focus-visible {
  border-color: #b8e600;
  color: #b8e600;
}

.path-cart .form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.path-cart .form-actions .button--primary,
.path-cart .form-actions input[value="Checkout"] {
  border-color: #b8e600;
  background: #b8e600;
  color: #080808;
}

.path-cart .form-actions .button--primary:hover,
.path-cart .form-actions input[value="Checkout"]:hover {
  background: #fff;
  border-color: #fff;
  color: #080808;
}

/* ---------- Order summary ---------- */

.path-cart .order-total-line {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  padding: 0.25rem 0;
  color: rgba(255, 255, 255, 0.76);
}

.path-cart .order-total-line__subtotal,
.path-cart .order-total-line__total {
  min-width: 7rem;
  text-align: right;
}

.path-cart .order-total-line__total {
  color: #fff;
  font-size: 1.15rem;
  font-weight: 900;
}

/* ---------- Empty cart ---------- */

.path-cart .view-empty {
  width: min(100% - 2rem, 76rem);
  margin: 0 auto;
  padding: 4rem 0;
  color: rgba(255, 255, 255, 0.76);
}

/* ---------- Responsive cart ---------- */

@media (max-width: 700px) {
  .path-cart .view-commerce-cart-form,
  .path-cart .commerce-cart-form {
    overflow-x: auto;
  }

  .path-cart table {
    min-width: 42rem;
  }

  .site-header__cart .cart-block--contents {
    position: fixed;
    top: 5rem;
    right: 1rem;
    left: 1rem;
    width: auto;
  }
}

/* ===== FYAH MAWI CART PAYMENT PANEL ===== */

.path-cart .drupal-content {
  width: min(100% - 2rem, 86rem);
  margin-inline: auto;
  padding: clamp(2rem, 5vw, 4rem) 0;
}

.path-cart .cart-form,
.path-cart .views-element-container,
.path-cart .views-form,
.path-cart .views-form form {
  width: 100%;
  max-width: none;
}

.path-cart .views-form form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(20rem, 27rem);
  gap: 1.25rem 3rem;
  align-items: start;
}

.path-cart .views-form table {
  grid-column: 1;
  grid-row: 1;
}

.path-cart [data-drupal-selector="order-total-summary"] {
  grid-column: 2;
  grid-row: 1;
  padding: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(12, 13, 12, 0.94);
}

.path-cart .form-actions {
  grid-column: 1;
  grid-row: 2;
  margin-top: 0;
}

.path-cart #paypal-buttons-container {
  position: relative;
  z-index: 0;
  grid-column: 2;
  grid-row: 2 / span 2;
  width: 100%;
  min-height: 9rem;
  margin: 0;
  padding: 1.25rem;
  clear: both;
  border: 1px solid rgba(217, 170, 38, 0.35);
  background: rgba(12, 13, 12, 0.96);
  overflow: visible;
}

.path-cart #paypal-buttons-container::before {
  display: block;
  margin-bottom: 1rem;
  color: #d9aa26;
  content: "SECURE PAYMENT";
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.path-cart #paypal-buttons-container iframe {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
}

.path-cart .site-footer {
  position: relative;
  z-index: 0;
  clear: both;
  margin-top: 2.5rem;
}

@media (max-width: 900px) {
  .path-cart .views-form form {
    display: block;
  }

  .path-cart [data-drupal-selector="order-total-summary"] {
    margin-top: 1.5rem;
  }

  .path-cart .form-actions {
    margin-block: 1.5rem;
  }

  .path-cart #paypal-buttons-container {
    min-height: 9rem;
    margin-top: 1.5rem;
  }
}

@media (max-width: 700px) {
  .path-cart .drupal-content {
    width: calc(100% - 1rem);
  }

  .path-cart .views-form {
    overflow-x: visible;
  }

  .path-cart table {
    min-width: 0;
  }

  .path-cart table,
  .path-cart thead,
  .path-cart tbody,
  .path-cart tr,
  .path-cart th,
  .path-cart td {
    display: block;
    width: 100%;
  }

  .path-cart thead {
    display: none;
  }

  .path-cart tr {
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
  }

  .path-cart td {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.65rem 0;
  }

  .path-cart td::before {
    color: #b8e600;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .path-cart td:nth-child(1)::before { content: "Item"; }
  .path-cart td:nth-child(2)::before { content: "Price"; }
  .path-cart td:nth-child(3)::before { content: "Quantity"; }
  .path-cart td:nth-child(4)::before { content: "Remove"; }
  .path-cart td:nth-child(5)::before { content: "Total"; }
}

/* ===== BEGIN MIGRATED MOBILE OWNERSHIP ===== */

/* Exact responsive rules migrated from the former global mobile compatibility layer. */

@media (max-width: 640px) {
  /* Cart and checkout. */

    .path-cart .view-commerce-cart-form
  {
        width: calc(100% - 2rem);
        margin-inline: auto;

  }

  .path-cart .commerce-cart-form
  {
        width: calc(100% - 2rem);
        margin-inline: auto;

  }

}

/* ===== END MIGRATED MOBILE OWNERSHIP ===== */