/* ==========================================================================
   WebCare360 — order form dark skin v3 (webcare360_cart)
   Three plan layouts (selected in products.tpl by product group):
     .wc-layout-wide  — two-column card: price left / checks right
     .wc-layout-rows  — horizontal spec rows with price-pill CTA (VPS)
     .wc-layout-tall  — vertical 4-across pricing columns (hosting)
   amber #FFB65F · card #202020 · SVG check squares (font-independent)
   ========================================================================== */

/* Shared: SVG amber check square (replaces FA glyph — renders identically
   everywhere, matches the reference checkbox exactly) */
#order-standard_cart .products .wc-plan .product-desc ul li::before,
#order-standard_cart .products .wc-tall .product-desc ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 15px;
  height: 15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Crect width='18' height='18' rx='4' fill='%23FFB65F'/%3E%3Cpath d='M5 9.5l2.3 2.3L13 6.3' stroke='%231a1a1a' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* Full-width store (sidebar removed in products.tpl) */
#order-standard_cart .wc-store .cart-body.wc-fullwidth {
  width: 100%;
  float: none;
  margin: 0;
  padding: 0 15px;
}

#order-standard_cart .wc-plans-row {
  display: flex;
  flex-wrap: wrap;
}
#order-standard_cart .wc-plan-col {
  display: flex;
  margin-bottom: 26px;
}

/* Card shell (all layouts) */
#order-standard_cart .products .product.wc-plan {
  width: 100%;
  margin: 0;
  background: #222222;
  border: 1px solid #2a2a2e;
  border-radius: 8px;
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
#order-standard_cart .products .product.wc-plan:hover {
  border-color: rgba(255, 182, 95, 0.55);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.4);
}
#order-standard_cart .products .product.wc-plan header {
  background: transparent;
  border: 0;
  padding: 0;
  text-align: left;
}
#order-standard_cart .products .product.wc-plan header span {
  color: #fff;
  font-weight: 600;
}
#order-standard_cart .products .product.wc-plan header .qty {
  display: block;
  font-size: 0.72rem;
  color: #8a8f98;
  font-weight: 400;
}
#order-standard_cart .wc-price-note {
  display: block;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #FFB65F;
  font-weight: 600;
  margin-bottom: 4px;
}
#order-standard_cart .wc-setup-fee {
  display: block;
  font-size: 0.78rem;
  color: #8a8f98;
  margin-top: 8px;
}

/* ==========================================================================
   WIDE — two-column card: name/price/CTA left, checks right
   ========================================================================== */
#order-standard_cart .products .product.wc-wide {
  padding: 26px 30px;
  display: grid;
  grid-template-columns: minmax(240px, 5fr) 7fr;
  grid-template-areas:
    "head  feat"
    "price feat";
  grid-template-rows: auto 1fr;
  column-gap: 30px;
}
#order-standard_cart .products .product.wc-wide header {
  grid-area: head;
}
#order-standard_cart .products .product.wc-wide header span {
  font-size: 1.3rem;
}
#order-standard_cart .products .product.wc-wide .wc-plan-price {
  grid-area: price;
  text-align: left;
  padding: 14px 0 0;
  border: 0;
  align-self: start;
}
#order-standard_cart .products .product.wc-wide .product-pricing span.price {
  display: block;
  font-size: 2.2rem;
  font-weight: 600;
  color: #FFB65F;
  line-height: 1.1;
}
#order-standard_cart .products .product.wc-wide .wc-price-cycle {
  display: block;
  font-size: 0.88rem;
  color: #9aa0a8;
  margin: 10px 0 26px;
}
#order-standard_cart .products .product.wc-wide .product-desc {
  grid-area: feat;
  padding: 0 0 0 40px;
  border-left: 1px solid #2e2e32;
}
@media (max-width: 767px) {
  #order-standard_cart .products .product.wc-wide {
    grid-template-columns: 1fr;
    grid-template-areas: "head" "price" "feat";
    padding: 26px 22px;
  }
  #order-standard_cart .products .product.wc-wide .product-desc {
    border-left: 0;
    padding: 22px 0 0;
    margin-top: 22px;
    border-top: 1px solid #2e2e32;
  }
}

