/* Wirral Skips theme 2.5 — phone layout (up to 781px wide). Loaded on the site only, not in the editor,
 * so the editor always shows the desktop layout, even on a laptop with the side panels open. */
@media (max-width:781px){
	.ws-wrap{padding:0 18px}
	.ws-site-head,.ws-head-inner{min-height:68px}
	.ws-brand img{width:250px!important}
	.ws-hero{min-height:0;display:flex;flex-direction:column}
	.ws-hero:before{display:none}
	.ws-hero-photo{position:static;width:100%;order:2;margin-top:20px!important}
	.ws-hero-photo img{height:235px!important;object-position:right center}
	.ws-hero-inner{padding:30px 18px 0;order:1}
	.ws-hero--plain .ws-hero-inner{padding-bottom:32px}
	.ws-h1{font-size:39px!important;letter-spacing:-1px}
	.ws-lead{font-size:16px}
	.ws-ticks{display:block;margin:18px 0!important}
	.ws-ticks li{margin:9px 0;font-size:13px}
	.ws-postcode-box{padding:16px}
	.ws-postcode-box--dark{padding:0}
	.ws-postcode-row{display:block}
	.ws-postcode-row input,.ws-postcode-row .ws-btn{width:100%;margin-bottom:9px;box-sizing:border-box}
	.ws-section:not(.ws-band){padding:40px 0}
	.ws-section h2{font-size:29px}
	.ws-steps{gap:25px!important}
	.ws-step-icon img{width:88px!important;height:88px!important}
	.ws-skip-grid{flex-wrap:wrap!important}
	.wp-block-columns.ws-skip-grid{gap:12px!important}.wp-block-columns.ws-skip-grid>.wp-block-column.ws-skip-card{flex-basis:calc(50% - 6px)!important;box-sizing:border-box;flex-grow:0!important;min-height:245px;padding:12px 9px}
	.ws-skip-card img{height:105px!important}
	.ws-skip-card h3{font-size:19px}
	.ws-not-sure{min-height:220px}
	.ws-guides{flex-wrap:wrap!important}
	.wp-block-columns.ws-guides>.wp-block-column.ws-guide{flex-basis:50%!important;padding:22px 12px;border-right:0;box-sizing:border-box}
	.ws-guide img{width:90px!important;height:90px!important}
	.ws-area-layout{gap:24px!important}
	.ws-map,.ws-area-layout>.wp-block-column:has(.ws-map){display:none!important} /* map: too much tiny detail on a phone */
	.ws-final-cta:not(.ws-band){padding:46px 0}
	.ws-cta-copy{width:100%}
	.ws-final-cta h2{font-size:35px}
	.ws-cta-lead{font-size:17px}
	.ws-cta-ticks{display:block}
	.ws-cta-ticks li{margin:8px 0}
	.ws-faq-grid{gap:24px!important}
	.ws-faq-img,.ws-faq-grid>.wp-block-column:has(.ws-faq-img){display:none!important} /* repeat of the hero photo: desktop only */
	/* Footer: logo, then the menu as full-width rows (48px tap targets), then the legal line. Grows with the menu. */
	.ws-site-foot{padding:34px 0 30px}
	.ws-foot{display:block!important}
	.ws-foot-logo img{width:240px!important;max-width:100%}
	.ws-foot-links{display:block!important;margin-top:24px;font-size:16px}
	.ws-foot-links .wp-block-navigation__container{display:flex!important;flex-direction:column!important;align-items:stretch!important;flex-wrap:nowrap!important;gap:0!important;width:100%}
	.ws-foot-links .wp-block-navigation-item{border-top:1px solid rgba(255,255,255,.16);width:100%}
	.ws-foot-links .wp-block-navigation-item:last-child{border-bottom:1px solid rgba(255,255,255,.16)}
	.ws-foot-links .wp-block-navigation-item__content{display:flex!important;align-items:center;box-sizing:border-box;min-height:48px;padding:12px 2px!important;width:100%;line-height:1.35}
	.ws-legal{font-size:13px;line-height:1.7;margin-top:22px;opacity:.8}
	.ws-legal a{display:inline-block;padding:6px 0}
	.ws-quote-main{padding:28px 12px 48px}
	.ws-page-title{font-size:30px}
}
@media (max-width:781px){
	.wp-block-columns.ws-skip-grid,.wp-block-columns.ws-guides,.wp-block-columns:is(.ws-skip-grid,.ws-guides):has(>.wp-block-column){grid-template-columns:repeat(2,minmax(0,1fr))!important}
	.wp-block-columns.ws-steps,.wp-block-columns.ws-steps:has(>.wp-block-column){grid-template-columns:1fr!important}
	.wp-block-columns.ws-skip-grid>.wp-block-column.ws-skip-card{flex-basis:auto!important}
}
@media (max-width:781px){
	.ws-section{padding-top:40px;padding-bottom:40px}
	.ws-band{padding-left:18px;padding-right:18px}
	.ws-hero.ws-band{padding:30px 18px 0}
	.ws-hero.ws-band .ws-hero-photo{width:calc(100% + 36px);margin:20px -18px 0!important}
	.ws-hero--plain.ws-band{padding-bottom:32px}
	.ws-final-cta.ws-band{padding-top:46px;padding-bottom:46px}
	.ws-final-cta.ws-band>*{max-width:none}
	.wp-block-columns.ws-guides--cards{gap:12px!important}
	.wp-block-columns.ws-guides--cards>.wp-block-column.ws-guide{padding:18px 10px;border-right:1px solid var(--line)}
}

/* Tablets (600–781px): keep the three "How it works" steps in a row; stacking them only adds scrolling. */
@media (min-width:600px) and (max-width:781px){
	.wp-block-columns.ws-steps,.wp-block-columns.ws-steps:has(>.wp-block-column){grid-template-columns:repeat(3,minmax(0,1fr))!important}
	.wp-block-columns.ws-steps:has(>.wp-block-column:only-child){grid-template-columns:minmax(0,420px)!important;justify-content:center}
	.wp-block-columns.ws-steps:has(>.wp-block-column:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}
	.wp-block-columns.ws-steps:has(>.wp-block-column:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
