/* BuyukWeb Order Form - Cart & Checkout Styles */

/* Alert Styles */
#order-buyukweb .alert { padding: 1rem 1.25rem; border-radius: var(--radius-lg); margin-bottom: 1.5rem; border: none; }
#order-buyukweb .alert-success { background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(236, 72, 153, 0.1) 100%); color: var(--primary-purple); border-left: 4px solid var(--primary-purple); }
#order-buyukweb .alert-danger { background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(239, 68, 68, 0.2) 100%); color: var(--danger); border-left: 4px solid var(--danger); }
#order-buyukweb .alert-warning { background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(245, 158, 11, 0.2) 100%); color: #92400e; border-left: 4px solid var(--warning); }
#order-buyukweb .alert-info { background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(59, 130, 246, 0.2) 100%); color: var(--info); border-left: 4px solid var(--info); }

/* View Cart Items */
#order-buyukweb .view-cart-items-header { background: var(--gradient-card); padding: 1rem 1.25rem; border-radius: var(--radius-xl) var(--radius-xl) 0 0; font-weight: 600; font-size: 0.875rem; color: var(--gray-600); text-transform: uppercase; letter-spacing: 0.05em; }
#order-buyukweb .view-cart-items { background: var(--white); border-radius: 0 0 var(--radius-xl) var(--radius-xl); box-shadow: var(--shadow-md); margin-bottom: 1.5rem; }
#order-buyukweb .view-cart-items .item { padding: 1.25rem; border-bottom: 1px solid var(--gray-100); transition: background var(--transition-fast); }
#order-buyukweb .view-cart-items .item:last-child { border-bottom: none; }
#order-buyukweb .view-cart-items .item:hover { background: var(--gray-50); }
#order-buyukweb .view-cart-items .item-title { font-weight: 600; color: var(--gray-900); display: block; margin-bottom: 0.25rem; }
#order-buyukweb .view-cart-items .item-group { font-size: 0.8125rem; color: var(--gray-500); display: block; }
#order-buyukweb .view-cart-items .item-domain { font-size: 0.875rem; color: var(--primary-purple); display: block; margin-top: 0.25rem; }
#order-buyukweb .view-cart-items .item-price { text-align: right; }
#order-buyukweb .view-cart-items .item-price span:first-child { font-size: 1.125rem; font-weight: 700; color: var(--gray-900); display: block; }
#order-buyukweb .view-cart-items .item-price .cycle { font-size: 0.8125rem; color: var(--gray-500); display: block; }
#order-buyukweb .view-cart-items .item-qty { text-align: center; }
#order-buyukweb .view-cart-items .item-qty input { width: 80px; text-align: center; margin: 0 auto; }
#order-buyukweb .view-cart-empty { padding: 3rem; text-align: center; color: var(--gray-400); font-size: 1.125rem; }
#order-buyukweb .btn-remove-from-cart { color: var(--gray-400); }
#order-buyukweb .btn-remove-from-cart:hover { color: var(--danger); }
#order-buyukweb .empty-cart { text-align: right; margin-bottom: 1.5rem; }

/* Order Summary */
#order-buyukweb .order-summary { background: var(--white); border-radius: var(--radius-xl); box-shadow: var(--shadow-md); padding: 1.5rem; position: sticky; top: 20px; }
#order-buyukweb .order-summary h2 { font-size: 1.5rem; font-weight: 700; color: var(--gray-900); margin: 0 0 1.5rem 0; background: var(--gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
#order-buyukweb .summary-container { position: relative; }
#order-buyukweb .order-summary .subtotal { padding: 0.75rem 0; border-bottom: 1px solid var(--gray-100); font-size: 0.9375rem; }
#order-buyukweb .order-summary .bordered-totals { padding: 0.75rem 0; border-bottom: 1px solid var(--gray-100); }
#order-buyukweb .order-summary .bordered-totals > div { padding: 0.375rem 0; font-size: 0.875rem; color: var(--gray-600); }
#order-buyukweb .order-summary .recurring-totals { padding: 0.75rem 0; border-bottom: 1px solid var(--gray-100); font-size: 0.875rem; }
#order-buyukweb .order-summary .recurring-charges { text-align: right; }
#order-buyukweb .order-summary .recurring-charges .cost { font-weight: 600; color: var(--gray-900); }
#order-buyukweb .order-summary .total-due-today { background: var(--white); border: 2px solid var(--primary-purple); padding: 1.25rem; border-radius: var(--radius-lg); margin: 1rem 0; text-align: center; }
#order-buyukweb .order-summary .total-due-today .amt { font-size: 2rem; font-weight: 700; color: var(--primary-purple); display: block; }
#order-buyukweb .order-summary .total-due-today span:last-child { font-size: 0.875rem; color: var(--gray-600); text-transform: uppercase; letter-spacing: 0.05em; }
#order-buyukweb .express-checkout-buttons { margin: 1rem 0; }
#order-buyukweb .express-checkout-buttons .separator { text-align: center; color: var(--gray-400); font-size: 0.75rem; margin: 0.75rem 0; }