/* ==========================================================================
   ROWS — VPS spec rows: name | compact 2-col feature list | price-pill CTA
   ========================================================================== */
#order-standard_cart .products .product.wc-row {
  padding: 22px 30px;
  display: flex;
  align-items: center;
  gap: 30px;
}
#order-standard_cart .products .product.wc-row header {
  flex: 0 0 170px;
}
#order-standard_cart .products .product.wc-row header span {
  font-size: 1.25rem;
}
#order-standard_cart .products .product.wc-row .wc-row-specs {
  flex: 1 1 auto;
  padding: 4px 30px;
  border-left: 1px solid #2e2e32;
  border-right: 1px solid #2e2e32;
  min-width: 0;
}
#order-standard_cart .products .product.wc-row .wc-row-desc {
  color: #9aa0a8;
  font-size: 0.85rem;
  margin-bottom: 8px;
}
#order-standard_cart .products .product.wc-row .wc-row-specs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  column-gap: 6%;
}
#order-standard_cart .products .product.wc-row .wc-row-specs ul li {
  flex: 0 0 47%;
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 5px 0;
  border: 0;
  font-size: 0.95rem;
  line-height: 1.5;
  color: #b9bdc4;
}
#order-standard_cart .products .product.wc-row .wc-row-specs ul li::before {
  display: none;
}
#order-standard_cart .products .product.wc-row .wc-spec-label {
  color: #8a8f98;
  flex: 0 0 84px;
}
#order-standard_cart .products .product.wc-row .wc-spec-value {
  font-weight: 600;
  color: #fff;
}
#order-standard_cart .products .product.wc-row .wc-spec-text {
  color: #d7dae0;
}
#order-standard_cart .products .product.wc-row .wc-spec-text.feature-value {
  font-weight: 500;
}
#order-standard_cart .products .product.wc-row li.wc-spec-single .wc-spec-text[style],
#order-standard_cart .products .product.wc-row li.wc-spec-single span[style] {
  font-size: 0.8rem;
}
@media (max-width: 575px) {
  #order-standard_cart .products .product.wc-row .wc-row-specs ul li {
    flex-basis: 100%;
  }
}

#order-standard_cart .products .product.wc-row .wc-row-price {
  flex: 0 0 auto;
  text-align: center;
}
#order-standard_cart .wc-row-cta {
  display: inline-block;
  padding: 12px 26px;
  background: transparent;
  border: 1px solid #FFB65F;
  border-radius: 50rem;
  color: #FFB65F;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
#order-standard_cart .wc-row-cta .wc-row-cycle {
  font-size: 0.95rem;
  font-weight: 600;
}
#order-standard_cart .wc-row-cta:hover,
#order-standard_cart .wc-row-cta:focus {
  background: #FFB65F;
  color: #181818;
}
@media (max-width: 991px) {
  #order-standard_cart .products .product.wc-row {
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
    padding: 22px;
  }
  #order-standard_cart .products .product.wc-row header {
    flex: 0 0 auto;
  }
  #order-standard_cart .products .product.wc-row .wc-row-specs {
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #2e2e32;
    border-bottom: 1px solid #2e2e32;
    padding: 16px 0;
  }
}


/* ==========================================================================
   TALL — vertical pricing columns, 4 across
   ========================================================================== */
