/*
Theme Name: Sunrise Welcome Sign
Template: twentytwentyfive
Description: Child theme of Twenty Twenty-Five for Sunrise In-Home Multiage Child Care. Welcome Sign design: sky hero, balloon dots, wavy section edges, colour-topped cards, pill buttons. Fonts stored locally (Capriola, Nunito, SIL OFL).
Version: 1.0.6
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: sunrise
*/

/* ---------- Header ---------- */
.sr-header{background:#fff;box-shadow:0 2px 0 var(--wp--preset--color--line);position:sticky;top:0;z-index:50}
.admin-bar .sr-header{top:32px}
@media (max-width:782px){.admin-bar .sr-header{top:0;position:relative}}
.sr-logo{display:block;line-height:0;flex:0 0 auto}.sr-logo svg{display:block;height:64px;width:197px;overflow:visible}
@media (max-width:600px){.sr-logo svg{height:48px;width:148px}}
.sr-header .wp-block-navigation{font-size:.95rem;font-weight:700}
.sr-header .wp-block-navigation a:hover{color:var(--wp--preset--color--primary)}
.sr-header .wp-block-navigation .current-menu-item>a{box-shadow:0 2px 0 var(--wp--preset--color--primary)}
.sr-header .sr-nav-cta>a{background:var(--wp--preset--color--primary);color:#fff!important;border-radius:999px;padding:.55em 1.2em!important;box-shadow:0 3px 0 #8A3D07}
.sr-header .wp-block-navigation__submenu-container{border-radius:14px;border:0!important;box-shadow:0 8px 24px rgba(26,111,176,.15);padding:6px 0;font-weight:400}

/* ---------- Page sections ---------- */
.wp-block-post-content>.sr-hero,.wp-block-post-content>.sr-section{max-width:none!important;margin-left:calc(-1*var(--wp--style--root--padding-left,0px))!important;margin-right:calc(-1*var(--wp--style--root--padding-right,0px))!important}
.entry-content>.sr-hero,.wp-block-post-content>.sr-hero{margin-top:0}
.sr-hero{position:relative;overflow:hidden;padding:110px 24px 64px!important;margin-bottom:0;
 background:
  radial-gradient(ellipse 180px 70px at 8% 82%,#fff 98%,transparent 100%),
  radial-gradient(ellipse 140px 55px at 92% 24%,#fff 98%,transparent 100%),
  radial-gradient(ellipse 220px 80px at 72% 100%,#fff 98%,transparent 100%),
  linear-gradient(180deg,#BFE4F8,#EAF6FD)}
.sr-hero:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:300px;height:96px;pointer-events:none;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 96'%3E%3Cg stroke-width='2'%3E%3Cpath d='M17 0v60' stroke='%231F8FD6'/%3E%3Cpath d='M61 0v74' stroke='%23F08A24'/%3E%3Cpath d='M105 0v66' stroke='%23E3262B'/%3E%3Cpath d='M149 0v74' stroke='%238DC03F'/%3E%3Cpath d='M193 0v60' stroke='%236B4C9A'/%3E%3Cpath d='M237 0v74' stroke='%231F8FD6'/%3E%3Cpath d='M281 0v66' stroke='%23F7C51A'/%3E%3C/g%3E%3Ccircle cx='17' cy='60' r='16' fill='%231F8FD6'/%3E%3Ccircle cx='61' cy='74' r='16' fill='%23F08A24'/%3E%3Ccircle cx='105' cy='66' r='16' fill='%23E3262B'/%3E%3Ccircle cx='149' cy='74' r='16' fill='%238DC03F'/%3E%3Ccircle cx='193' cy='60' r='16' fill='%236B4C9A'/%3E%3Ccircle cx='237' cy='74' r='16' fill='%231F8FD6'/%3E%3Ccircle cx='281' cy='66' r='16' fill='%23F7C51A'/%3E%3C/svg%3E") center top/contain no-repeat}
.sr-hero h1{font-size:clamp(2rem,4.5vw,2.8rem);margin-top:0}
.sr-hero .sr-lead{font-size:1.15rem}
.sr-section{padding:56px 24px!important;margin-top:0!important;margin-bottom:0!important;position:relative}
.wp-block-post-content>.sr-section:nth-child(odd){background:var(--wp--preset--color--tint);margin:40px 0!important}
.wp-block-post-content>.sr-section:nth-child(odd):before,
.wp-block-post-content>.sr-section:nth-child(odd):after{content:"";position:absolute;left:0;right:0;height:40px;pointer-events:none;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40V20C150 0 300 0 450 20S750 40 900 20 1100 0 1200 15V40Z' fill='%23EAF6FD'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.wp-block-post-content>.sr-section:nth-child(odd):before{top:-39px}
.wp-block-post-content>.sr-section:nth-child(odd):after{bottom:-39px;transform:rotate(180deg)}
.sr-section h2{margin-top:0}

/* Lists with round yellow bullets */
.wp-block-post-content ul.wp-block-list:not(.sr-cards){list-style:none;padding-left:0}
.wp-block-post-content ul.wp-block-list:not(.sr-cards) li{position:relative;padding-left:28px;margin:.4em 0}
.wp-block-post-content ul.wp-block-list:not(.sr-cards) li:before{content:"";position:absolute;left:4px;top:.55em;width:12px;height:12px;border-radius:50%;background:#F7C51A;box-shadow:0 0 0 2px #E07B12 inset}

/* Colour-topped cards (Home: Why Families Choose Sunrise) */
.sr-section ul.sr-cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;max-width:1140px!important}
.sr-cards li{background:#fff;border-radius:18px;padding:22px;text-align:center;box-shadow:0 6px 18px rgba(26,111,176,.10);border-top:6px solid var(--k,#1F8FD6);font-size:.95rem;color:var(--wp--preset--color--muted)}
.sr-cards li:before{content:"";display:block;width:46px;height:46px;border-radius:50%;background:var(--k,#1F8FD6);margin:0 auto 12px}
.sr-cards li strong{display:block;font-family:var(--wp--preset--font-family--capriola);font-weight:400;font-size:1.15rem;color:var(--wp--preset--color--text);margin-bottom:.3em}
.sr-cards li:nth-child(1){--k:#1F8FD6}.sr-cards li:nth-child(2){--k:#F08A24}.sr-cards li:nth-child(3){--k:#8DC03F}.sr-cards li:nth-child(4){--k:#6B4C9A}.sr-cards li:nth-child(5){--k:#F7C51A}

/* Daily schedule timeline */
.sr-time{background:#fff;border-radius:18px;padding:16px 20px;border-left:6px solid #1F8FD6;box-shadow:0 4px 14px rgba(26,111,176,.08)}
.sr-time:nth-of-type(4n+2){border-left-color:#F08A24}.sr-time:nth-of-type(4n+3){border-left-color:#8DC03F}.sr-time:nth-of-type(4n){border-left-color:#6B4C9A}
.sr-time strong{color:var(--wp--preset--color--blue)}

/* Map + text split, reviews, gallery, form */
.sr-split{gap:40px}
.sr-map iframe{width:100%;min-height:340px;border:0;border-radius:18px}
.sr-section .wp-block-gallery{max-width:1140px!important}
.sr-section .wp-block-gallery img{border-radius:18px}
.wpcf7 label{display:block;font-weight:700;margin-bottom:12px}
.wpcf7 input:not([type=submit]),.wpcf7 textarea{width:100%;padding:12px 14px;border:2px solid var(--wp--preset--color--line);border-radius:12px;font:inherit;background:#fff;margin-top:4px}
.wpcf7 input:focus,.wpcf7 textarea:focus{outline:3px solid #1F8FD6;outline-offset:1px}
.wpcf7 input[type=submit]{background:var(--wp--preset--color--primary);color:#fff;border:0;border-radius:999px;padding:14px 30px;font:inherit;font-weight:700;box-shadow:0 4px 0 #8A3D07;cursor:pointer}
.sr-form-note{font-size:.9rem}

/* Placeholder (drafts only: replace before publishing) */
.sr-placeholder{border:2px dashed #1A6FB0;border-radius:18px;padding:28px!important;text-align:center;font-weight:700;font-size:.85rem;
 background:repeating-linear-gradient(45deg,#EAF6FD,#EAF6FD 12px,#fff 12px,#fff 24px)}

/* ---------- Footer ---------- */
.sr-footer{position:relative;margin-top:40px!important}
.sr-footer:before{content:"";position:absolute;left:0;right:0;top:-39px;height:40px;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40V20C150 0 300 0 450 20S750 40 900 20 1100 0 1200 15V40Z' fill='%23173A57'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.sr-footer,.sr-footer p,.sr-footer a{color:#fff!important}
.sr-footer .sr-trust,.sr-footer h2{color:#F7C51A!important}
.sr-footer ul{list-style:none;padding:0;margin:0}
.sr-footer li{margin:.3em 0}

@media (max-width:600px){
 .sr-hero{padding:92px 20px 44px!important}
 .sr-hero:before{width:210px;height:68px}
 .sr-section{padding:40px 20px!important}
}

/* Home photo gallery: swipeable row with snap (no plugin, no script) */
.sr-section .wp-block-gallery.sr-gallery{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px!important;padding-bottom:10px;-webkit-overflow-scrolling:touch}
.sr-gallery.wp-block-gallery figure.wp-block-image{flex:0 0 46%!important;width:auto!important;scroll-snap-align:start;margin:0!important}
.sr-gallery.wp-block-gallery figure.wp-block-image img{aspect-ratio:16/10;object-fit:cover;height:auto}
.sr-gallery::-webkit-scrollbar{height:8px}.sr-gallery::-webkit-scrollbar-thumb{background:#1A6FB0;border-radius:8px}
@media (max-width:600px){.sr-gallery.wp-block-gallery figure.wp-block-image{flex-basis:85%!important}}
.sr-section .wp-block-shortcode,.sr-section .wp-widget-gr{max-width:1140px}
@media (max-width:600px){.wp-block-post-content h2{font-size:1.5rem}.sr-hero h1{font-size:2rem}}

.sr-footer .sr-footnav a{color:#fff!important;text-decoration:underline}
.sr-footer .wp-block-navigation{font-size:.95rem}

/* Phone menu overlay: left-aligned, larger tap targets, flat submenu */
.sr-header .wp-block-navigation__responsive-container.is-menu-open{padding:24px!important}
.sr-header .is-menu-open .wp-block-navigation__responsive-container-content,
.sr-header .is-menu-open .wp-block-navigation__container,
.sr-header .is-menu-open .wp-block-navigation-item{align-items:flex-start!important;text-align:left}
.sr-header .is-menu-open .wp-block-navigation-item{font-size:1.15rem;padding:4px 0}
.sr-header .is-menu-open .wp-block-navigation__submenu-container{box-shadow:none!important;border-left:3px solid #F7C51A!important;border-radius:0!important;padding:0 0 0 16px!important;margin-top:6px}
.sr-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item{font-size:1rem;font-weight:400}