/* Checkout Button */
#order-buyukweb .btn-checkout { background: var(--gradient-button); border: none; color: var(--white); }
#order-buyukweb .btn-checkout:hover { opacity: 0.9; }

/* Secondary Cart Layout */
#order-buyukweb .secondary-cart-body { flex: 1; padding-right: 30px; }
#order-buyukweb .secondary-cart-sidebar { width: 350px; flex-shrink: 0; }
@media (max-width: 991px) { 
    #order-buyukweb .secondary-cart-body { padding-right: 0; width: 100%; } 
    #order-buyukweb .secondary-cart-sidebar { width: 100%; margin-top: 2rem; }
    #order-buyukweb .order-summary { position: static; }
}

/* Tabs */
#order-buyukweb .view-cart-tabs { margin-bottom: 2rem; }
#order-buyukweb .nav-tabs { border-bottom: 2px solid var(--gray-100); display: flex; gap: 0.5rem; }
#order-buyukweb .nav-tabs .nav-item { margin-bottom: -2px; }
#order-buyukweb .nav-tabs .nav-link { padding: 0.75rem 1.25rem; border: none; border-bottom: 2px solid transparent; color: var(--gray-500); font-weight: 500; transition: all var(--transition-fast); background: transparent; }
#order-buyukweb .nav-tabs .nav-link:hover { color: var(--primary-purple); border-bottom-color: var(--primary-purple-light); }
#order-buyukweb .nav-tabs .nav-link.active { color: var(--primary-purple); border-bottom-color: var(--primary-purple); }
#order-buyukweb .tab-content { padding: 1.5rem 0; }
#order-buyukweb .tab-pane { display: none; }
#order-buyukweb .tab-pane.active { display: block; }

/* Promo Code */
#order-buyukweb .view-cart-promotion-code { background: var(--gradient-card); padding: 1rem; border-radius: var(--radius-lg); text-align: center; margin-bottom: 1rem; font-weight: 500; color: var(--primary-purple); }

/* Sub Heading */
#order-buyukweb .sub-heading { margin: 2rem 0 1.5rem 0; position: relative; }
#order-buyukweb .sub-heading span { background: var(--gradient-button); color: var(--white); padding: 0.5rem 1.25rem; border-radius: var(--radius-lg); font-size: 0.875rem; font-weight: 600; display: inline-block; }
#order-buyukweb .primary-bg-color { background: var(--gradient-button); color: var(--white); padding: 0.5rem 1.25rem; border-radius: var(--radius-lg); font-size: 0.875rem; font-weight: 600; display: inline-block; }

/* Checkout Specific */
#order-buyukweb .already-registered { background: var(--gradient-card); padding: 1.25rem; border-radius: var(--radius-xl); margin-bottom: 2rem; }
#order-buyukweb .checkout-error-feedback ul { margin: 0.5rem 0 0 1.25rem; padding: 0; }
#order-buyukweb .checkout-security-msg { margin-top: 2rem; text-align: center; }
#order-buyukweb .field-container { background: var(--gray-50); padding: 1.5rem; border-radius: var(--radius-xl); margin-bottom: 1.5rem; }
#order-buyukweb .field-help-text { font-size: 0.8125rem; color: var(--gray-500); margin-top: 0.25rem; display: block; }
#order-buyukweb .field-error-msg { font-size: 0.8125rem; color: var(--danger); margin-top: 0.25rem; display: none; }

/* Account Selection */
#order-buyukweb .account-select-container { margin-bottom: 1.5rem; }
#order-buyukweb .account { 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); cursor: pointer; }
#order-buyukweb .account:hover { border-color: var(--primary-purple-light); }
#order-buyukweb .account.active { border-color: var(--primary-purple); background: var(--gradient-card); }
#order-buyukweb .account .address { display: block; margin-top: 0.5rem; }
#order-buyukweb .account .label { font-size: 0.75rem; padding: 0.25rem 0.5rem; border-radius: var(--radius-sm); margin-left: 0.5rem; }
#order-buyukweb .account .label-default { background: var(--gray-100); color: var(--gray-600); }
#order-buyukweb .account .label-info { background: var(--info-light); color: var(--info); }