#order-standard_cart .wc-layout-tall .wc-plan-col {
  display: flex;
}
#order-standard_cart .products .product.wc-tall {
  padding: 30px 26px;
  display: flex;
  flex-direction: column;
}
#order-standard_cart .products .product.wc-tall header span {
  font-size: 1.2rem;
}
#order-standard_cart .products .product.wc-tall .wc-tall-desc {
  color: #9aa0a8;
  font-size: 0.85rem;
  line-height: 1.6;
  margin: 8px 0 0;
  min-height: 44px;
}
#order-standard_cart .products .product.wc-tall .wc-plan-price {
  text-align: left;
  padding: 18px 0 22px;
  border: 0;
  border-bottom: 1px solid #2e2e32;
  margin-bottom: 18px;
}
#order-standard_cart .products .product.wc-tall .product-pricing span.price {
  display: block;
  font-size: 2.1rem;
  font-weight: 600;
  color: #FFB65F;
  line-height: 1.1;
}
#order-standard_cart .products .product.wc-tall .wc-price-cycle {
  display: block;
  font-size: 0.92rem;
  color: #9aa0a8;
  margin: 8px 0 20px;
}
#order-standard_cart .products .product.wc-tall .wc-plan-cta {
  display: block;
  width: 100%;
  text-align: center;
}
#order-standard_cart .products .product.wc-tall .product-desc {
  padding: 0;
  border: 0;
  flex: 1;
}

/* ==========================================================================
   Shared: check feature lists (wide + tall) + CTA pill
   ========================================================================== */
#order-standard_cart .products .product.wc-plan .product-desc ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#order-standard_cart .products .product.wc-plan .product-desc ul li {
  padding: 8px 0 8px 32px;
  position: relative;
  font-size: 0.98rem;
  color: #b9bdc4;
  border: 0;
}
#order-standard_cart .products .product.wc-plan span.feature-value {
  font-weight: 600;
  color: #e9ecef;
}
#order-standard_cart .products .product.wc-plan .product-desc p {
  color: #9aa0a8;
  font-size: 0.9rem;
}
#order-standard_cart .wc-plan-cta,
#order-standard_cart .wc-plan-cta.btn-success {
  display: inline-block;
  min-width: 180px;
  padding: 13px 34px;
  font-size: 1.02rem;
  font-weight: 600;
  background: transparent;
  border: 1px solid #FFB65F;
  border-radius: 50rem;
  color: #FFB65F;
  text-align: center;
}
#order-standard_cart .wc-plan-cta:hover,
#order-standard_cart .wc-plan-cta:focus {
  background: #FFB65F;
  border-color: #FFB65F;
  color: #181818;
}
#order-standard_cart .wc-plan-cta .fa-shopping-cart {
  display: none;
}

/* De-emphasize compliance/AUP text */
#order-standard_cart .products .product.wc-plan .product-desc u,
#order-standard_cart .products .product.wc-plan .product-desc li u {
  text-decoration: none;
  font-size: 0.74rem;
  line-height: 1.4;
  color: #5f6570;
  font-weight: 400;
}

/* --------------------------------------------------------------------------
   Page heading, cart/checkout surfaces
-------------------------------------------------------------------------- */
#order-standard_cart .header-lined h1 {
  color: #fff;
  border-bottom: 2px solid #FFB65F;
  padding-bottom: 10px;
}
#order-standard_cart .header-lined p {
  color: #9aa0a8;
}
#order-standard_cart .view-cart-items-header,
#order-standard_cart .view-cart-items .item,
#order-standard_cart .summary-container,
#order-standard_cart .sub-heading span,
#order-standard_cart .order-summary {
  background-color: #1a1a1a;
  border-color: #2a2a2e;
  color: #d7dae0;
}
#order-standard_cart .summary-container .subtotal,
#order-standard_cart .summary-container .total-due-today {
  color: #fff;
}
#order-standard_cart .btn-checkout,
#order-standard_cart .btn.btn-primary {
  background: transparent;
  border: 1px solid #FFB65F;
  color: #FFB65F;
  border-radius: 50rem;
  font-weight: 600;
}
#order-standard_cart .btn-checkout:hover,
#order-standard_cart .btn.btn-primary:hover {
  background: #FFB65F;
  border-color: #FFB65F;
  color: #181818;
}
#order-standard_cart .empty-cart .btn {
  border-radius: 50rem;
}

/* ==========================================================================
   v4 — values from the Elementor kit (site-settings + templates)
   ========================================================================== */

