/*
Theme Name: Palm Beach Tennis Homes
Theme URI: https://palmbeachtennishomes.com
Description: Palm Beach Tennis Homes child theme built on Beaver Builder Theme. Luxury tennis lifestyle real estate for Palm Beach County.
Author: HYPEsites
Author URI: https://hypesites.com
Template: bb-theme
Version: 1.0.0
Tags: beaver-builder, luxury, real-estate, tennis
Text Domain: pbth
*/

/* ========================
   PBTH Design System Tokens
   ======================== */
:root {
  /* Colors */
  --pbth-navy:        #0d1b2e;
  --pbth-navy-deep:   #001422;
  --pbth-navy-mid:    #162d4a;
  --pbth-gold:        #b8965a;
  --pbth-gold-light:  #d4ae78;
  --pbth-gold-dark:   #9a7a42;
  --pbth-cream:       #f8f4ed;
  --pbth-ivory:       #fdf9f3;
  --pbth-text:        #2a2a2a;
  --pbth-text-light:  #5a5a5a;
  --pbth-white:       #ffffff;
  --pbth-border:      #d8cdb8;

  /* Typography Scale — rem based on 16px root */
  --pbth-text-xs:     0.7rem;    /* 11.2px — labels, captions */
  --pbth-text-sm:     0.85rem;   /* 13.6px — secondary text */
  --pbth-text-base:   1rem;      /* 16px   — body copy */
  --pbth-text-lg:     1.2rem;    /* 19.2px — lead paragraphs */
  --pbth-text-xl:     1.5rem;    /* 24px   — small headings */
  --pbth-text-2xl:    2rem;      /* 32px   — subheadings */
  --pbth-text-3xl:    2.8rem;    /* 44.8px — section headings */
  --pbth-text-4xl:    3.8rem;    /* 60.8px — page headings */
  --pbth-text-5xl:    5rem;      /* 80px   — hero display */

  /* Spacing Scale */
  --pbth-space-xs:      0.5rem;
  --pbth-space-sm:      1rem;
  --pbth-space-md:      1.5rem;
  --pbth-space-lg:      2.5rem;
  --pbth-space-xl:      4rem;
  --pbth-space-section: 7rem;

  /* Shadows */
  --pbth-shadow-card:       0 2px 20px rgba(0,0,0,0.08);
  --pbth-shadow-card-hover: 0 8px 40px rgba(0,0,0,0.14);

  /* Radius */
  --pbth-radius-sm: 2px;
  --pbth-radius-md: 4px;

  /* Widths */
  --pbth-width-container: 1200px;
  --pbth-width-narrow:    780px;

  /* Transition */
  --pbth-transition: 0.3s ease;
}

/* ========================
   Root Font Size
   ======================== */
html {
  font-size: 16px;
}

/* ========================
   Typography — Global Rules
   ======================== */
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
  font-style: italic;
  color: var(--pbth-gold);
}

/* ========================
   Header — No link underline
   ======================== */
.fl-theme-builder-header a,
.fl-theme-builder-header a:hover,
.fl-theme-builder-header a:visited,
.fl-theme-builder-header a:focus {
  text-decoration: none !important;
}

/* ========================
   Header — Mobile Flyout Nav Links
   ======================== */
.fl-theme-builder-header .fl-menu-mobile-flyout a,
.fl-theme-builder-header .fl-menu-mobile-flyout li a {
  color: var(--pbth-ivory) !important;
}

.fl-theme-builder-header .fl-menu-mobile-flyout a:hover,
.fl-theme-builder-header .fl-menu-mobile-flyout li a:hover {
  color: var(--pbth-gold) !important;
}

/* ========================
   Header — Mobile Flyout Close Icon
   ======================== */
.fl-theme-builder-header .fl-menu-mobile-close,
.fl-theme-builder-header .fl-menu-mobile-close i {
  color: var(--pbth-ivory) !important;
}

.fl-theme-builder-header .fl-menu-mobile-close:hover,
.fl-theme-builder-header .fl-menu-mobile-close:hover i {
  color: var(--pbth-gold) !important;
}
/* ========================
   Hero — Tablet & Mobile Background Fix
   ======================== */
@media (max-width: 1200px) {
  .pbth-hero .fl-row-content-wrap {
    background-attachment: local !important;
  }
}