/* BuyukWeb Order Form - Domain Styles */

#order-buyukweb .domain-checker-container { background: var(--white); border-radius: var(--radius-xl); box-shadow: var(--shadow-md); padding: 2rem; margin-bottom: 2rem; }
#order-buyukweb .domain-input-group { display: flex; gap: 0.5rem; margin-bottom: 1rem; }
#order-buyukweb .domain-input-group .form-control { flex: 1; font-size: 1.125rem; padding: 1rem 1.25rem; }
#order-buyukweb .domain-input-group .btn { padding: 1rem 2rem; white-space: nowrap; }

#order-buyukweb .spotlight-tlds { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 2rem; }
#order-buyukweb .spotlight-tld { background: var(--white); border: 2px solid var(--gray-200); border-radius: var(--radius-xl); padding: 1.5rem; text-align: center; transition: all var(--transition-fast); cursor: pointer; }
#order-buyukweb .spotlight-tld:hover { border-color: var(--primary-purple); transform: translateY(-2px); }
#order-buyukweb .spotlight-tld .tld { font-size: 1.5rem; font-weight: 700; color: var(--gray-900); }
#order-buyukweb .spotlight-tld .price { font-size: 1rem; color: var(--primary-purple); font-weight: 600; }

#order-buyukweb .product-info { background: var(--gradient-card); padding: 1.5rem; border-radius: var(--radius-xl); margin-bottom: 2rem; }
#order-buyukweb .product-info .product-title { font-size: 1.5rem; font-weight: 700; color: var(--gray-900); margin-bottom: 0.5rem; }
#order-buyukweb .product-configurable-options { background: var(--gray-50); padding: 1.5rem; border-radius: var(--radius-xl); margin-bottom: 1.5rem; }

#order-buyukweb .addon-products { margin: 0 -0.75rem; }
#order-buyukweb .panel-addon { border: 2px solid var(--gray-200); transition: all var(--transition-fast); cursor: pointer; }
#order-buyukweb .panel-addon:hover { border-color: var(--primary-purple-light); }
#order-buyukweb .panel-addon.panel-addon-selected { border-color: var(--primary-purple); background: var(--gradient-card); }
#order-buyukweb .panel-price { padding: 0.75rem 1.25rem; background: var(--gray-50); font-weight: 600; color: var(--primary-purple); text-align: center; }
#order-buyukweb .panel-add { padding: 0.75rem 1.25rem; background: var(--gradient-button); color: var(--white); text-align: center; font-weight: 600; }

#order-buyukweb .domain-option { background: var(--white); border: 2px solid var(--gray-200); border-radius: var(--radius-xl); padding: 1.25rem; margin-bottom: 1rem; transition: all var(--transition-fast); }
#order-buyukweb .domain-option:hover { border-color: var(--primary-purple-light); }
#order-buyukweb .domain-option.selected { border-color: var(--primary-purple); background: var(--gradient-card); }

#order-buyukweb .order-complete { text-align: center; padding: 3rem 2rem; }
#order-buyukweb .order-complete .success-icon { width: 80px; height: 80px; background: var(--gradient-button); border-radius: var(--radius-full); display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; }
#order-buyukweb .order-complete .success-icon i { font-size: 2.5rem; color: var(--white); }
#order-buyukweb .order-complete h2 { font-size: 2rem; font-weight: 700; color: var(--gray-900); margin-bottom: 1rem; }

#order-buyukweb .order-error { text-align: center; padding: 3rem 2rem; }
#order-buyukweb .order-error .error-icon { width: 80px; height: 80px; background: linear-gradient(135deg, var(--primary-pink) 0%, var(--danger) 100%); border-radius: var(--radius-full); display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; }
#order-buyukweb .order-error .error-icon i { font-size: 2.5rem; color: var(--white); }

#order-buyukweb .fraud-check { text-align: center; padding: 3rem 2rem; }
#order-buyukweb .fraud-check .pending-icon { width: 80px; height: 80px; background: linear-gradient(135deg, var(--warning) 0%, #d97706 100%); border-radius: var(--radius-full); display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; }