/* Feature text at kit body size: Poppins 400 18/32 */
#order-standard_cart .products .product.wc-plan .product-desc ul li {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  padding: 4px 0 4px 30px;
}
#order-standard_cart .products .product.wc-plan .product-desc ul li::before {
  top: 10px;
}
#order-standard_cart .products .product.wc-plan span.feature-value {
  font-weight: 600;
  color: #fff;
}

/* Group header: amber badge pill (kit surface #4F3E29) + centered title */
#order-standard_cart .wc-store-header {
  text-align: center;
  border: 0;
  margin-bottom: 34px;
  animation: wcFadeUp 0.6s ease both;
}
#order-standard_cart .wc-group-badge {
  display: inline-block;
  background: #4F3E29;
  color: #FFB65F;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 8px 22px;
  border-radius: 20px;
  margin-bottom: 18px;
}
#order-standard_cart .wc-store-header h1 {
  border: 0;
  padding-bottom: 0;
  font-weight: 600;
}

/* Dynamic tall-column widths by plan count */
@media (min-width: 992px) {
  .wc-layout-tall .wc-plan-col { flex: 0 0 25%; max-width: 25%; }
  .wc-layout-tall.wc-count-1 .wc-plan-col { flex: 0 0 50%; max-width: 50%; margin-left: auto; margin-right: auto; }
  .wc-layout-tall.wc-count-2 .wc-plan-col { flex: 0 0 50%; max-width: 50%; }
  .wc-layout-tall.wc-count-3 .wc-plan-col { flex: 0 0 33.3333%; max-width: 33.3333%; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .wc-layout-tall .wc-plan-col { flex: 0 0 50%; max-width: 50%; }
}

/* Entrance animation: kit uses fadeInUp with 100–500ms staggered delays */
@keyframes wcFadeUp {
  from { opacity: 0; transform: translateY(26px); }
  to   { opacity: 1; transform: none; }
}
#order-standard_cart .wc-plan-col {
  animation: wcFadeUp 0.6s ease both;
}
#order-standard_cart .wc-plan-col:nth-child(1) { animation-delay: 100ms; }
#order-standard_cart .wc-plan-col:nth-child(2) { animation-delay: 200ms; }
#order-standard_cart .wc-plan-col:nth-child(3) { animation-delay: 300ms; }
#order-standard_cart .wc-plan-col:nth-child(4) { animation-delay: 400ms; }
#order-standard_cart .wc-plan-col:nth-child(5) { animation-delay: 500ms; }
#order-standard_cart .wc-plan-col:nth-child(n+6) { animation-delay: 600ms; }
@media (prefers-reduced-motion: reduce) {
  #order-standard_cart .wc-plan-col,
  #order-standard_cart .wc-store-header { animation: none; }
}

/* Kit link-amber for secondary links inside the store */
#order-standard_cart a:not(.btn) {
  color: #E6A557;
}

/* ==========================================================================
   v17 — cart pages (register/renew/transfer/service-renewals), from actual
   markup. Cart stylesheets load AFTER the theme file, so these rules MUST
   live here — this file is the last stylesheet on cart pages.
   ========================================================================== */

/* Wrapper the whole TLD table sits in — literally class="bg-white" */
#order-standard_cart .bg-white,
#order-standard_cart .bg-light {
  background-color: #1a1a1a !important;
  color: #d7dae0 !important;
}

/* TLD pricing table */
#order-standard_cart .tld-pricing-header [class*="col-"] {
  background-color: #202020 !important;
  border-bottom: 4px solid #FFB65F !important;
  color: #fff !important;
  font-weight: 600;
}
#order-standard_cart .domain-pricing .tld-row,
#order-standard_cart .tld-row {
  background-color: #1a1a1a !important;
  border-bottom: 1px solid #2e2e32 !important;
  color: #d7dae0 !important;
}
#order-standard_cart .domain-pricing .tld-row.highlighted,
#order-standard_cart .tld-row.highlighted {
  background-color: #202020 !important;
}
#order-standard_cart .tld-row span,
#order-standard_cart .tld-row div {
  color: #d7dae0 !important;
  background: transparent !important;
}
#order-standard_cart .tld-row .price {
  color: #fff !important;
  font-weight: 600;
}

