/*
 * QIW HOST Order Form — Professional SaaS-Grade Styles
 * Brand: #3365F3 blue + white | Font: Inter
 */

/* ===== GLOBAL ===== */
#order-standard_cart,
#order-standard_cart *:not(i):not([class*="fa"]):not([class*="glyphicon"]) {
  font-family: 'Inter', -apple-system, sans-serif !important;
}

#order-standard_cart {
  background: #f8fafc !important;
  padding: 30px 0 !important;
}

/* ===== PAGE HEADER ===== */
#order-standard_cart .header-lined {
  border: none !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
}

#order-standard_cart .header-lined h1 {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  letter-spacing: -0.5px !important;
  margin: 0 0 4px !important;
}

#order-standard_cart .secondary-cart-body > p:first-child {
  color: #64748b !important;
  font-size: 14px !important;
  margin-bottom: 24px !important;
}

/* ===== SECTION HEADINGS ===== */
#order-standard_cart .sub-heading {
  background: #f0f4ff !important;
  color: #1e3a8a !important;
  border-radius: 10px !important;
  padding: 12px 18px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  border: none !important;
  border-left: 4px solid #3365F3 !important;
  letter-spacing: 0.5px;
  text-transform: uppercase !important;
  margin-top: 28px !important;
  margin-bottom: 0 !important;
}

#order-standard_cart .sub-heading span {
  color: #1e3a8a !important;
  background: none !important;
  padding: 0 !important;
}

/* ===== SIDEBAR ===== */
#order-standard_cart .cart-sidebar {
  margin-bottom: 20px !important;
}

#order-standard_cart .cart-sidebar .panel,
#order-standard_cart .cart-sidebar .card {
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
  background: #fff !important;
  margin-bottom: 16px !important;
}

#order-standard_cart .cart-sidebar h3,
#order-standard_cart .cart-sidebar .panel-heading,
#order-standard_cart .cart-sidebar .card-header {
  color: #0f172a !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  background: #fff !important;
  border-bottom: 1px solid #f1f5f9 !important;
  padding: 14px 18px !important;
}

#order-standard_cart .cart-sidebar .list-group-item {
  border: none !important;
  border-bottom: 1px solid #f1f5f9 !important;
  padding: 11px 18px !important;
  font-size: 13.5px !important;
  color: #475569 !important;
  transition: all 0.15s !important;
  border-radius: 0 !important;
}

#order-standard_cart .cart-sidebar .list-group-item:hover {
  background: #eff6ff !important;
  color: #3365F3 !important;
  padding-left: 22px !important;
}

#order-standard_cart .cart-sidebar .list-group-item.active,
#order-standard_cart .cart-sidebar .list-group-item.active:hover {
  background: #eff6ff !important;
  color: #3365F3 !important;
  font-weight: 600 !important;
  border-left: 3px solid #3365F3 !important;
}

#order-standard_cart .cart-sidebar .list-group-item:last-child {
  border-bottom: none !important;
}

/* ===== PRODUCT INFO CARD ===== */
#order-standard_cart .product-info {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 20px 24px !important;
  margin-bottom: 24px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}

#order-standard_cart .product-info .product-title {
  font-weight: 700 !important;
  color: #0f172a !important;
  font-size: 18px !important;
  margin-bottom: 6px !important;
}

#order-standard_cart .product-info p {
  color: #64748b !important;
  font-size: 13px !important;
  margin-bottom: 0 !important;
  line-height: 1.6 !important;
}

/* ===== BILLING CYCLE ===== */
#order-standard_cart .field-container {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 20px 24px !important;
  margin-bottom: 24px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}

#order-standard_cart .field-container label {
  font-weight: 600 !important;
  color: #334155 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  margin-bottom: 8px !important;
}

#order-standard_cart .select-inline,
#order-standard_cart .custom-select {
  max-width: 340px !important;
  height: 46px !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  background: #fff !important;
  cursor: pointer !important;
  padding: 10px 16px !important;
  transition: all 0.2s !important;
}

#order-standard_cart .select-inline:focus,
#order-standard_cart .custom-select:focus {
  border-color: #3365F3 !important;
  box-shadow: 0 0 0 3px rgba(51,101,243,0.12) !important;
}