/* Payment Methods */
#order-buyukweb .payment-methods { margin-right: 1rem; }
#order-buyukweb .cc-input-container { background: var(--gray-50); padding: 1.5rem; border-radius: var(--radius-xl); margin-top: 1.5rem; }
#order-buyukweb .existing-cc-grid { margin-bottom: 1.5rem; }
#order-buyukweb .cvv-input { margin-bottom: 1rem; }
#order-buyukweb .new-card-container { margin-bottom: 1rem; }

/* Password Strength */
#order-buyukweb .password-strength-meter { margin-top: 0.5rem; }
#order-buyukweb .password-strength-meter .progress { height: 6px; border-radius: var(--radius-full); background: var(--gray-200); overflow: hidden; }
#order-buyukweb .password-strength-meter .progress-bar { height: 100%; transition: width var(--transition-base); }

/* Marketing Opt-in */
#order-buyukweb .marketing-email-optin { background: var(--gradient-card); padding: 1.5rem; border-radius: var(--radius-xl); margin: 1.5rem 0; }
#order-buyukweb .marketing-email-optin h4 { margin: 0 0 0.5rem 0; color: var(--gray-900); }
#order-buyukweb .marketing-email-optin p { margin: 0 0 1rem 0; color: var(--gray-600); font-size: 0.9375rem; }

/* Apply Credit */
#order-buyukweb .apply-credit-container { background: var(--gradient-card); padding: 1.5rem; border-radius: var(--radius-xl); margin-bottom: 1.5rem; }
#order-buyukweb .apply-credit-container p { margin: 0 0 1rem 0; font-weight: 500; color: var(--gray-700); }
#order-buyukweb .apply-credit-container .radio { margin-bottom: 0.5rem; }

/* Gateway Errors */
#order-buyukweb .gateway-errors { margin-top: 1rem; }

/* Loader */
#order-buyukweb .loader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); display: flex; align-items: center; justify-content: center; z-index: 10; border-radius: var(--radius-xl); }
#order-buyukweb .loader.w-hidden { display: none; }

/* Hidden */
#order-buyukweb .w-hidden { display: none; }

/* Clearfix */
#order-buyukweb .clearfix::after { content: ''; display: table; clear: both; }

/* Float utilities */
#order-buyukweb .pull-left, #order-buyukweb .float-left { float: left !important; }
#order-buyukweb .pull-right, #order-buyukweb .float-right { float: right !important; }
#order-buyukweb .text-right { text-align: right !important; }
#order-buyukweb .text-center { text-align: center !important; }
#order-buyukweb .text-left { text-align: left !important; }

/* Margin utilities */
#order-buyukweb .margin-bottom, #order-buyukweb .mb-3 { margin-bottom: 1rem !important; }
#order-buyukweb .mt-3 { margin-top: 1rem !important; }

/* Modal Styles */
#order-buyukweb .modal-content { border: none; border-radius: var(--radius-xl); box-shadow: var(--shadow-xl); }
#order-buyukweb .modal-body { padding: 2rem; }
#order-buyukweb .modal-footer { padding: 1rem 2rem; border-top: 1px solid var(--gray-100); }
#order-buyukweb .modal-title { font-size: 1.25rem; font-weight: 600; color: var(--gray-900); }
#order-buyukweb .modal-title i { color: var(--primary-pink); margin-right: 0.5rem; }
#order-buyukweb .modal-remove-item .modal-title i { color: var(--danger); }

