/* =========================================================================
   LicensePow Cart (orderforms) — Mobile Responsive Hardening
   v1.6.0 — 2026-05-24
   
   Sadece <1024px viewport'ta cart akışını sertleştirir.
   Mevcut cart-flow.css / lp-bridge.css / lp-rewrite-v1.css'e dokunmaz.
   ========================================================================= */

/* =========================================================================
   1. GLOBAL TAŞMA KORUMASI — cart sayfaları
   ========================================================================= */
#order-standard_cart {
  max-width: 100vw;
  overflow-x: hidden;
}

#order-standard_cart * {
  min-width: 0;
}

#order-standard_cart img,
#order-standard_cart iframe {
  max-width: 100%;
  height: auto;
}

#order-standard_cart pre,
#order-standard_cart code {
  max-width: 100%;
  word-break: break-word;
  overflow-x: auto;
}

/* =========================================================================
   2. iOS ZOOM ENGELİ — Cart formlarında 16px input (KRİTİK: checkout 33 input)
   NOT: cart-flow.css'te `.lp-cf-checkout-card .form-control` 14px!important
        ile zorlanmış. Bu yüzden eşleşen veya daha yüksek specificity gerekli.
   ========================================================================= */
@media (max-width: 1024px) {
  #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 input[type="number"],
  #order-standard_cart input[type="search"],
  #order-standard_cart input[type="url"],
  #order-standard_cart select,
  #order-standard_cart textarea,
  /* cart-flow.css'in 14px!important kuralını override et — eşit specificity + sonraki sırada */
  #order-standard_cart.lp-cf-page .lp-cf-checkout-card .form-control,
  #order-standard_cart.lp-cf-page .lp-cf-checkout-card .field,
  #order-standard_cart.lp-cf-page .lp-cf-checkout-card select,
  #order-standard_cart.lp-cf-page .lp-cf-checkout-card textarea,
  #order-standard_cart.lp-cf-page .form-control,
  /* notes textarea ve diğer card-body içindeki form alanları için ek kapsam */
  #order-standard_cart .lp-cf-checkout-card-body input,
  #order-standard_cart .lp-cf-checkout-card-body select,
  #order-standard_cart .lp-cf-checkout-card-body textarea,
  #order-standard_cart form input,
  #order-standard_cart form select,
  #order-standard_cart form textarea,
  /* cart-flow.css içindeki özel notes textarea kuralını yakala (yüksek specificity) */
  #order-standard_cart.lp-cf-page .lp-cf-checkout-card .sub-heading + .row .lp-cf-notes-textarea,
  #order-standard_cart.lp-cf-page .lp-cf-notes-textarea,
  /* Domain checker arama kutusu */
  .domain-checker__form input,
  .lp-cf-domain-search input,
  .lp-dr-search-input {
    font-size: 16px !important;
  }
}

/* =========================================================================
   3. TAP TARGET — Cart butonları minimum 44px
   ========================================================================= */
@media (max-width: 1024px) {
  #order-standard_cart .btn,
  #order-standard_cart button[type="submit"],
  #order-standard_cart input[type="submit"],
  #order-standard_cart .lp-cf-step,
  #order-standard_cart .lp-cf-cycle-card,
  #order-standard_cart .lp-cf-product-card a,
  #order-standard_cart .pagination a,
  .lp-dr-search-btn {
    min-height: 44px;
  }
  
  /* Quantity input grubu */
  #order-standard_cart .qty-controls button,
  #order-standard_cart .input-group-btn .btn {
    min-width: 44px;
    min-height: 44px;
  }
}

/* =========================================================================
   4. CART FLOW LAYOUT — Sidebar mobilde alt taraf
   ========================================================================= */
@media (max-width: 1024px) {
  /* Tüm cart layoutu tek sütun */
  #order-standard_cart .lp-cf-layout,
  #order-standard_cart .lp-cf-layout-products,
  #order-standard_cart .lp-cf-layout-checkout {
    grid-template-columns: 1fr !important;
    gap: var(--space-4);
  }
  
  /* Sidebar (özet) sticky değil, alta gelsin */
  #order-standard_cart .lp-cf-sidebar,
  #order-standard_cart .panel-sidebar {
    position: static !important;
    top: auto !important;
    width: 100% !important;
    margin-top: var(--space-4);
  }
  
  /* Eski Bootstrap cart-sidebar / cart-body — mobilde stack */
  #order-standard_cart .cart-body,
  #order-standard_cart .cart-sidebar,
  #order-standard_cart .secondary-cart-body,
  #order-standard_cart .secondary-cart-sidebar {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }
  
  #order-standard_cart .cart-sidebar {
    display: block !important; /* mobilde özet yine görünür kalsın */
    margin-top: var(--space-4);
  }
}

/* =========================================================================
   5. CHECKOUT FORM — col-sm-* grid'i mobilde stack
   ========================================================================= */
@media (max-width: 768px) {
  #order-standard_cart .lp-cf-checkout-card .row > [class*="col-"],
  #order-standard_cart [class*="col-sm-"],
  #order-standard_cart [class*="col-md-"] {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-left: var(--space-3);
    padding-right: var(--space-3);
  }
  
  #order-standard_cart .row {
    margin-left: calc(var(--space-3) * -1);
    margin-right: calc(var(--space-3) * -1);
  }
  
  /* Form group bottom margin küçült */
  #order-standard_cart .form-group {
    margin-bottom: var(--space-3);
  }
}

