/* Recognised Units Page – show form header and intro on mobile
 * (style.css hides them at max-width: 991.98px; this restores visibility)
 */
@media screen and (max-width: 991.98px) {
  .flats-units-search .form-header {
    display: block;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .flats-units-search-intro {
    display: block;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  /* No word breaks on mobile – keep words intact (override style.css break-word) */
  .flats-units-search,
  .flats-units-search .form-header,
  .flats-units-search .form-title,
  .flats-units-search .form-body,
  .flats-units-search-intro,
  .flats-units-search-intro p,
  .flats-units-search-intro a {
    word-wrap: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }
}

/* Keep warning icon and content on same line on mobile (override style.css column layout) */
@media screen and (max-width: 767px) {
  .flats-units-search .warning-section {
    flex-direction: row !important;
  }
}

/* Recognised Units Page Print Styles
 * ========================================== */

@media print {
    /* Force desktop layout - override mobile styles */
    .flats-units-search {
        width: 100% !important;
        max-width: none !important;
    }
    
    .form-footer {
        display: grid !important;
        grid-template-columns: 50% 25% 25% !important;
        grid-template-rows: auto auto !important;
        gap: 0.5rem 0.5rem !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        align-items: center !important;
    }
    
    /* Search tip - full width on row 1 */
    .flats-units-search-tip {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0.5rem 0 !important;
        display: block !important;
    }
    
    /* Search input - 40% width on row 2, column 1 */
    .flats-units-search-keywords {
        grid-column: 1 !important;
        grid-row: 2 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        width: 100% !important;
    }
    
    .flats-units-search-keywords .flats-units-search-field {
        width: 100% !important;
        display: block !important;
    }
    
    /* Buttons container - spans columns 2 and 3 */
    .flats-units-search-controls {
        grid-column: 2 / 4 !important;
        grid-row: 2 !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 0.5rem !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .flats-units-search-controls .btn {
        flex: 1 !important;
        display: block !important;
        white-space: nowrap !important;
        margin: 0 !important;
    }
}