/* ===== FORM FIELDS ===== */
#order-standard_cart .form-control,
#order-standard_cart input[type="text"],
#order-standard_cart input[type="email"],
#order-standard_cart input[type="password"],
#order-standard_cart input[type="tel"],
#order-standard_cart select,
#order-standard_cart textarea {
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 11px 16px !important;
  font-size: 14px !important;
  color: #0f172a !important;
  background: #fff !important;
  height: 46px !important;
  transition: all 0.2s !important;
}

#order-standard_cart .form-control:focus,
#order-standard_cart input:focus,
#order-standard_cart select:focus {
  border-color: #3365F3 !important;
  box-shadow: 0 0 0 3px rgba(51,101,243,0.12) !important;
  outline: none !important;
}

#order-standard_cart label {
  font-weight: 600 !important;
  color: #334155 !important;
  font-size: 13px !important;
  margin-bottom: 6px !important;
}

/* ===== SERVER CONFIG CARD ===== */
#order-standard_cart .qiw-server-config {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 24px !important;
  margin-bottom: 24px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}

#order-standard_cart .qiw-server-config .form-group {
  margin-bottom: 20px !important;
}

#order-standard_cart .qiw-server-config label {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  font-size: 13px !important;
  margin-bottom: 6px !important;
}

#order-standard_cart .qiw-server-config label i {
  font-size: 13px !important;
  color: #94a3b8 !important;
}

#order-standard_cart .qiw-server-config .form-text {
  color: #94a3b8 !important;
  font-size: 11.5px !important;
  margin-top: 5px !important;
}

/* ===== PASSWORD FIELD ===== */
.qiw-password-wrapper {
  position: relative !important;
}

.qiw-password-actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 8px !important;
}

.qiw-pw-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 6px 12px !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
  font-family: 'Inter', sans-serif !important;
}

.qiw-pw-btn:hover {
  border-color: #3365F3 !important;
  color: #3365F3 !important;
  background: #eff6ff !important;
}

.qiw-pw-btn i { font-size: 12px !important; }

.qiw-pw-generate {
  background: linear-gradient(135deg, #3365F3, #2a58d6) !important;
  border-color: transparent !important;
  color: #fff !important;
  font-weight: 600 !important;
}

.qiw-pw-generate:hover {
  background: linear-gradient(135deg, #2a58d6, #1e4cc4) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* ===== BUTTONS ===== */
#order-standard_cart .btn-primary,
#order-standard_cart .btn-success {
  background: linear-gradient(135deg, #3365F3, #2a58d6) !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 12px 28px !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(51,101,243,0.25) !important;
  transition: all 0.2s !important;
  letter-spacing: 0.2px !important;
}

#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-success:hover {
  background: linear-gradient(135deg, #2a58d6, #1e4cc4) !important;
  box-shadow: 0 6px 20px rgba(51,101,243,0.35) !important;
  transform: translateY(-1px) !important;
}

#order-standard_cart .btn-default {
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  color: #475569 !important;
  font-weight: 600 !important;
  background: #fff !important;
  transition: all 0.15s !important;
}

#order-standard_cart .btn-default:hover {
  border-color: #3365F3 !important;
  color: #3365F3 !important;
  background: #eff6ff !important;
}

/* ===== ORDER SUMMARY SIDEBAR ===== */
#order-standard_cart .secondary-cart-sidebar {
  position: sticky !important;
  top: 20px !important;
}

#order-standard_cart .order-summary {
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06) !important;
  background: #fff !important;
}

#order-standard_cart .order-summary h2 {
  background: linear-gradient(135deg, #3365F3, #2a58d6) !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 16px 20px !important;
  margin: 0 !important;
  text-align: center !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

#order-standard_cart .order-summary .summary-container {
  padding: 20px !important;
}

#order-standard_cart .order-summary .product-name,
#order-standard_cart .order-summary .item-title {
  color: #0f172a !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

#order-standard_cart .order-summary .product-group {
  color: #94a3b8 !important;
  font-size: 12px !important;
}

#order-standard_cart .order-summary .summary-totals {
  border-top: 1px solid #e2e8f0 !important;
  margin-top: 14px !important;
  padding-top: 14px !important;
}

#order-standard_cart .order-summary .total-due-today {
  background: linear-gradient(135deg, #eff6ff, #dbeafe) !important;
  padding: 20px !important;
  text-align: center !important;
  margin: 16px -20px -20px !important;
}

#order-standard_cart .order-summary .total-due-today .amt {
  font-size: 32px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  display: block !important;
  letter-spacing: -0.5px !important;
}

#order-standard_cart .order-summary .total-due-today span:not(.amt) {
  color: #64748b !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-weight: 600 !important;
}

