/**
 * Responsive Breakpoints
 * Mobile and tablet optimizations
 */

/* ===== TABLET (768px - 1024px) ===== */
@media (max-width: 1024px) {
    /* Stack panels vertically */
    .register-container {
        grid-template-columns: 1fr;
    }
    
    .left-panel {
        padding: var(--space-2xl);
        min-height: auto;
    }
    
    .right-panel {
        padding: var(--space-2xl);
    }
    
    /* Adjust typography */
    .headline {
        font-size: var(--text-3xl);
    }
    
    /* Hide carousel on tablet for performance */
    .journey-carousel {
        display: none;
    }
    
    /* Convert desktop stats to horizontal row */
    .stats-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: var(--space-sm);
        padding: var(--space-lg) 0;
    }
    
    .stat-card {
        padding: var(--space-md);
    }
    
    .stat-value {
        font-size: var(--text-xl);
    }
    
    /* Adjust trust indicators */
    .trust-indicators {
        flex-wrap: wrap;
        gap: var(--space-md);
    }
}

/* ===== MOBILE (max-width: 768px) ===== */
@media (max-width: 768px) {
    .left-panel{
        display: none;
    }
    /* Reduce spacing */
    .right-panel {
        padding: var(--space-xl);
    }
    
    /* Left Panel Adjustments */
    .headline {
        font-size: var(--text-2xl);
        margin-bottom: var(--space-md);
    }
    
    .subtitle {
        font-size: var(--text-sm);
        margin-bottom: var(--space-lg);
    }
    
    .logo-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-sm);
    }
    
    .brand-logo {
        height: 36px;
    }
    
    .launch-badge {
        padding: 0.375rem var(--space-sm);
    }
    
    .launch-badge-text {
        font-size: 0.5625rem;
    }
    
    /* Hide orbs on mobile for performance */
    .orb {
        display: none;
    }
    
    /* Mobile stats - 2x2 grid */
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-sm);
    }
    
    .stat-card {
        padding: var(--space-sm);
    }
    
    .stat-value {
        font-size: var(--text-lg);
    }
    
    .stat-label {
        font-size: 0.625rem;
    }
    
    /* Stack trust indicators */
    .trust-indicators {
        flex-direction: column;
        gap: var(--space-sm);
    }
    
    /* Right Panel Adjustments */
    .form-title {
        font-size: var(--text-xl);
    }
    
    .form-subtitle {
        font-size: var(--text-xs);
    }
    
    .rocket-icon-wrapper {
        width: 56px;
        height: 56px;
    }
    
    .rocket-icon {
        width: 24px;
        height: 24px;
    }
    
    /* Single column social buttons */
    .social-buttons {
        grid-template-columns: 1fr;
    }
    
    /* Horizontal trust indicators on mobile */
    .form-trust-indicators {
        flex-direction: column;
        gap: var(--space-sm);
    }
    
    /* Touch targets - minimum 44px */
    .btn-primary,
    .btn-social,
    .form-input,
    .password-toggle {
        min-height: 44px;
    }
    
    .form-label {
        font-size: 0.6875rem;
    }
}

/* ===== SMALL MOBILE (max-width: 480px) ===== */
@media (max-width: 480px) {
    /* Further reduce spacing */
    .left-panel,
    .right-panel {
        padding: var(--space-lg);
    }
    
    /* Smaller typography */
    .headline {
        font-size: var(--text-xl);
    }
    
    .form-title {
        font-size: var(--text-lg);
    }
    
    .launch-badge {
        padding: 0.25rem 0.5rem;
    }
    
    .launch-badge-text {
        font-size: 0.5rem;
    }
    
    /* Compact form header */
    .form-header-flex {
        flex-direction: column;
        gap: var(--space-sm);
    }
    
    .form-header-text {
        text-align: center;
    }
    .rocket-icon {
  width: 60px;
  height: 60px;
  object-fit: contain;
}
    
    .rocket-icon-wrapper {
        width: 48px;
        height: 48px;
    }
    
    .rocket-icon {
        width: 20px;
        height: 20px;
    }
    
    /* Reduce form spacing */
    .form-group {
        margin-bottom: var(--space-md);
    }
    
    /* Smaller inputs */
    .form-input {
        padding: var(--space-sm) var(--space-md);
        font-size: var(--text-sm);
    }
    
    .btn-primary {
        padding: var(--space-md);
        font-size: var(--text-sm);
    }
    
    /* Compact stats */
    .stat-value {
        font-size: var(--text-base);
    }
    
    .stat-label {
        font-size: 0.5rem;
    }
}

/* ===== LANDSCAPE ORIENTATION ON MOBILE ===== */
@media (max-width: 768px) and (orientation: landscape) {
    .left-panel {
        padding: var(--space-lg) var(--space-2xl);
    }
    
    /* Make left panel more compact in landscape */
    .logo-section {
        margin-bottom: var(--space-md);
    }
    
    .headline {
        font-size: var(--text-xl);
        margin-bottom: var(--space-sm);
    }
    
    .subtitle {
        margin-bottom: var(--space-md);
    }
    
    .stats-grid {
        margin: var(--space-md) 0;
    }
}

/* ===== DESKTOP ADJUSTMENTS ===== */

/* Extra large screens (> 1536px) */
@media (min-width: 1536px) {
    .form-wrapper {
        max-width: 480px;
    }
    
    .headline {
        font-size: var(--text-5xl);
    }
    
    .left-panel {
        padding: var(--space-4xl);
    }
    
    .right-panel {
        padding: var(--space-4xl);
    }
}

/* Large screens (1280px - 1536px) */
@media (min-width: 1280px) and (max-width: 1536px) {
    .headline {
        font-size: var(--text-4xl);
    }
}

/* ===== TOUCH DEVICE OPTIMIZATIONS ===== */
@media (hover: none) and (pointer: coarse) {
    /* Remove hover effects on touch devices */
    .btn-primary:hover:not(:disabled) {
        transform: none;
    }
    
    .btn-social:hover {
        background: var(--white);
        border-color: var(--gray-200);
    }
    
    .form-input:hover {
        border-color: var(--gray-200);
    }
    
    /* Larger touch targets */
    .password-toggle {
        padding: var(--space-md);
    }
    
    .journey-item {
        min-height: 44px;
    }
}

/* ===== PRINT STYLES ===== */
@media print {
    /* Hide decorative elements when printing */
    .pattern-overlay,
    .orb,
    .gradient-accent,
    .rocket-icon-wrapper,
    .social-buttons,
    .form-trust-indicators,
    .login-link {
        display: none !important;
    }
    
    /* Simplify layout for printing */
    .register-container {
        display: block;
    }
    
    .left-panel {
        display: none;
    }
    
    .right-panel {
        padding: 0;
    }
    
    /* Remove animations */
    * {
        animation: none !important;
        transition: none !important;
    }
    
    /* Black text on white background */
    body {
        background: white;
        color: black;
    }
}

/* ===== HIGH CONTRAST MODE ===== */
@media (prefers-contrast: high) {
    /* Increase contrast for accessibility */
    .form-input {
        border-width: 2px;
    }
    
    .form-input:focus {
        border-width: 3px;
    }
    
    .btn-primary,
    .btn-social {
        border-width: 2px;
    }
    
    .subtitle {
        color: hsla(0, 0%, 100%, 0.8);
    }
    
    .journey-label {
        color: hsla(0, 0%, 100%, 0.5);
    }
}