/**
 * Roost Chicken — Layout global
 *
 * Contenedor compartido .rc-post-container (sistema de anchos alineado al
 * Header de Elementor). Movido desde single-post.css para que cualquier
 * template nativo (single, archivos, búsqueda) lo tenga disponible.
 *
 * Encolado global tras _tokens.css. Las réplicas con scope de reservas,
 * locator, ubicaciones, restaurante y roost-moment siguen en sus CSS y
 * ganan por especificidad (mismos valores).
 *
 * Especificación:
 *   - Mobile ≤767: padding lateral 10px (≤480) / 30px
 *   - Resto: padding lateral 30px
 *   - Rango 1367-1480: max-width 1350px, padding 20px (query especial
 *     heredada del sistema existente en Elementor).
 *
 * @package RoosterGourmet
 */

/* ============================================================================
   .rc-post-container — Sistema de anchos alineado al Header de Elementor.
   Replica los boxed_width_* del Theme Builder Header (id 238, container hijo
   "Container Child Boxed") para que cualquier template nativo PHP del tema
   tenga el mismo ancho que el header y footer en cada breakpoint.

   Sistema (de mayor a menor viewport):
     ≥2400  widescreen      max-width 1600px
     1481-2399  default     max-width 1400px (--rc-container-max del kit)
     1367-1480  fix special max-width 1350px, padding 20px (custom_css del Header)
     1025-1366  laptop      max-width 1150px, padding 30px
     880-1024   tablet_extra max-width 990px,  padding 30px
     768-879    tablet      max-width 850px,  padding 30px
     481-767    mobile_extra max-width 750px,  padding 30px
     ≤480       mobile      max-width 95vw,   padding 10px
   ============================================================================ */

.rc-post-container {
    max-width: var(--rc-container-max);
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
}

.rc-post-container * {
    box-sizing: border-box;
}

/* Mobile pequeño (≤480) — replica boxed_width_mobile 95vw, padding 10/10 */
@media (max-width: 480px) {
    .rc-post-container {
        max-width: 95vw;
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* Mobile extra (481-767) — replica boxed_width_mobile_extra 750px, padding 30 */
@media (min-width: 481px) and (max-width: 767px) {
    .rc-post-container {
        max-width: 750px;
    }
}

/* Tablet (768-879) — replica boxed_width_tablet 850px */
@media (min-width: 768px) and (max-width: 879px) {
    .rc-post-container {
        max-width: 850px;
    }
}

/* Tablet extra (880-1024) — replica boxed_width_tablet_extra 990px */
@media (min-width: 880px) and (max-width: 1024px) {
    .rc-post-container {
        max-width: 990px;
    }
}

/* Laptop (1025-1366) — replica boxed_width_laptop 1150px */
@media (min-width: 1025px) and (max-width: 1366px) {
    .rc-post-container {
        max-width: 1150px;
    }
}

/* Fix especial (1367-1480) — query del custom_css del Header. Corrige bug
   de layout en este rango concreto, manteniéndose escalado bajo 1400. */
@media (min-width: 1367px) and (max-width: 1480px) {
    .rc-post-container {
        max-width: 1350px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Widescreen (≥2400) — replica boxed_width_widescreen 1600px */
@media (min-width: 2400px) {
    .rc-post-container {
        max-width: 1600px;
    }
}