/**
 * CoreV2 Gelişmiş Responsive CSS
 * body[data-responsive-enhanced="1"] aktifken uygulanır
 */

/* Tablet (iPad vb.) — masaüstü 3 sütun taşmasını önle */
@media (min-width: 769px) and (max-width: 1024px) {
  body[data-responsive-enhanced="1"] .vertical--packs .pack-card-wrapper,
  body[data-responsive-enhanced="1"] .pack-card-wrapper {
    width: calc((100% - 18px) / 2) !important;
    max-width: calc((100% - 18px) / 2) !important;
    min-width: 0 !important;
  }

  body[data-responsive-enhanced="1"] .vertical--packs {
    display: flex !important;
    flex-wrap: wrap !important;
    overflow-x: visible !important;
    justify-content: center !important;
  }

  body[data-responsive-enhanced="1"] .hosting-plans,
  body[data-responsive-enhanced="1"] .product-grid,
  body[data-responsive-enhanced="1"] .pricing-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  body[data-responsive-enhanced="1"] .logocarts-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1024px) {
  body[data-responsive-enhanced="1"] .container,
  body[data-responsive-enhanced="1"] .wrapper,
  body[data-responsive-enhanced="1"] [class*="container"] {
    padding-left: 20px;
    padding-right: 20px;
  }

  body[data-responsive-enhanced="1"] .row {
    gap: 15px;
  }

  body[data-responsive-enhanced="1"] .header-nav,
  body[data-responsive-enhanced="1"] .main-nav {
    gap: 12px;
  }

  body[data-responsive-enhanced="1"] .hosting-plans,
  body[data-responsive-enhanced="1"] .product-grid,
  body[data-responsive-enhanced="1"] .pricing-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px;
  }

  body[data-responsive-enhanced="1"] table:not(.no-responsive) {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 0;
  }

  body[data-responsive-enhanced="1"] .footer-widgets,
  body[data-responsive-enhanced="1"] .footer-cols {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}

@media (max-width: 768px) {
  
  body[data-responsive-enhanced="1"] {
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
  }

  body[data-responsive-enhanced="1"] .container,
  body[data-responsive-enhanced="1"] .wrapper,
  body[data-responsive-enhanced="1"] [class*="container"] {
    padding-left: 16px;
    padding-right: 16px;
  }

  body[data-responsive-enhanced="1"] h1 { font-size: 1.75rem; }
  body[data-responsive-enhanced="1"] h2 { font-size: 1.5rem; }
  body[data-responsive-enhanced="1"] h3 { font-size: 1.25rem; }

  body[data-responsive-enhanced="1"] .hosting-plans,
  body[data-responsive-enhanced="1"] .product-grid,
  body[data-responsive-enhanced="1"] .pricing-grid {
    grid-template-columns: 1fr !important;
    gap: 12px;
  }

  body[data-responsive-enhanced="1"] .footer-widgets,
  body[data-responsive-enhanced="1"] .footer-cols {
    grid-template-columns: 1fr;
  }

  body[data-responsive-enhanced="1"] .btn,
  body[data-responsive-enhanced="1"] .button,
  body[data-responsive-enhanced="1"] [class*="btn-"] {
    min-height: 44px;
    min-width: 44px;
  }

  body[data-responsive-enhanced="1"] input[type="text"],
  body[data-responsive-enhanced="1"] input[type="email"],
  body[data-responsive-enhanced="1"] input[type="password"],
  body[data-responsive-enhanced="1"] input[type="number"],
  body[data-responsive-enhanced="1"] select,
  body[data-responsive-enhanced="1"] textarea {
    font-size: 16px !important; 
    min-height: 44px;
  }

  body[data-responsive-enhanced="1"] .domain-search-box,
  body[data-responsive-enhanced="1"] .search-domain {
    flex-direction: column;
    gap: 10px;
  }

  body[data-responsive-enhanced="1"] .domain-search-box input,
  body[data-responsive-enhanced="1"] .search-domain input {
    width: 100%;
  }

  body[data-responsive-enhanced="1"] .domain-search-box button,
  body[data-responsive-enhanced="1"] .search-domain button {
    width: 100%;
  }

  body[data-responsive-enhanced="1"] .intro-slider,
  body[data-responsive-enhanced="1"] .intro-section {
    min-height: auto;
    padding: 40px 16px;
  }

  body[data-responsive-enhanced="1"] #modernpanel .sidebar,
  body[data-responsive-enhanced="1"] #modernpanel .panel-sidebar {
    width: 100%;
    position: relative;
  }

  body[data-responsive-enhanced="1"] .modal-dialog,
  body[data-responsive-enhanced="1"] .modal-content {
    margin: 10px;
    max-height: 90vh;
    overflow-y: auto;
  }

  body[data-responsive-enhanced="1"] .table-responsive::after {
    content: '← Kaydır →';
    display: block;
    text-align: center;
    font-size: 11px;
    color: #94a3b8;
    padding: 4px 0;
  }

  body[data-responsive-enhanced="1"][data-sticky-header="1"] .header,
  body[data-responsive-enhanced="1"][data-sticky-header="1"] .site-header {
    padding: 8px 0;
  }

  body[data-responsive-enhanced="1"] .topbar {
    display: none !important;
  }
}

@media (max-width: 480px) {
  body[data-responsive-enhanced="1"] {
    font-size: 13px;
  }

  body[data-responsive-enhanced="1"] .container,
  body[data-responsive-enhanced="1"] .wrapper,
  body[data-responsive-enhanced="1"] [class*="container"] {
    padding-left: 12px;
    padding-right: 12px;
  }

  body[data-responsive-enhanced="1"] h1 { font-size: 1.5rem; }
  body[data-responsive-enhanced="1"] h2 { font-size: 1.25rem; }

  body[data-responsive-enhanced="1"] .price-card,
  body[data-responsive-enhanced="1"] .pricing-card {
    padding: 16px;
  }

  body[data-responsive-enhanced="1"] .sepethosting-steps-container {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 8px;
  }

  body[data-responsive-enhanced="1"] .sepethosting-steps-container::-webkit-scrollbar {
    display: none;
  }

  body[data-responsive-enhanced="1"] a,
  body[data-responsive-enhanced="1"] button {
    -webkit-tap-highlight-color: transparent;
  }
}

@media (max-height: 500px) and (orientation: landscape) {
  body[data-responsive-enhanced="1"] .intro-slider,
  body[data-responsive-enhanced="1"] .intro-section {
    min-height: auto;
    padding: 20px 16px;
  }

  body[data-responsive-enhanced="1"] .modal-dialog {
    max-height: 80vh;
  }
}

@media print {
  body[data-responsive-enhanced="1"] .topbar,
  body[data-responsive-enhanced="1"] .header,
  body[data-responsive-enhanced="1"] .footer,
  body[data-responsive-enhanced="1"] .cd-top,
  body[data-responsive-enhanced="1"] .ai-assistant-widget,
  body[data-responsive-enhanced="1"] .sticky-announcement {
    display: none !important;
  }
}