/**
 * Hotel Card Shortcode — spacing & context styles
 *
 * Cards inherit all visual styles from the existing
 * "body #category-page .category-items" CSS scope.
 * This file only handles shortcode-specific layout concerns.
 */

/* Remove top padding when shortcode appears inside page content */
.entry-content #category-page .category-items,
.et_pb_text #category-page .category-items,
.et-l #category-page .category-items {
    padding-top: 0;
}

/* Standalone single card: don't stretch to full Bootstrap container width */
#category-page .category-items > .row > .col-md-4:only-child {
    max-width: 380px;
}

/* Tablet: 2 columns */
@media (min-width: 768px) and (max-width: 991px) {
    #category-page .category-items .col-sm-6 {
        width: 50%;
    }
}

/* Mobile: 1 column, no indent override */
@media (max-width: 767px) {
    #category-page .category-items > .row > .col-md-4:only-child {
        max-width: 100%;
    }
}