@charset "UTF-8";

/*
Theme Name: Fairways
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Fairways is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.5
Requires PHP: 5.6
Version: 2.9.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * (Remaining section index kept for reference)
 */

/* =========================================
   Fairways – Performance & UX Adjustments
   ========================================= */

/* NOTE:
   All webfont declarations now live inline in header.php to ensure
   first paint matches final paint. Do NOT declare @font-face or
   change font-family here to avoid late swaps.
*/

/* 1) Stable hero height (prevents banner jump on desktop)
   ------------------------------------------------------------------ */
.site-banner.jumbotron{
  /* Responsive, stable height – tweak to your design */
  min-height: clamp(360px, 38vw, 620px);
  background-size: cover;
  background-position: center;
}

/* 2) Above-the-fold image stability
   ------------------------------------------------------------------
   - display:block avoids baseline alignment nudges
   - aspect-ratio is a safe fallback if some images lack width/height
*/
.site-main img{
  display: block;
  height: auto;
  max-width: 100%;
}
.image-content-box figure img{
  aspect-ratio: 16 / 9;  /* change per your typical strip/banner ratio if needed */
  object-fit: cover;
}

/* 3) Keep the dual CTA buttons from nudging layout (tiny CLS polish)
   ------------------------------------------------------------------ */
[role="group"][aria-label="Primary actions"]{
  min-height: 56px; /* ≈ one button height */
}

/* 4) Mobile accordion header layout (Golf course overview page only)
   ------------------------------------------------------------------
   Forces the title and the small/price meta onto separate lines under 768px.
   Page scope: 2603 (golf-courses-in-thailand overview)
*/
@media (max-width:768px){
  body.page-id-2603 .ea-header > a{
    display: flex !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
  }
  body.page-id-2603 .ea-header > a strong,
  body.page-id-2603 .ea-header > a small{
    flex: 0 0 100% !important;
    display: block !important;
  }
  /* Visual tweaks for readability */
  body.page-id-2603 .ea-header > a strong{ margin-bottom: 4px; }
  body.page-id-2603 .ea-header > a small{ margin-top: 2px; font-size: .95em; opacity: .9; line-height: 1.3; }
}

/* 5) (Optional) Smooth icon spacing in accordion headers on mobile */
@media (max-width:768px){
  body.page-id-2603 .ea-header > a i.ea-expand-icon{ margin-right: 8px; }
}

/* ===== End of Fairways performance & UX adjustments ===== */