@charset "UTF-8";
/* CSS Document */

.logo-link {
    display: inline-block; /* or block, depending on layout */
    width: 150px;          /* Set the width of your logo */
    height: 50px;           /* Set the height of your logo */
    background-image: url("img/yah-yoga-logo.svg");
    background-repeat: no-repeat;
    background-size: contain; /* Or 'cover', or specific dimensions */
    background-position: center;
    /* For text replacement, if the link text should be hidden */
    text-indent: -9999px; /* Moves text off-screen */
    overflow: hidden;     /* Hides the off-screen text */
}


.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


        body {
            font-family: 'Poppins', sans-serif;
            background-color: #FFF9F5; /* Soft Peach/Off-white background */
            color: #4A5568; /* Neutral dark gray for text */
        }
        .text-mint { color: #68D391; } /* Minty Green */
        .bg-mint { background-color: #68D391; }
        .text-coral { color: #FC8181; } /* Soft Coral */
        .bg-coral { background-color: #FC8181; }
        .bg-peach { background-color: #FBD38D; } /* Soft Peach Accent */
        .text-peach { color: #FBD38D; }
        .section-title {
            font-size: 2.25rem; /* 36px */
            font-weight: 600;
            margin-bottom: 1rem;
            text-align: center;
        }
        .section-subtitle {
            font-size: 1.125rem; /* 18px */
            color: #718096; /* Lighter gray for subtitles */
            text-align: center;
            margin-bottom: 2.5rem;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }
        nav a:hover {
            color: #FC8181; /* Coral hover for nav links */
        }
        .cta-button {
            transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        }
        .cta-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        }
        .smooth-scroll {
            scroll-behavior: smooth;
        }
        .playful-img {
            border-radius: 1.5rem; /* More rounded */
            box-shadow: 0 10px 20px rgba(0,0,0,0.08);
            object-fit: cover;
        }
        #menu-button span {
            transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
        }
        #menu-button.open span:nth-child(1) {
            transform: translateY(8px) rotate(45deg);
        }
        #menu-button.open span:nth-child(2) {
            opacity: 0;
        }
        #menu-button.open span:nth-child(3) {
            transform: translateY(-8px) rotate(-45deg);
        }