/* Sidebar Collapsed */
#order-buyukweb .sidebar-collapsed { display: none; margin-bottom: 1.5rem; }
@media (max-width: 991px) { #order-buyukweb .sidebar-collapsed { display: block; } }

/* Dropdown */
#order-buyukweb .dropdown-menu { background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); padding: 0.5rem 0; min-width: 200px; }
#order-buyukweb .dropdown-menu li, #order-buyukweb .dropdown-item { padding: 0; }
#order-buyukweb .dropdown-menu a, #order-buyukweb .dropdown-item a { display: block; padding: 0.5rem 1rem; color: var(--gray-700); transition: all var(--transition-fast); }
#order-buyukweb .dropdown-menu a:hover, #order-buyukweb .dropdown-item a:hover { background: var(--gray-50); color: var(--primary-purple); }

/* Row Equal Height */
#order-buyukweb .row-eq-height { display: flex; flex-wrap: wrap; }
#order-buyukweb .row-eq-height > [class*='col-'] { display: flex; flex-direction: column; }

/* ========================================
   CART RESPONSIVE / MOBILE STYLES
   ======================================== */

/* Tablet (max-width: 991px) */
@media (max-width: 991px) {
    #order-buyukweb .view-cart-items-header { display: none; }
    #order-buyukweb .view-cart-items .item { flex-wrap: wrap; }
    #order-buyukweb .order-summary { position: static; margin-top: 1.5rem; }
    #order-buyukweb .order-summary h2 { font-size: 1.25rem; }
    #order-buyukweb .order-summary .total-due-today .amt { font-size: 1.75rem; }
}

/* Small Tablet (max-width: 767px) */
@media (max-width: 767px) {
    #order-buyukweb .view-cart-items .item { padding: 1rem; }
    #order-buyukweb .view-cart-items .item-title { font-size: 0.9375rem; }
    #order-buyukweb .view-cart-items .item-price span:first-child { font-size: 1rem; }
    #order-buyukweb .view-cart-items .item-qty input { width: 60px; }
    #order-buyukweb .nav-tabs { flex-wrap: wrap; gap: 0.25rem; }
    #order-buyukweb .nav-tabs .nav-link { padding: 0.5rem 0.75rem; font-size: 0.875rem; }
    #order-buyukweb .tab-content { padding: 1rem 0; }
    #order-buyukweb .sub-heading span, #order-buyukweb .primary-bg-color { font-size: 0.8125rem; padding: 0.375rem 1rem; }
    #order-buyukweb .already-registered { padding: 1rem; }
    #order-buyukweb .account { padding: 1rem; }
    #order-buyukweb .cc-input-container { padding: 1rem; }
    #order-buyukweb .field-container { padding: 1rem; }
    #order-buyukweb .apply-credit-container { padding: 1rem; }
    #order-buyukweb .marketing-email-optin { padding: 1rem; }
    #order-buyukweb .order-summary { padding: 1rem; }
    #order-buyukweb .order-summary h2 { font-size: 1.125rem; margin-bottom: 1rem; }
    #order-buyukweb .order-summary .total-due-today { padding: 1rem; }
    #order-buyukweb .order-summary .total-due-today .amt { font-size: 1.5rem; }
    #order-buyukweb .modal-body { padding: 1.5rem; }
    #order-buyukweb .modal-footer { padding: 1rem 1.5rem; }
}

/* Mobile (max-width: 575px) */
@media (max-width: 575px) {
    #order-buyukweb .alert { padding: 0.75rem 1rem; font-size: 0.875rem; }
    #order-buyukweb .view-cart-items .item { padding: 0.75rem; }
    #order-buyukweb .view-cart-items .item-title { font-size: 0.875rem; }
    #order-buyukweb .view-cart-items .item-group { font-size: 0.75rem; }
    #order-buyukweb .view-cart-items .item-price span:first-child { font-size: 0.9375rem; }
    #order-buyukweb .view-cart-items .item-price .cycle { font-size: 0.75rem; }
    #order-buyukweb .view-cart-empty { padding: 2rem 1rem; font-size: 1rem; }
    #order-buyukweb .nav-tabs .nav-link { padding: 0.5rem 0.625rem; font-size: 0.8125rem; }
    #order-buyukweb .sub-heading { margin: 1.25rem 0 1rem; }
    #order-buyukweb .sub-heading span, #order-buyukweb .primary-bg-color { font-size: 0.75rem; padding: 0.375rem 0.875rem; }
    #order-buyukweb .account { padding: 0.875rem; margin-bottom: 0.75rem; }
    #order-buyukweb .account .address { font-size: 0.8125rem; }
    #order-buyukweb .cc-input-container { padding: 0.875rem; }
    #order-buyukweb .order-summary { padding: 0.875rem; }
    #order-buyukweb .order-summary h2 { font-size: 1rem; }
    #order-buyukweb .order-summary .subtotal { font-size: 0.875rem; }
    #order-buyukweb .order-summary .total-due-today .amt { font-size: 1.25rem; }
    #order-buyukweb .modal-body { padding: 1rem; }
    #order-buyukweb .modal-footer { padding: 0.75rem 1rem; }
    #order-buyukweb .modal-title { font-size: 1rem; }
}

/* Force sidebar menus to stay open */
#order-buyukweb .panel .list-group,
#order-buyukweb .card .list-group,
#order-buyukweb .panel .panel-body,
#order-buyukweb .card .card-body,
#order-buyukweb .panel-sidebar .list-group,
#order-buyukweb .card-sidebar .list-group {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
}