/* NESBİL NSBLC — R16 mobile and safe-area refinements.
 * Style-only: prices, form names, hidden fields and order AJAX are untouched.
 */
@media (max-width: 991px) {
    #order-standard_cart {
        box-sizing: border-box;
        width: 100%; max-width: 100%; min-width: 0;
        overflow-wrap: break-word;
    }
    #order-standard_cart .cart-body,
    #order-standard_cart .secondary-cart-body,
    #order-standard_cart .secondary-cart-sidebar,
    #order-standard_cart .domain-lookup-result,
    #order-standard_cart .domain-selection-options,
    #order-standard_cart .summary-container,
    #order-standard_cart .view-cart-items,
    #order-standard_cart .product-info,
    #order-standard_cart .form-group {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }
    #order-standard_cart :is(.table-responsive, .table-container, .nsblc-table-scroll) {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    #order-standard_cart .domain-suggestion,
    #order-standard_cart .domain-suggestion .actions,
    #order-standard_cart .domain-lookup-result .actions {
        min-width: 0;
        max-width: 100%;
    }
    #order-standard_cart :is(.product-name, .product-group, .item-title, .item-domain,
        .domain-suggestion .domain, .domain-suggestion .extension, .cart-item-title) {
        overflow-wrap: anywhere;
    }
    #order-standard_cart :is(input, select, textarea, .form-control) {
        box-sizing: border-box;
        min-width: 0;
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    #order-standard_cart input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),
    #order-standard_cart textarea,
    #order-standard_cart select,
    #order-standard_cart .form-control { font-size: 16px; }
    #order-standard_cart .summary-container,
    #order-standard_cart .order-summary,
    #order-standard_cart .view-cart-items { max-width: 100%; }
    #order-standard_cart .domain-suggestion .actions {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 8px;
    }
    #order-standard_cart .domain-suggestion .actions .btn { max-width: 100%; }
    #order-standard_cart .domain-lookup-result .list-group-item { min-width: 0; }
    #order-standard_cart .form-group .input-group { width: 100%; max-width: 100%; }
    #order-standard_cart .input-group .input-group-addon { white-space: nowrap; }
    #order-standard_cart :is(.single-pricing-table, .spotlight-tld, .order-summary) {
        min-width: 0;
        max-width: 100%;
    }
    .modal.nsblc-cart-modal { padding: 12px max(12px, env(safe-area-inset-right))
        max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); }
    .modal.nsblc-cart-modal .modal-content { max-height: calc(100dvh - 24px); }
}
@media (max-width: 390px) {
    #order-standard_cart .suggested-domains .domain-suggestion { gap: 8px; padding: 12px; }
    #order-standard_cart .domain-suggestion .actions .btn { white-space: normal; }
    .modal.nsblc-cart-modal .modal-footer { flex-wrap: nowrap; }
}
@media (hover: none), (pointer: coarse) {
    #order-standard_cart :is(.btn, .single-pricing-table, .pricing-btn,
        .domain-suggestion, .spotlight-tld):hover { transform: none !important; }
}

/* R17: restore Bootstrap row geometry, including nested forms and domain grids.
   Limiting .row to max-width:100% in R16 cut its left 15px. */
@media (max-width: 991px) {
    #order-standard_cart .row {
        max-width: none;
        min-width: 0;
        width: auto;
        margin-left: -15px;
        margin-right: -15px;
    }
    #order-standard_cart .row > [class*="col-"] {
        min-width: 0;
        box-sizing: border-box;
    }
    #order-standard_cart .nsblc-table-scroll,
    #order-standard_cart .table-responsive {
        max-width: 100%;
        overflow-x: auto;
    }
}

/* R18 | Domain FAQs: legacy prose lived inside a .row without columns,
   pushing the headings 15px left on phones. Source templates now use
   .nsblc-faq-copy instead. Align chart and FAQ to the order form gutter. */
@media (max-width: 991px) {
    #order-standard_cart :is(.domain-chart-area, .sss-area) { box-sizing: border-box; max-width: 100%; min-width: 0; }
    #order-standard_cart .domain-chart-area > .container,
    #order-standard_cart .domain-chart-area .container {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    #order-standard_cart .nsblc-faq-copy {
        min-width: 0;
        max-width: 100%;
        margin: 0;
        overflow-wrap: break-word;
    }
    #order-standard_cart .nsblc-faq-copy > h3 { max-width: 100%; line-height: 1.35; }
}