/* ==========================================================================
   PAGES CSS MODULE
   --------------------------------------------------------------------------
   Purpose:
   - Contains page-specific, one-off layout or visibility rules
   - Used for individual WordPress pages that require unique styling
   - Prevents page overrides from polluting core.css or domain modules

   Examples:
   - Hide title on a specific page
   - Adjust layout for a single landing page
   - Page-specific spacing or visibility fixes

   Exclusions:
   - No BuddyBoss profile UI
   - No listing UI
   - No snapshots
   - No GravityForms or GravityView styling
   - No global utilities

   Related JS:
   - None (page-specific only)

   Sections:
   1. Page title overrides
   2. Page layout adjustments
   3. Page-specific visibility rules
   ========================================================================== */

/* Hide home page title */
.page-id-9 .entry-header { display: none; }

/* set a maximum width for the BuddyBoss activity feed */
.directory.activity #primary {
    max-width: 600px;  
    margin-left: auto;  /* Centers the container if it's narrower than the screen */
    margin-right: auto; /* Centers the container if it's narrower than the screen */
}

/* To set a specific maximum pixel width for images in Buddyboss Activity feed */
.activity-inner img {
    max-width: 500px !important;  
    height: auto !important; /* Ensures the image aspect ratio is maintained */
}

/* To set a maximum width for link preview images in Buddyboss Activity feed */
.activity-link-preview-image img {
    max-width: 200px !important;  
}