#order-buyukweb .info-text-sm { font-size: 0.875rem; }
#order-buyukweb .form-control-qty { width: 100px; text-align: center; }

@media (min-width: 576px) {
    #order-buyukweb .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
    #order-buyukweb .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; }
    #order-buyukweb .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
    #order-buyukweb .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; }
    #order-buyukweb .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 768px) {
    #order-buyukweb .col-md-6 { flex: 0 0 50%; max-width: 50%; }
    #order-buyukweb .col-md-12 { flex: 0 0 100%; max-width: 100%; }
}

#order-buyukweb .hidden-xs { display: block; }
#order-buyukweb .visible-xs-inline { display: none; }
@media (max-width: 575px) { 
    #order-buyukweb .hidden-xs { display: none !important; } 
    #order-buyukweb .visible-xs-inline { display: inline !important; }
}
#order-buyukweb .d-none { display: none !important; }
#order-buyukweb .d-sm-block { display: none; }
@media (min-width: 576px) { #order-buyukweb .d-sm-block { display: block !important; } #order-buyukweb .d-sm-none { display: none !important; } }
@media (min-width: 768px) { #order-buyukweb .d-md-block { display: block !important; } #order-buyukweb .d-md-none { display: none !important; } }

/* ========================================
   DOMAIN RESPONSIVE / MOBILE STYLES
   ======================================== */

/* Tablet (max-width: 991px) */
@media (max-width: 991px) {
    #order-buyukweb .domain-checker-container { padding: 1.5rem; }
    #order-buyukweb .spotlight-tlds { grid-template-columns: repeat(3, 1fr); }
    #order-buyukweb .product-info { padding: 1.25rem; }
    #order-buyukweb .product-info .product-title { font-size: 1.25rem; }
}

/* Small Tablet (max-width: 767px) */
@media (max-width: 767px) {
    #order-buyukweb .domain-checker-container { padding: 1rem; margin-bottom: 1.5rem; }
    #order-buyukweb .domain-input-group { flex-direction: column; }
    #order-buyukweb .domain-input-group .form-control { font-size: 1rem; padding: 0.875rem 1rem; }
    #order-buyukweb .domain-input-group .btn { width: 100%; padding: 0.875rem 1.5rem; }
    #order-buyukweb .spotlight-tlds { grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }
    #order-buyukweb .spotlight-tld { padding: 1rem; }
    #order-buyukweb .spotlight-tld .tld { font-size: 1.25rem; }
    #order-buyukweb .spotlight-tld .price { font-size: 0.875rem; }
    #order-buyukweb .product-info { padding: 1rem; margin-bottom: 1.5rem; }
    #order-buyukweb .product-info .product-title { font-size: 1.125rem; }
    #order-buyukweb .product-configurable-options { padding: 1rem; }
    #order-buyukweb .domain-option { padding: 1rem; }
    #order-buyukweb .order-complete { padding: 2rem 1rem; }
    #order-buyukweb .order-complete .success-icon { width: 60px; height: 60px; }
    #order-buyukweb .order-complete .success-icon i { font-size: 2rem; }
    #order-buyukweb .order-complete h2 { font-size: 1.5rem; }
    #order-buyukweb .order-error { padding: 2rem 1rem; }
    #order-buyukweb .order-error .error-icon { width: 60px; height: 60px; }
    #order-buyukweb .fraud-check { padding: 2rem 1rem; }
    #order-buyukweb .fraud-check .pending-icon { width: 60px; height: 60px; }
}

/* Mobile (max-width: 575px) */
@media (max-width: 575px) {
    #order-buyukweb .domain-checker-container { padding: 0.875rem; border-radius: var(--radius-lg); }
    #order-buyukweb .domain-input-group .form-control { font-size: 0.9375rem; padding: 0.75rem 0.875rem; }
    #order-buyukweb .domain-input-group .btn { padding: 0.75rem 1rem; font-size: 0.9375rem; }
    #order-buyukweb .spotlight-tlds { grid-template-columns: repeat(2, 1fr); gap: 0.5rem; }
    #order-buyukweb .spotlight-tld { padding: 0.75rem; border-radius: var(--radius-lg); }
    #order-buyukweb .spotlight-tld .tld { font-size: 1rem; }
    #order-buyukweb .spotlight-tld .price { font-size: 0.8125rem; }
    #order-buyukweb .product-info { padding: 0.875rem; border-radius: var(--radius-lg); }
    #order-buyukweb .product-info .product-title { font-size: 1rem; }
    #order-buyukweb .product-configurable-options { padding: 0.875rem; border-radius: var(--radius-lg); }
    #order-buyukweb .addon-products { margin: 0 -0.5rem; }
    #order-buyukweb .domain-option { padding: 0.875rem; border-radius: var(--radius-lg); }
    #order-buyukweb .order-complete { padding: 1.5rem 0.875rem; }
    #order-buyukweb .order-complete .success-icon { width: 50px; height: 50px; margin-bottom: 1rem; }
    #order-buyukweb .order-complete .success-icon i { font-size: 1.5rem; }
    #order-buyukweb .order-complete h2 { font-size: 1.25rem; }
    #order-buyukweb .order-error { padding: 1.5rem 0.875rem; }
    #order-buyukweb .order-error .error-icon { width: 50px; height: 50px; }
    #order-buyukweb .fraud-check { padding: 1.5rem 0.875rem; }
    #order-buyukweb .fraud-check .pending-icon { width: 50px; height: 50px; }
    #order-buyukweb .form-control-qty { width: 80px; }
}

/* Extra Small Mobile (max-width: 400px) */
@media (max-width: 400px) {
    #order-buyukweb .spotlight-tlds { grid-template-columns: 1fr 1fr; gap: 0.375rem; }
    #order-buyukweb .spotlight-tld { padding: 0.625rem; }
    #order-buyukweb .spotlight-tld .tld { font-size: 0.9375rem; }
    #order-buyukweb .spotlight-tld .price { font-size: 0.75rem; }
}

/* ========================================
   ADDITIONAL MOBILE STYLES
   ======================================== */

/* Domain Search Results */
#order-buyukweb .domain-lookup-result { background: var(--white); border-radius: var(--radius-xl); box-shadow: var(--shadow-md); margin-bottom: 1rem; overflow: hidden; }
#order-buyukweb .domain-lookup-result .domain-name { font-weight: 600; color: var(--gray-900); word-break: break-all; }
#order-buyukweb .domain-lookup-result .domain-price { font-weight: 700; color: var(--primary-purple); }
#order-buyukweb .domain-lookup-result .domain-status { padding: 0.25rem 0.75rem; border-radius: var(--radius-full); font-size: 0.75rem; font-weight: 600; }
#order-buyukweb .domain-lookup-result .domain-status.available { background: var(--success-light); color: var(--success); }
#order-buyukweb .domain-lookup-result .domain-status.unavailable { background: var(--danger-light); color: var(--danger); }

@media (max-width: 767px) {
    #order-buyukweb .domain-lookup-result { padding: 1rem; }
    #order-buyukweb .domain-lookup-result .domain-name { font-size: 0.9375rem; display: block; margin-bottom: 0.5rem; }
    #order-buyukweb .domain-lookup-result .domain-price { display: block; margin-bottom: 0.5rem; }
    #order-buyukweb .domain-lookup-result .btn { width: 100%; margin-top: 0.5rem; }
}

/* Suggested Domains */
#order-buyukweb .suggested-domains { margin-top: 1.5rem; }
#order-buyukweb .suggested-domains .list-group-item { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem; }

@media (max-width: 767px) {
    #order-buyukweb .suggested-domains .list-group-item { flex-direction: column; text-align: center; padding: 1rem; }
    #order-buyukweb .suggested-domains .list-group-item .domain-name { width: 100%; margin-bottom: 0.5rem; }
    #order-buyukweb .suggested-domains .list-group-item .domain-price { margin-bottom: 0.5rem; }
    #order-buyukweb .suggested-domains .list-group-item .btn { width: 100%; }
}

/* Domain Renewals */
#order-buyukweb .domain-renewals { margin-bottom: 1.5rem; }
#order-buyukweb .domain-renewal-item { background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius-lg); padding: 1rem; margin-bottom: 0.75rem; display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }

@media (max-width: 767px) {
    #order-buyukweb .domain-renewal-item { flex-direction: column; text-align: center; }
    #order-buyukweb .domain-renewal-item > * { width: 100%; }
}

/* Service Renewals */
#order-buyukweb .service-renewals { margin-bottom: 1.5rem; }
#order-buyukweb .service-renewal-item { background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius-lg); padding: 1rem; margin-bottom: 0.75rem; }

@media (max-width: 767px) {
    #order-buyukweb .service-renewal-item { padding: 0.875rem; }
    #order-buyukweb .service-renewals-filter { width: 100% !important; margin-top: 0.5rem; }
}

/* Configurable Options */
#order-buyukweb .configurable-option-row { margin-bottom: 1rem; }
#order-buyukweb .configurable-option-label { font-weight: 500; color: var(--gray-700); margin-bottom: 0.5rem; }

@media (max-width: 767px) {
    #order-buyukweb .configurable-option-row .col-sm-6 { width: 100%; }
}

/* Input Group Box (Domain Search) */
#order-buyukweb .input-group-box { display: flex; flex-wrap: wrap; }
#order-buyukweb .input-group-box .form-control { flex: 1; min-width: 200px; border-radius: var(--radius-lg) 0 0 var(--radius-lg); }
#order-buyukweb .input-group-box .input-group-btn { flex-shrink: 0; }
#order-buyukweb .input-group-box .input-group-btn .btn { border-radius: 0 var(--radius-lg) var(--radius-lg) 0; height: 100%; }

@media (max-width: 767px) {
    #order-buyukweb .input-group-box { flex-direction: column; }
    #order-buyukweb .input-group-box .form-control { border-radius: var(--radius-lg); margin-bottom: 0.5rem; min-width: 100%; }
    #order-buyukweb .input-group-box .input-group-btn { width: 100%; }
    #order-buyukweb .input-group-box .input-group-btn .btn { border-radius: var(--radius-lg); width: 100%; }
}

/* Table Responsive */
#order-buyukweb .table { width: 100%; margin-bottom: 1rem; }
#order-buyukweb .table th, #order-buyukweb .table td { padding: 0.75rem; border-bottom: 1px solid var(--gray-100); }
#order-buyukweb .table th { font-weight: 600; color: var(--gray-700); background: var(--gray-50); }

@media (max-width: 767px) {
    #order-buyukweb .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    #order-buyukweb .table th, #order-buyukweb .table td { padding: 0.5rem; font-size: 0.875rem; white-space: nowrap; }
}

/* Radio/Checkbox Inline */
#order-buyukweb .radio-inline, #order-buyukweb .checkbox-inline { display: inline-flex; align-items: center; gap: 0.5rem; margin-right: 1rem; cursor: pointer; }

@media (max-width: 575px) {
    #order-buyukweb .radio-inline, #order-buyukweb .checkbox-inline { display: flex; margin-right: 0; margin-bottom: 0.5rem; }
}

/* Captcha Container */
#order-buyukweb .captcha-container { display: flex; justify-content: center; margin: 1rem 0; }

@media (max-width: 767px) {
    #order-buyukweb .captcha-container { transform: scale(0.9); transform-origin: center; }
}
@media (max-width: 400px) {
    #order-buyukweb .captcha-container { transform: scale(0.8); transform-origin: center; }
}

/* Paymethod Info Grid */
#order-buyukweb .paymethod-info { display: inline-block; vertical-align: middle; padding: 0.5rem; }

@media (max-width: 767px) {
    #order-buyukweb .existing-cc-grid { display: flex; flex-direction: column; gap: 0.5rem; }
    #order-buyukweb .paymethod-info { display: block; padding: 0.25rem 0; }
}