/* Category filter chips — they are a.badge.badge-secondary / badge-success */
#order-standard_cart .tld-filters .badge,
#order-standard_cart .tld-filters a.badge {
  background-color: #202020 !important;
  border: 1px solid #4e3f2e !important;
  color: #8a8f98 !important;
  border-radius: 20px !important;
  padding: 7px 14px !important;
  font-weight: 500 !important;
  font-size: 0.82rem !important;
}
#order-standard_cart .tld-filters .badge:hover,
#order-standard_cart .tld-filters .badge.badge-success,
#order-standard_cart .tld-filters .badge.active {
  background-color: rgba(255, 182, 95, 0.14) !important;
  border-color: #FFB65F !important;
  color: #FFB65F !important;
}

/* Featured / spotlight TLD cards (the white .com card) */
#order-standard_cart .featured-tld,
#order-standard_cart .spotlight-tld {
  background-color: #202020 !important;
  border: 1px solid #2e2e32 !important;
  border-radius: 10px;
  color: #d7dae0 !important;
}
#order-standard_cart .featured-tld .price,
#order-standard_cart .spotlight-tld .price {
  background-color: #15233d !important;
  color: #FFB65F !important;
  font-weight: 600;
}

/* Domain search banner — kill the orange gradient, brand-dark panel */
#order-standard_cart .domain-checker-bg {
  background: #181818 !important;
  background-image: none !important;
  border: 1px solid #3c3c3c !important;
  border-radius: 12px;
  padding: 46px 0 !important;
}
#order-standard_cart .domain-checker-bg .form-control {
  background-color: #202020 !important;
  border: 1px solid #3c3c3c !important;
  color: #d7dae0 !important;
}
#order-standard_cart .domain-checker-bg .btn,
#order-standard_cart .btn-primary,
#order-standard_cart .btn-add-to-cart {
  background: transparent !important;
  border: 1px solid #FFB65F !important;
  color: #FFB65F !important;
  border-radius: 50rem !important;
  font-weight: 600;
}
#order-standard_cart .domain-checker-bg .btn:hover,
#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-add-to-cart:hover {
  background: #FFB65F !important;
  color: #181818 !important;
}

/* Cart sidebar (Categories / Actions) — cart css has its own high-spec rules */
#order-standard_cart .cart-sidebar .panel-heading,
#order-standard_cart .cart-sidebar .card-header {
  background-color: #15233d !important;
  color: #fff !important;
  border-color: rgba(24, 109, 254, 0.25) !important;
}
#order-standard_cart .cart-sidebar .list-group-item {
  background-color: #1a1a1a !important;
  border-color: #2e2e32 !important;
  color: #d7dae0 !important;
}
#order-standard_cart .cart-sidebar .list-group-item i {
  color: #8a8f98 !important;
}
#order-standard_cart .cart-sidebar .list-group-item:hover,
#order-standard_cart .cart-sidebar .list-group-item.active {
  background-color: #3f3f3f !important;
  color: #FFB65F !important;
}
#order-standard_cart .cart-sidebar .list-group-item:hover i,
#order-standard_cart .cart-sidebar .list-group-item.active i {
  color: #FFB65F !important;
}

/* Suggested domains list + section divider lines */
#order-standard_cart .suggested-domains .list-group-item {
  background-color: #1a1a1a !important;
  border-color: #2e2e32 !important;
  color: #d7dae0 !important;
}
#order-standard_cart .sub-heading {
  border-top-color: #3c3c3c !important;
}
#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span {
  background-color: #101010 !important;
  color: #8a8f98 !important;
}
#order-standard_cart .text-muted {
  color: #8a8f98 !important;
}

/* v18 — domain search wrapper (.input-group-box ships white) */
#order-standard_cart .domain-checker-container .input-group-box {
  background-color: #202020 !important;
  border: 1px solid #3c3c3c !important;
  border-radius: 50rem !important;
  padding: 8px !important;
}
#order-standard_cart .domain-checker-container .input-group-box .form-control {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}