/**
 * Sipariş adımları — Devam Et alta, fiyatlar büyük, döviz hizalı
 * (yedekteki sağ-üst grid ve 13px arka planlı fiyat kutusu kaldırıldı)
 */
.cv2-order-shell form:has(>[class*="-period-container"]),
.cv2-order-shell form:has(> [class*="-period-container"]),
.cv2-order-shell form:has(>.cv2-period-grid),
.cv2-order-shell form:has(> .cv2-period-grid),
.cv2-order-shell form:has([class*="-period-container"]),
.cv2-order-shell form:has(.cv2-period-grid) {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
.cv2-order-shell form:has(>[class*="-period-container"]) > script,
.cv2-order-shell form:has(> [class*="-period-container"]) > script,
.cv2-order-shell form:has(> .cv2-period-grid) > script {
  grid-column: auto !important;
}
.cv2-order-shell form:has(>[class*="-period-container"]) [class*="-period-container"],
.cv2-order-shell form:has(> [class*="-period-container"]) [class*="-period-container"],
.cv2-order-shell form:has(> .cv2-period-grid) .cv2-period-grid {
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 8px !important;
}
.cv2-order-shell .sepethosting-center,
.cv2-order-shell .sepetsunucu-center,
.cv2-order-shell .sepetsms-center,
.cv2-order-shell .sepetsoftware-center,
.cv2-order-shell .sepetozel-center,
.cv2-order-shell .sepetdomain-center,
.cv2-order-shell form:has(>[class*="-period-container"]) [class*="-center"],
.cv2-order-shell form:has(> [class*="-period-container"]) [class*="-center"],
.cv2-order-shell form:has(> .cv2-period-grid) [class*="-center"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 28px 0 0 !important;
  padding: 0 !important;
  align-self: stretch !important;
  gap: 12px !important;
}
.cv2-order-shell .sepethosting-center [class*="-button"],
.cv2-order-shell .sepetsunucu-center [class*="-button"],
.cv2-order-shell .sepetsms-center [class*="-button"],
.cv2-order-shell .sepetsoftware-center [class*="-button"],
.cv2-order-shell .sepetozel-center [class*="-button"],
.cv2-order-shell .sepetdomain-center [class*="-button"],
.cv2-order-shell [class*="-center"] [class*="-button"],
.cv2-order-shell [class*="-center"] button,
.cv2-order-shell [class*="-center"] .mio-ajax-submit {
  width: min(100%, 280px) !important;
  min-width: 200px !important;
  margin: 0 auto !important;
}

.cv2-order-shell [class*="-period-block"],
.cv2-order-shell .cv2-period-block {
  font-size: 15px !important;
}
.cv2-order-shell [class*="-period-title"],
.cv2-order-shell .cv2-period-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin-bottom: 8px !important;
}
.cv2-order-shell [class*="-period-price"],
.cv2-order-shell .cv2-period-price {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 4px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--cv2-order-title, var(--sepethosting-title, #1e293b)) !important;
}
.cv2-order-shell [class*="-period-price"] .currency,
.cv2-order-shell [class*="-period-price"] .cv2-price-sym,
.cv2-order-shell [class*="-period-price"] .amount,
.cv2-order-shell [class*="-period-price"] .amount_spot_view,
.cv2-order-shell [class*="-period-price"] .currposleft,
.cv2-order-shell [class*="-period-price"] .currposright {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  background: none !important;
  border: none !important;
  color: inherit !important;
}
.cv2-order-shell [class*="-period-block"].active [class*="-period-price"],
.cv2-order-shell [class*="-period-block"].active [class*="-period-title"] {
  background: none !important;
  border: none !important;
  color: #fff !important;
}
.cv2-order-shell [class*="-original-price"],
.cv2-order-shell .cv2-period-original-price {
  font-size: 13px !important;
  background: none !important;
  border: none !important;
  text-decoration: line-through;
  opacity: 0.65 !important;
}
.cv2-order-shell [class*="-period-setup-fee"] {
  font-size: 12px !important;
}
.cv2-order-shell [class*="-summary-item-price"],
.cv2-order-shell [class*="-summary-addon-price"],
.cv2-order-shell #total_amount,
.cv2-order-shell .coresepeteim-price {
  font-size: 18px !important;
  font-weight: 700 !important;
  background: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 991px) {
  .cv2-order-shell .sepethosting-center,
  .cv2-order-shell .sepetsunucu-center,
  .cv2-order-shell .sepetsms-center,
  .cv2-order-shell .sepetsoftware-center,
  .cv2-order-shell .sepetozel-center,
  .cv2-order-shell .sepetdomain-center,
  .cv2-order-shell form:has(> [class*="-period-container"]) [class*="-center"] {
    grid-row: auto !important;
    width: 100% !important;
    margin-top: 22px !important;
  }
  .cv2-order-shell [class*="-center"] [class*="-button"],
  .cv2-order-shell [class*="-center"] .mio-ajax-submit {
    width: 100% !important;
    min-width: 0 !important;
  }
  .cv2-order-shell [class*="-period-price"],
  .cv2-order-shell .cv2-period-price {
    font-size: 16px !important;
  }
}

/* Domain sorgu kutusu — kayma yok */
.cv2-order-shell [class*="-domain-search"] {
  position: relative !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 56px !important;
  height: 56px !important;
  margin: 0 0 14px !important;
  padding: 0 8px 0 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
.cv2-order-shell [class*="-domain-search"] .domain-icon {
  position: static !important;
  flex: 0 0 52px !important;
  width: 52px !important;
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
}
.cv2-order-shell [class*="-domain-search"] [class*="-domain-input"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: 56px !important;
  padding: 0 12px !important;
  border: 0 !important;
  background: transparent !important;
  transform: none !important;
}
.cv2-order-shell [class*="-domain-search"] [class*="-domain-button"] {
  position: static !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
  flex: 0 0 auto !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 6px 0 0 !important;
  width: auto !important;
  max-width: 160px !important;
}
.cv2-order-shell [class*="-domain-search"] [class*="-domain-button"]:hover {
  transform: none !important;
  filter: brightness(1.05) !important;
}

.cv2-order-shell [class*="-period-price"],
.cv2-order-shell .cv2-period-price {
  font-size: 18px !important;
}
.cv2-order-shell .cv2-order-step-title {
  font-size: 16px !important;
}
.cv2-order-shell .cv2-order-head-title {
  font-size: clamp(18px, 2vw, 22px) !important;
}

/* Hata üstte */
.cv2-order-shell [id="result"],
.cv2-order-shell [id^="result"]:not([id^="result-success"]) {
  order: -1;
  width: 100%;
}

/* Başarı overlay */
#cv2-order-success-overlay {
  position: fixed;
  inset: 0;
  z-index: 99980;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.42);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
#cv2-order-success-overlay.is-open { display: flex; }
.cv2-order-success-card {
  width: min(360px, calc(100vw - 32px));
  background: #fff;
  border-radius: 18px;
  padding: 28px 24px 24px;
  text-align: center;
  border: 1px solid rgba(15, 23, 42, 0.08);
}
[data-theme="dark"] .cv2-order-success-card,
html.dark-mode .cv2-order-success-card {
  background: #1e293b;
  border-color: rgba(148, 163, 184, 0.16);
}
.cv2-order-success-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 14px;
  border-radius: 50%;
  background: var(--CoreV2-primary, #10b981);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
}
.cv2-order-success-card h3 {
  margin: 0 0 6px;
  font-size: 20px;
  font-weight: 800;
  color: var(--text-primary, #0f172a);
}
.cv2-order-success-card p {
  margin: 0;
  font-size: 13px;
  color: var(--text-secondary, #64748b);
}

/* Bülten — sipariş sayfasında büyümesin */
.corefooter-notification-bar,
.corefooter-main-content .corefooter-notification-bar {
  transform: none !important;
  zoom: 1 !important;
  font-size: 15px !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.corefooter-notification-bar .corefooter-text h3,
.corefooter-notification-bar .corefooter-nl-title {
  font-size: 18px !important;
  line-height: 1.3 !important;
}
.corefooter-notification-bar .corefooter-text p,
.corefooter-notification-bar .corefooter-nl-desc {
  font-size: 14px !important;
}
.corefooter-notification-bar .corefooter-text .corefooter-newsletter-icon {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  font-size: 22px !important;
}

/* Sipariş adımları 1–3 — light/dark aynı token yüzeyi */
.cv2-order-shell,
.cv2-order-steps {
  color: var(--text-primary, #0f172a);
}
.cv2-order-shell .cv2-order-card,
.cv2-order-shell .cv2-order-features,
.cv2-order-shell [class*="-period-block"]:not(.active),
.cv2-order-shell .cv2-period-block:not(.active),
.cv2-order-shell [class*="-summary"],
.cv2-order-shell .coresepeteim,
.cv2-order-shell [class*="-domain-search"] {
  background: var(--cv2-order-card-bg, var(--bg-secondary, #fff));
  border-color: var(--border-color, rgba(15, 23, 42, 0.1));
  color: inherit;
}
.cv2-order-shell .cv2-order-head-title,
.cv2-order-shell .cv2-order-step-title,
.cv2-order-shell [class*="-period-title"],
.cv2-order-shell [class*="-period-price"]:not(.active *) {
  color: var(--cv2-order-title, var(--text-primary, #0f172a));
}
.cv2-order-shell input,
.cv2-order-shell select,
.cv2-order-shell textarea {
  background: var(--bg-primary, #fff);
  color: var(--text-primary, #0f172a);
  border-color: var(--border-color, rgba(15, 23, 42, 0.12));
}
html[data-theme="dark"] .cv2-order-shell,
html.dark-mode .cv2-order-shell,
html.dark .cv2-order-shell {
  --cv2-order-card-bg: rgba(255, 255, 255, 0.04);
  --cv2-order-title: #f1f5f9;
  --cv2-os-pattern-opacity: 0.06;
  color: #e2e8f0;
}
html[data-theme="dark"] .cv2-order-shell .cv2-order-card,
html[data-theme="dark"] .cv2-order-shell .cv2-order-features,
html[data-theme="dark"] .cv2-order-shell [class*="-period-block"]:not(.active),
html[data-theme="dark"] .cv2-order-shell .cv2-period-block:not(.active),
html[data-theme="dark"] .cv2-order-shell [class*="-summary"],
html[data-theme="dark"] .cv2-order-shell .coresepeteim,
html.dark-mode .cv2-order-shell .cv2-order-card,
html.dark .cv2-order-shell .cv2-order-card {
  background: rgba(15, 23, 42, 0.72);
  border-color: rgba(148, 163, 184, 0.16);
  color: #e2e8f0;
}
html[data-theme="dark"] .cv2-order-shell .cv2-order-step-pill:not(.is-active),
html.dark-mode .cv2-order-shell .cv2-order-step-pill:not(.is-active) {
  background: rgba(255, 255, 255, 0.06);
  color: #cbd5e1;
  border-color: rgba(148, 163, 184, 0.18);
}
html[data-theme="dark"] .cv2-order-shell input,
html[data-theme="dark"] .cv2-order-shell select,
html[data-theme="dark"] .cv2-order-shell textarea,
html.dark-mode .cv2-order-shell input,
html.dark-mode .cv2-order-shell select,
html.dark-mode .cv2-order-shell textarea {
  background: rgba(15, 23, 42, 0.85);
  color: #f1f5f9;
  border-color: rgba(148, 163, 184, 0.2);
}
html[data-theme="dark"] .cv2-order-success-card h3,
html.dark-mode .cv2-order-success-card h3 {
  color: #f8fafc;
}
html[data-theme="dark"] .cv2-order-success-card p,
html.dark-mode .cv2-order-success-card p {
  color: #94a3b8;
}
/* cv2-nl-width-lock */
.cv2-page--order .corefooter-notification-bar,#order-area ~ * .corefooter-notification-bar,.corefooter-main-content .corefooter-notification-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}
.cv2-page--order #newsletter_email,.corefooter-main-content #newsletter_email{flex:0 1 360px!important;width:100%!important;max-width:min(420px,100%)!important;min-width:0!important;flex-grow:0!important}
.cv2-page--order #newsletter_email .input-group,.corefooter-main-content #newsletter_email .input-group{width:100%;max-width:100%;box-sizing:border-box}


/* === CV2 sipariş dönem kartları: tek kaynak grid (responsive) === */
.cv2-order-shell .cv2-period-grid,
.cv2-order-shell [class*="-period-container"]{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr)) !important;
  gap:10px !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 0 14px !important;
  padding:0 !important;
  align-items:stretch !important;
  justify-content:stretch !important;
  overflow:visible !important;
}
.cv2-order-shell .cv2-period-grid > [class*="-period-block"],
.cv2-order-shell [class*="-period-container"] > [class*="-period-block"],
.cv2-order-shell .cv2-period-grid [class*="-period-block"],
.cv2-order-shell [class*="-period-container"] [class*="-period-block"]{
  flex:none !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:100% !important;
  box-sizing:border-box !important;
}
@media (max-width:991px){
  .cv2-order-shell .cv2-period-grid,
  .cv2-order-shell [class*="-period-container"]{
    grid-template-columns:repeat(auto-fill,minmax(150px,1fr)) !important;
  }
}
@media (max-width:600px){
  .cv2-order-shell .cv2-period-grid,
  .cv2-order-shell [class*="-period-container"]{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
}
@media (max-width:360px){
  .cv2-order-shell .cv2-period-grid,
  .cv2-order-shell [class*="-period-container"]{
    grid-template-columns:1fr !important;
  }
}

/* Mobil: adim pill'leri ekrana sigsin (aktif adimin adi gorunur) */
@media (max-width:600px){
  .cv2-order-shell .cv2-order-steps-nav,
  .cv2-order-shell .cv2-order-step-pills{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .cv2-order-shell .cv2-order-steps-nav::-webkit-scrollbar,
  .cv2-order-shell .cv2-order-step-pills::-webkit-scrollbar{display:none}
  .cv2-order-shell .cv2-order-step-pill{flex:0 0 auto !important;padding:6px 10px !important}
  .cv2-order-shell .cv2-order-step-pill .cv2-order-step-pill-name{display:none !important}
  .cv2-order-shell .cv2-order-step-pill.active .cv2-order-step-pill-name,
  .cv2-order-shell .cv2-order-step-pill.is-active .cv2-order-step-pill-name,
  .cv2-order-shell .cv2-order-step-pill[aria-current] .cv2-order-step-pill-name{display:inline !important;font-size:12px !important}
}