/*
 Theme Name:   Beauty Center Child
 Template:     beauty-center-wordpress-theme
 Description:  Modernization child theme for InfinityStyles
 Version:      1.0.0
*/

/* =====================
   Color Palette
   ===================== */
:root {
    --primary-gold: #D4AF37;
    --dark-charcoal: #333333;
    --soft-white: #F9F9F9;
}

/* =====================
   Body Background (restore after reset.css wipes it out)
   reset.css loads AFTER parent style.css in the cascade, setting body{background:transparent}
   This rule re-applies the parent theme's dark background since child style.css loads after reset.css
   ===================== */
body {
    background-color: #5d1338;
    background: linear-gradient(165deg, #ae5e67 0%, #5d1338 600px, #5d1338 100%);
}

/* =====================
   Typography (scoped to content only — do NOT apply globally to avoid breaking header/nav)
   ===================== */
.entry-content,
.page-content,
.post-content,
.site-main p,
.site-main li {
    font-family: 'Montserrat', sans-serif;
    color: #333;
    line-height: 1.6;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
}

/* =====================
   Buttons (content area only)
   ===================== */
.entry-content .button,
.entry-content button,
.entry-content input[type="submit"],
.wp-block-button__link,
.wpforms-submit {
    background-color: var(--primary-gold) !important;
    border-radius: 30px !important;
    padding: 12px 24px !important;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
    transition: all 0.3s ease;
    color: #fff !important;
    border: none !important;
}

.entry-content .button:hover,
.entry-content button:hover,
.entry-content input[type="submit"]:hover,
.wp-block-button__link:hover,
.wpforms-submit:hover {
    background-color: var(--dark-charcoal) !important;
    transform: translateY(-2px);
    color: #fff !important;
}

/* =====================
   Sticky Mobile Call Button
   ===================== */
.sticky-call-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--primary-gold);
    text-align: center;
    padding: 15px;
    z-index: 9999;
    display: none;
}

@media (max-width: 768px) {
    .sticky-call-btn {
        display: block;
    }
}

.sticky-call-btn a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: block;
}

/* =====================
   Images
   ===================== */
.entry-content img,
.wp-block-image img {
    height: auto;
    max-width: 100%;
}