/* ==========================================================
   SolidHeberg — Dark / Glass overrides for "standard_cart"
   Loaded automatically by common.tpl if this file exists.
   ========================================================== */

:root{
  --sh-of-card-bg: var(--sh-card, rgba(12, 18, 40, .62));
  --sh-of-card-bg-2: rgba(255,255,255,.04);
  --sh-of-border: var(--sh-border, rgba(255,255,255,.10));
  --sh-of-text: var(--sh-text, rgba(255,255,255,.90));
  --sh-of-muted: rgba(255,255,255,.68);
  --sh-of-shadow: 0 18px 55px rgba(0,0,0,.38);
}

/* Force the orderform container to be transparent (so your page background shows) */
#order-standard_cart{
  background: transparent !important;
  color: var(--sh-of-text);
}

/* ----------------------------------------------------------
   Store product cards (the big white blocks on /store/..)
---------------------------------------------------------- */
#order-standard_cart .products .product,
.order-standard_cart .products .product{
  background: var(--sh-of-card-bg) !important;
  border: 1px solid var(--sh-of-border) !important;
  border-radius: 18px !important;
  box-shadow: var(--sh-of-shadow);
  overflow: hidden;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

#order-standard_cart .products .product header,
.order-standard_cart .products .product header{
  background: var(--sh-of-card-bg-2) !important;
  border-bottom: 1px solid var(--sh-of-border) !important;
  color: var(--sh-of-text) !important;
}

/* Titles/description inside cards */
#order-standard_cart .products .product .product-desc,
#order-standard_cart .products .product .product-pricing,
#order-standard_cart .products .product .product-name{
  color: var(--sh-of-text) !important;
}
#order-standard_cart .products .product .product-desc,
#order-standard_cart .products .product .product-pricing{
  background: transparent !important;
}

/* ----------------------------------------------------------
   Configure product page: "Product info" + "Order summary"
   (the large white rectangles on cart.php?a=confproduct)
---------------------------------------------------------- */
#order-standard_cart .product-info,
#order-standard_cart .product-info .product-info,
#order-standard_cart .summary-container,
#order-standard_cart .view-cart-items .item,
#order-standard_cart .domain-selection,
#order-standard_cart .domain-option,
#order-standard_cart .panel,
#order-standard_cart .panel-body,
#order-standard_cart .panel-footer,
#order-standard_cart .well{
  background: var(--sh-of-card-bg) !important;
  border-color: var(--sh-of-border) !important;
  color: var(--sh-of-text) !important;
  border-radius: 16px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

#order-standard_cart .panel-heading{
  background: var(--sh-of-card-bg-2) !important;
  border-color: var(--sh-of-border) !important;
  color: var(--sh-of-text) !important;
}

#order-standard_cart .summary-container{
  min-height: 110px;
}

#order-standard_cart .product-info p,
#order-standard_cart .summary-container p,
#order-standard_cart .summary-container span,
#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-items .item-title,
#order-standard_cart .view-cart-items .item-price{
  color: var(--sh-of-text) !important;
}

#order-standard_cart p,
#order-standard_cart label,
#order-standard_cart small,
#order-standard_cart .text-muted{
  color: var(--sh-of-muted) !important;
}

/* ----------------------------------------------------------
   Inputs / selects / textarea (often white by default)
---------------------------------------------------------- */
#order-standard_cart .form-control,
#order-standard_cart input.form-control,
#order-standard_cart select.form-control,
#order-standard_cart textarea.form-control,
#order-standard_cart .custom-select{
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--sh-of-border) !important;
  color: var(--sh-of-text) !important;
  border-radius: 14px !important;
}

#order-standard_cart .form-control:focus{
  box-shadow: 0 0 0 .2rem rgba(120, 150, 255, .20) !important;
}

/* Placeholder visibility */
#order-standard_cart ::placeholder{
  color: rgba(255,255,255,.55) !important;
}

/* ----------------------------------------------------------
   Tables (some steps show white table backgrounds)
---------------------------------------------------------- */
#order-standard_cart table,
#order-standard_cart .table{
  color: var(--sh-of-text) !important;
}
#order-standard_cart .table,
#order-standard_cart .table-striped > tbody > tr:nth-of-type(odd),
#order-standard_cart .table-striped > tbody > tr:nth-of-type(even){
  background: transparent !important;
}
#order-standard_cart .table > thead > tr > th,
#order-standard_cart .table > tbody > tr > td{
  border-color: var(--sh-of-border) !important;
}

/* ----------------------------------------------------------
   Buttons: keep them coherent with the rounded look
---------------------------------------------------------- */
#order-standard_cart .btn{
  border-radius: 14px !important;
}
#order-standard_cart .btn.btn-primary{
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
}

/* ----------------------------------------------------------
   Small "price / add" panels (addons)
---------------------------------------------------------- */
#order-standard_cart .panel-addon .panel-price{
  background: rgba(255,255,255,.06) !important;
  color: var(--sh-of-text) !important;
}