/* Title: modern gold + outline */
/* Tagline — soft white gold, shifted into sand area for contrast */
.site-description {
  color: #FFF5CC !important;                /* soft golden white */
  font-family: 'Lato', sans-serif;
  font-style: italic;
  font-weight: 700;
  font-size: 1.12em;
  text-shadow:
    0 2px 4px rgba(0,0,0,0.65),
    0 0 6px rgba(255,255,255,0.4);
  position: relative;
  left: -20%;                              /* pushes into sand area */
  letter-spacing: 0.5px;
  z-index: 10;                             /* stays visible over image */
}

/* On mobile: recenter for clean layout */
@media (max-width: 900px) {
  .site-description {
    left: 0;
    text-align: center;
  }
}


/* Header title — sunlit metallic gold with depth and sheen */
.site-title, 
.site-title a, 
.site-title a:visited, 
.site-title a:hover {
  color: #F9D97A !important; /* warm, metallic gold */
  font-family: 'Playfair Display', serif;
  font-weight: 800;
  letter-spacing: 1px;

  /* subtle golden depth */
  text-shadow:
    0 2px 4px rgba(0, 0, 0, 0.4),     /* base shadow */
    0 0 8px rgba(255, 230, 150, 0.7), /* inner glow */
    0 0 18px rgba(255, 255, 200, 0.5); /* outer light */
  
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

.site-title a:hover {
  color: #FFEFA8 !important; /* brighter highlight on hover */
  text-shadow:
    0 3px 6px rgba(0, 0, 0, 0.5),
    0 0 14px rgba(255, 250, 200, 0.8);
}


/* === 1) Title color (normal + visited) === */
.site-title a,
.site-title a:visited {
  color: #E5C07B !important;                       /* champagne gold */
  text-shadow:
    0 2px 6px rgba(0,0,0,.40),
    0 0 12px rgba(255,245,200,.60);
}

/* === 1b) Title on hover (slightly brighter) === */
.site-title a:hover {
  color: #FFEBA1 !important;                       /* sunlit highlight */
  text-shadow:
    0 3px 8px rgba(0,0,0,.50),
    0 0 16px rgba(255,250,210,.80);
}

/* === 2) Lock tagline color + side position === */
.site-description{
  position: relative !important;
  left: -20% !important;                           /* keep it in the sand area */
  text-align: left !important;
  color: #F3E6B3 !important;                       /* soft champagne */
  text-shadow:
    0 2px 3px rgba(0,0,0,.35),
    0 0 8px rgba(255,240,200,.60);
  z-index: 10;
}

/* Re-center tagline on phones */
@media (max-width: 782px){
  .site-description{
    left: 0 !important;
    text-align: center !important;
  }
}

/* Lock tagline colour + position */
.site-description{
  position: relative !important;
  left: -20% !important;         /* keep in the sand area */
  text-align: left !important;
  color: #F3E6B3 !important;     /* champagne for the tagline */
  text-shadow:
    0 2px 3px rgba(0,0,0,.35),
    0 0 8px rgba(255,240,200,.60);
  z-index: 10;
}
@media (max-width: 782px){
  .site-description{
    left: 0 !important;
    text-align: center !important;
  }
}


/* FORCE GOLD TITLE — beats all inline Ashe styles */
#masthead .site-title a,
#masthead .site-title a:visited {
  color: #E5C07B !important; /* Radiant champagne gold */
  text-shadow:
    0 3px 6px rgba(0,0,0,0.4),
    0 0 14px rgba(255,240,200,0.7);
}

/* Brighter on hover */
#masthead .site-title a:hover {
  color: #FFEBA1 !important;
  text-shadow:
    0 3px 8px rgba(0,0,0,0.5),
    0 0 16px rgba(255,250,210,0.8);
}

/* Tagline — stays gold + left-aligned */
#masthead .site-description {
  color: #F3E6B3 !important;
  position: relative !important;
  left: -20% !important;
  text-align: left !important;
  text-shadow:
    0 2px 3px rgba(0,0,0,.35),
    0 0 8px rgba(255,240,200,.60);
  z-index: 10;
}

/* Center tagline on mobile */
@media (max-width: 782px){
  #masthead .site-description {
    left: 0 !important;
    text-align: center !important;
  }
}


/* ------------------------------------------ */
/* Responsive tagline scaling for all devices */
/* ------------------------------------------ */

/* Tablets (600–900px): gentle resize */
@media (max-width: 900px) and (min-width: 601px) {
  .site-description {
    font-size: 1.05em !important;
  }
}

/* Phones (under 600px): smaller text + soft shadow for readability */
@media (max-width: 600px) {
  .site-description {
    font-size: 0.9em !important;
    line-height: 1.3em;
    text-shadow:
      0 1px 3px rgba(0, 0, 0, 0.25),   /* subtle outer lift */
      0 0 8px rgba(229, 192, 123, 0.4); /* warm gold glow */
  }
}
/* Caption styling for blog images */
.soft-caption {
  font-style: italic;
  color: #B08B51; /* signature That Golden Girl Life gold */
  text-align: center;
  font-size: 15px;
  opacity: 0.9;
  margin-top: 6px;
  letter-spacing: 0.3px;
}