/* =========================================================================
   6. STEPS / WIZARD — Çok dar ekranda label gizle, sadece numara
   ========================================================================= */
@media (max-width: 480px) {
  #order-standard_cart .lp-cf-steps {
    gap: 4px !important;
  }
  
  #order-standard_cart .lp-cf-step {
    flex: 1;
    min-width: 0;
    padding: 8px 4px !important;
  }
  
  #order-standard_cart .lp-cf-step .lp-cf-step-label {
    display: none !important;
  }
  
  #order-standard_cart .lp-cf-step .lp-cf-step-num {
    display: inline-flex;
  }
}

/* =========================================================================
   7. PRODUCTS GRID — 1 sütun
   ========================================================================= */
@media (max-width: 640px) {
  #order-standard_cart .products .row-eq-height,
  #order-standard_cart .lp-cf-products-grid,
  #order-standard_cart .product-list-grid {
    grid-template-columns: 1fr !important;
    display: grid !important;
  }
}

/* =========================================================================
   8. CYCLE SELECTOR — Mobil 2 sütun, dar ekran 1
   ========================================================================= */
@media (max-width: 640px) {
  #order-standard_cart .lp-cf-cycles {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 380px) {
  #order-standard_cart .lp-cf-cycles {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================================
   9. STICKY BOTTOM CTA — "Devam Et" butonu mobilde sabit alt
   Avantaj: kullanıcı her zaman sonraki adıma erişebilir
   Risk: scroll alanını kısaltır → max-height ile dengele
   ========================================================================= */
@media (max-width: 768px) {
  #order-standard_cart .lp-cf-action-bar,
  #order-standard_cart .checkout-action-bar {
    position: sticky;
    bottom: 0;
    z-index: 50;
    background: var(--color-bg-card);
    border-top: 1px solid var(--color-border);
    padding: var(--space-3) var(--space-4);
    margin: var(--space-4) calc(var(--space-4) * -1) 0;
    box-shadow: 0 -4px 12px rgba(0,0,0,0.05);
  }
}

/* =========================================================================
   10. ORDER SUMMARY — Mobilde collapse-able
   ========================================================================= */
@media (max-width: 992px) {
  #order-standard_cart #orderSummary,
  #order-standard_cart #orderSummaryView,
  #order-standard_cart .lp-cf-summary {
    position: static !important;
    width: 100% !important;
    margin-top: var(--space-4);
  }
}

/* =========================================================================
   11. RECAPTCHA — Çok dar ekranda scale ile sığdır
   ========================================================================= */
@media (max-width: 384px) {
  #order-standard_cart .captcha-container #google-recaptcha,
  #order-standard_cart .g-recaptcha {
    transform: scale(0.85);
    transform-origin: 0 0;
    margin-bottom: -10px;
  }
}

@media (max-width: 320px) {
  #order-standard_cart .captcha-container #google-recaptcha,
  #order-standard_cart .g-recaptcha {
    transform: scale(0.78);
  }
}

/* =========================================================================
   12. DOMAIN CHECKER — Mobilde stack (zaten var, doğrula)
   ========================================================================= */
@media (max-width: 600px) {
  .domain-checker__form,
  .lp-cf-domain-search,
  .lp-dr-search-box {
    flex-direction: column !important;
    gap: var(--space-2);
  }
  
  .domain-checker__form input,
  .domain-checker__form button,
  .lp-cf-domain-search input,
  .lp-cf-domain-search button {
    width: 100% !important;
  }
}

/* =========================================================================
   13. TABLO — Cart sayfalarındaki tüm tablolar yatay scroll
   ========================================================================= */
@media (max-width: 1024px) {
  #order-standard_cart table {
    display: block;
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
  }
}

/* =========================================================================
   14. CONFIGURE PRODUCT — Custom field grid'leri
   ========================================================================= */
@media (max-width: 768px) {
  #order-standard_cart .product-options,
  #order-standard_cart .config-option,
  #order-standard_cart .lp-cf-config-grid {
    grid-template-columns: 1fr !important;
    display: grid !important;
  }
  
  #order-standard_cart .lp-cf-config-row {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-2);
  }
}

/* =========================================================================
   15. CART HEADER — Title + breadcrumb + actions wrap
   ========================================================================= */
@media (max-width: 640px) {
  #order-standard_cart .lp-cf-checkout-card-head {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: var(--space-3);
  }
  
  #order-standard_cart .cart-header-actions {
    flex-wrap: wrap;
    gap: var(--space-2);
  }
}

/* =========================================================================
   16. DOMAIN OPTION CARDS — Stack, full-width
   ========================================================================= */
@media (max-width: 768px) {
  #order-standard_cart .domain-option,
  #order-standard_cart .domain-options .row {
    flex-direction: column !important;
  }
  
  #order-standard_cart .domain-option-card {
    width: 100% !important;
    margin-bottom: var(--space-3);
  }
}