/*
Theme Name:  Tilly's Pet Spa (GeneratePress Child)
Theme URI:   https://generatepress.com
Description: Child theme for Tilly's Pet Spa demo site. Holds custom hooks, CSS, and the AI widget integration so GeneratePress updates never touch customizations.
Author:      Tilly's Pet Spa
Template:    generatepress
Version:     1.0.0
Text Domain: tillys-child
*/

/* =========================================================
   Custom CSS lives below this line.
   Keep it organized by section — future you will thank you.
   ========================================================= */

/* ---- Brand tokens (edit these first) ---- */
:root {
  --tillys-primary:   #2a6f6f;  /* deep teal — swap for your brand color */
  --tillys-accent:    #f4a259;  /* warm accent for CTAs */
  --tillys-dark:      #1d2d2d;
  --tillys-light:     #faf7f2;  /* warm off-white beats pure #fff for "premium" */
}

/* ---- Announcement bar (rendered by generate_before_header hook) ---- */
.tillys-topbar {
  background: var(--tillys-dark);
  color: #fff;
  font-size: 0.875rem;
  text-align: center;
  padding: 0.5rem 1rem;
}
.tillys-topbar a {
  color: var(--tillys-accent);
  text-decoration: none;
  font-weight: 600;
}

/* ---- Pre-footer CTA (rendered by generate_before_footer hook) ---- */
.tillys-prefooter {
  background: var(--tillys-primary);
  color: #fff;
  text-align: center;
  padding: 3.5rem 1.25rem;
}
.tillys-prefooter h2 {
  color: #fff;
  margin-bottom: 0.75rem;
}
.tillys-prefooter .tillys-cta-button {
  display: inline-block;
  margin-top: 1.25rem;
  padding: 0.85rem 2rem;
  background: var(--tillys-accent);
  color: var(--tillys-dark);
  font-weight: 700;
  border-radius: 999px;
  text-decoration: none;
  transition: transform 0.15s ease;
}
.tillys-prefooter .tillys-cta-button:hover {
  transform: translateY(-2px);
}

/* ---- Sticky mobile "Book Now" bar (most groomer traffic is phones) ---- */
@media (max-width: 768px) {
  .tillys-mobile-book {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: var(--tillys-accent);
    text-align: center;
    padding: 0.9rem;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.15);
  }
  .tillys-mobile-book a {
    color: var(--tillys-dark);
    font-weight: 700;
    text-decoration: none;
  }
  /* Leave room so the fixed bar never covers the footer,
     and so it doesn't collide with your AI chat bubble —
     adjust the widget's bottom offset in its own settings
     to sit above this bar on mobile. */
  body {
    padding-bottom: 3.25rem;
  }
}