/* Continue button under summary */
#order-standard_cart #orderSummary > .text-center {
  padding: 20px 0 0 !important;
}

#order-standard_cart #btnCompleteProductConfig {
  width: 100% !important;
  border-radius: 12px !important;
  padding: 14px 24px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

/* ===== PRODUCT CARDS ===== */
#order-standard_cart .products .product {
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
  background: #fff !important;
}

#order-standard_cart .products .product:hover {
  border-color: #3365F3 !important;
  box-shadow: 0 8px 24px rgba(51,101,243,0.12) !important;
  transform: translateY(-3px) !important;
}

#order-standard_cart .products .product header {
  background: linear-gradient(135deg, #1e3a8a, #3365F3) !important;
  color: #fff !important;
  padding: 18px 16px !important;
  text-align: center !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

#order-standard_cart .products .product header span { color: #fff !important; }

#order-standard_cart .products .product div.product-pricing {
  padding: 18px 16px !important;
  text-align: center !important;
}

#order-standard_cart .products .product div.product-pricing span.price {
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 26px !important;
}

#order-standard_cart .products .product footer {
  padding: 16px !important;
  text-align: center !important;
}

#order-standard_cart .products .product select {
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  color: #475569 !important;
  background: #fff !important;
}

/* ===== ALERTS ===== */
#order-standard_cart .alert-warning {
  background: #fffbeb !important;
  border: 1px solid #fde68a !important;
  color: #92400e !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  padding: 14px 20px !important;
}

#order-standard_cart .alert-warning i {
  color: #f59e0b !important;
  margin-right: 6px !important;
}

#order-standard_cart .alert-success {
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  color: #166534 !important;
  border-radius: 12px !important;
}

#order-standard_cart .alert-danger {
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  color: #991b1b !important;
  border-radius: 12px !important;
}

#order-standard_cart .alert-info {
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  color: #1e40af !important;
  border-radius: 12px !important;
}

/* ===== DOMAIN SEARCH ===== */
#order-standard_cart .domain-checker-container input[type="text"] {
  height: 50px !important;
  font-size: 16px !important;
  border-radius: 12px 0 0 12px !important;
  border: 2px solid #e2e8f0 !important;
  padding: 12px 18px !important;
}

#order-standard_cart .domain-checker-container .btn-primary {
  height: 50px !important;
  border-radius: 0 12px 12px 0 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 0 28px !important;
}

/* ===== VIEW CART ===== */
#order-standard_cart .view-cart-items-header {
  background: linear-gradient(135deg, #1e3a8a, #3365F3) !important;
  color: #fff !important;
  border-radius: 12px 12px 0 0 !important;
  padding: 12px 18px !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
}

#order-standard_cart .view-cart-items .item {
  padding: 14px 18px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  transition: background 0.15s !important;
}

#order-standard_cart .view-cart-items .item:hover {
  background: #f8fafc !important;
}

#order-standard_cart .view-cart-items .item-title {
  font-weight: 700 !important;
  color: #0f172a !important;
  font-size: 14px !important;
}

#order-standard_cart .view-cart-items .item-price {
  font-weight: 800 !important;
  color: #0f172a !important;
  font-size: 15px !important;
}

#order-standard_cart .view-cart-items .item-price .cycle {
  color: #94a3b8 !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}

/* Cart tabs */
#order-standard_cart .view-cart-tabs .nav-tabs {
  border-bottom: 2px solid #e2e8f0 !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs a {
  color: #94a3b8 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  padding: 10px 18px !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  transition: all 0.2s !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs a:hover {
  color: #3365F3 !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"],
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"] {
  color: #3365F3 !important;
  font-weight: 700 !important;
  border-bottom-color: #3365F3 !important;
  background: transparent !important;
}

/* Promo code */
#order-standard_cart .view-cart-promotion-code {
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 16px !important;
  background: #f8fafc !important;
}

/* Checkout */
#order-standard_cart .btn-checkout {
  background: linear-gradient(135deg, #3365F3, #2a58d6) !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 16px 32px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(51,101,243,0.25) !important;
  width: 100% !important;
}

#order-standard_cart .btn-checkout:hover {
  background: linear-gradient(135deg, #2a58d6, #1e4cc4) !important;
  box-shadow: 0 6px 22px rgba(51,101,243,0.35) !important;
  transform: translateY(-2px) !important;
}

