/* ================================================
   HENDOSHI - CONTAINERS & LAYOUT
   ================================================
   
   Container widths, padding, and layout utilities.
   
   Load Order: After foundation files
   ================================================ */

/* Container Utilities */
.container {
    max-width: 1400px;
    margin: 0 auto;
}

/* Canonical page container: centralized settings for page content wrappers */
/* Page wrapper padding moved to vault-modals.css for single source of truth */

/* Checkout/contact specific bottom padding */

/* Mobile Edge-to-Edge Containers */
@media (max-width: 768px) {
    .container {
        max-width: 100%;
        padding-right: 12px;
        padding-left: 12px;
    }
}

/* Search Results & Products Container */

/* Checkout Page Container - Canonical */
.search-results-container,
.products-container,
.checkout-container {
    max-width: 1400px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .search-results-container,
    .products-container {
        max-width: 100%;
    }
}

/* ===================================
   UTILITY CLASSES
   =================================== */

/* Display utilities (Bootstrap provides d-none, d-block, d-flex with responsive variants) */
.d-inline {
    display: inline;
}
.d-inline-block {
    display: inline-block;
}

/* Width utilities */
.w-100 {
    width: 100%;
}
.w-auto {
    width: auto;
}

/* Cursor utilities */
.cursor-pointer {
    cursor: pointer;
}

/* Visibility (alias for d-none/d-block) */
.hidden {
    display: none;
}
.visible {
    display: block;
}

/* Carrier logo placeholders (track order page) */
.carrier-logo-placeholder {
    padding: 1rem;
    border-radius: 8px;
}

.carrier-logo-placeholder.bg-white {
    background: white;
}
.carrier-logo-placeholder.bg-ups {
    background: #351c15;
}
.carrier-logo-placeholder.bg-dhl {
    background: #ffcc00;
}

.carrier-logo-svg {
    width: 100%;
    height: 60px;
}