/*
Theme Name: Momss Child
Template: momss-parent
Author: Marc-Roger Gagne and Caroline
Description: Child theme for Momss.ca customizations.
Version: 1.0.1
Text Domain: momss-child
*/
:root{--ink:#243235;--muted:#5f7074;--paper:#fbfcfa;--mist:#eaf5f1;--line:#d8e4e1;--mint:#6faf98;--deep-mint:#315e66;--coral:#e86f52;--yellow:#f2c14e;--blue:#5e8fa3;--white:#fff}
body{background:var(--paper);color:var(--ink)}
a{color:var(--deep-mint)}
a:hover{color:var(--coral)}
.site-header{background:rgba(251,252,250,.96);border-bottom:1px solid var(--line)}
.site-branding a{color:var(--ink)}
.tagline{color:var(--muted)}
.main-navigation a{color:var(--ink)}
.lang-toggle .active{border-color:var(--yellow);color:var(--ink)}
.hero{min-height:74vh;background:linear-gradient(90deg,rgba(251,252,250,.98) 0%,rgba(251,252,250,.94) 50%,rgba(251,252,250,.12) 100%),url('../momss-parent/assets/images/family-placeholder.svg') right center/auto 100% no-repeat;border-bottom:1px solid var(--line);color:var(--ink)}
.hero h1{color:var(--ink)}
.hero p{color:var(--muted)}
.button,.wp-block-button__link,button,input[type=submit]{background:var(--coral);color:var(--white);box-shadow:0 10px 24px rgba(232,111,82,.22)}
.button:hover,.wp-block-button__link:hover,button:hover,input[type=submit]:hover{background:var(--deep-mint);color:var(--white)}
.sunline{background:linear-gradient(90deg,var(--coral),var(--yellow),var(--mint))}
.card,.listing,.event-card,.post-card{border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 34px rgba(36,50,53,.07)}
.card p,.listing p,.event-card p,.post-card p{color:var(--muted)}
.spotlight{background:var(--deep-mint);border-left:10px solid var(--yellow);border-radius:8px}
.newsletter-box{background:var(--mist);border:1px solid var(--line);border-radius:8px}
.momss-form input,.momss-form textarea,.momss-form select{border:1px solid var(--line);border-radius:8px}
.site-footer{background:var(--ink)}
.footer-line{background:linear-gradient(90deg,var(--coral),var(--yellow),var(--mint),var(--blue))}
@media(max-width:900px){
    body{font-size:17px;line-height:1.58}
    .site-header{position:relative}
    .nav-wrap{align-items:flex-start;flex-direction:column;padding:12px 16px;gap:10px}
    .site-branding a{font-size:28px}
    .tagline{font-size:12px;line-height:1.3;margin-top:0;max-width:330px}
    .main-navigation{width:100%;overflow-x:auto;padding-bottom:4px}
    .main-navigation ul{display:flex;flex-wrap:nowrap;gap:8px;width:max-content}
    .main-navigation a{display:block;background:var(--mist);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14px;white-space:nowrap}
    .lang-toggle{position:absolute;right:16px;top:16px}
    .hero{min-height:auto;display:block;background:var(--paper);border-bottom:1px solid var(--line)}
    .hero:after{content:"";display:block;height:150px;background:url('../momss-parent/assets/images/family-placeholder.svg') center/cover no-repeat;border-top:1px solid var(--line)}
    .hero-inner{padding:34px 16px 28px}
    .hero h1{font-size:42px;max-width:100%;margin-bottom:16px}
    .hero p{font-size:18px;line-height:1.42;margin-bottom:22px}
    .button,.wp-block-button__link,button,input[type=submit]{width:100%;text-align:center;padding:13px 16px}
    .cards,.footer-wrap{grid-template-columns:1fr;gap:14px}
    .section{padding:38px 16px}
    .sunline{height:4px;margin-bottom:20px}
    .card,.listing,.event-card,.post-card{padding:20px;box-shadow:none}
    .card h2,.listing h2,.event-card h2,.post-card h3{font-size:26px}
    .spotlight{padding:26px 22px;border-left:0;border-top:8px solid var(--yellow)}
    .newsletter-box{border-radius:0;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
    .footer-wrap{padding:32px 16px}
    .copyright{font-size:14px;padding:14px 16px}
}
@media(max-width:430px){
    h2{font-size:30px}
    .hero h1{font-size:36px}
    .hero:after{height:118px}
    .tagline{max-width:250px}
    .section{padding-top:34px;padding-bottom:34px}
    .card h2,.listing h2,.event-card h2,.post-card h3{font-size:24px}
}