/* Remove from cart */
#order-standard_cart .btn-remove-from-cart {
  color: #ef4444 !important;
  border: 1px solid #fecaca !important;
  border-radius: 8px !important;
  background: #fff !important;
}

#order-standard_cart .btn-remove-from-cart:hover {
  background: #fef2f2 !important;
  border-color: #ef4444 !important;
}

/* ===== LINKS ===== */
#order-standard_cart a { color: #3365F3 !important; }
#order-standard_cart a:hover { color: #1e4cc4 !important; }

/* ===== ADDON PANELS ===== */
#order-standard_cart .panel-addon {
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #fff !important;
  transition: all 0.2s !important;
}

#order-standard_cart .panel-addon:hover {
  border-color: #3365F3 !important;
  box-shadow: 0 4px 16px rgba(51,101,243,0.08) !important;
}

/* ===== PRICING TABLE ===== */
.qiw-pricing-table .row {
  display: flex !important;
  flex-wrap: wrap !important;
}

.qiw-plan-col {
  padding: 10px !important;
  display: flex !important;
}

.qiw-plan-card {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
  transition: all 0.3s ease !important;
}

.qiw-plan-card:hover {
  border-color: #3365F3 !important;
  box-shadow: 0 12px 32px rgba(51,101,243,0.15) !important;
  transform: translateY(-4px) !important;
}

/* Plan Header */
.qiw-plan-header {
  background: linear-gradient(135deg, #1e3a8a, #3365F3) !important;
  padding: 20px 24px !important;
  text-align: center !important;
}

.qiw-plan-header h3 {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

.qiw-stock {
  color: rgba(255,255,255,0.7) !important;
  font-size: 11px !important;
  display: block !important;
  margin-top: 4px !important;
}

/* Price Section */
.qiw-plan-price {
  text-align: center !important;
  padding: 28px 24px 8px !important;
}

.qiw-price-from {
  display: block !important;
  color: #94a3b8 !important;
  font-size: 12px !important;
  margin-bottom: 4px !important;
}

.qiw-price-amount {
  font-size: 42px !important;
  font-weight: 800 !important;
  color: #3365F3 !important;
  letter-spacing: -1px !important;
  line-height: 1.1 !important;
}

.qiw-price-cycle {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
}

.qiw-setup-fee {
  display: block !important;
  color: #94a3b8 !important;
  font-size: 12px !important;
  margin-top: 4px !important;
}

/* Tagline */
.qiw-plan-tagline {
  text-align: center !important;
  color: #3365F3 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-style: italic !important;
  padding: 4px 24px 16px !important;
}

/* Features List */
.qiw-plan-features {
  padding: 0 28px 20px !important;
  flex: 1 !important;
  border-top: 1px solid #f1f5f9 !important;
}

.qiw-plan-features ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 16px 0 0 !important;
}

.qiw-plan-features li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 8px 0 !important;
  font-size: 14px !important;
  color: #334155 !important;
  border-bottom: 1px solid #f8fafc !important;
  line-height: 1.5 !important;
}

.qiw-plan-features li:last-child {
  border-bottom: none !important;
}

.qiw-plan-features li i {
  color: #3365F3 !important;
  font-size: 13px !important;
  margin-top: 3px !important;
  flex-shrink: 0 !important;
}

.qiw-plan-features li span {
  font-weight: 500 !important;
}

/* Order Button */
.qiw-plan-action {
  padding: 0 24px 24px !important;
}

#order-standard_cart .qiw-plan-action a.qiw-btn-order,
a.qiw-btn-order,
.qiw-btn-order {
  display: block !important;
  width: 100% !important;
  background: #3365F3 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  text-align: center !important;
  box-shadow: 0 4px 14px rgba(51,101,243,0.3) !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  opacity: 1 !important;
}

#order-standard_cart .qiw-plan-action a.qiw-btn-order:hover,
a.qiw-btn-order:hover,
.qiw-btn-order:hover {
  background: #1e4cc4 !important;
  color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(51,101,243,0.4) !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

#order-standard_cart .qiw-plan-action a.qiw-btn-order:visited,
#order-standard_cart .qiw-plan-action a.qiw-btn-order:active,
#order-standard_cart .qiw-plan-action a.qiw-btn-order:focus {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
  #order-standard_cart .btn-checkout,
  #order-standard_cart #btnCompleteProductConfig {
    font-size: 15px !important;
    padding: 12px 24px !important;
  }
  .qiw-plan-col {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}