/* Surf Ireland shared 3D action system — report 23 */
:root{--si-deep:#062c40;--si-teal:#3aebd4;--si-coral:#ff7955;--si-yellow:#ffdb62;--si-cream:#fffaf0}

/* Home hero — primary three actions */
.home-refresh .hero-actions{gap:12px}
.home-refresh .hero-actions .button{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;gap:11px;min-height:58px;padding:10px 13px;border:1px solid rgba(255,255,255,.48);border-radius:24px!important;font-family:ui-rounded,"Trebuchet MS",Arial,sans-serif;font-size:clamp(12px,2.5vw,16px)!important;font-weight:1000!important;letter-spacing:-.35px;text-shadow:0 2px 0 rgba(0,0,0,.16);box-shadow:inset 0 3px 1px rgba(255,255,255,.48),inset 0 -5px 0 rgba(0,0,0,.13),0 8px 0 rgba(3,42,50,.34),0 13px 22px rgba(1,27,38,.22);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.home-refresh .hero-actions .button::after{content:"";position:absolute;z-index:-1;left:8%;right:8%;top:4px;height:34%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0));pointer-events:none}
.home-refresh .hero-actions .button:hover{transform:translateY(-3px);filter:saturate(1.08) brightness(1.03);box-shadow:inset 0 3px 1px rgba(255,255,255,.52),inset 0 -5px 0 rgba(0,0,0,.12),0 11px 0 rgba(3,42,50,.3),0 17px 28px rgba(1,27,38,.27)}
.home-refresh .hero-actions .button:active{transform:translateY(4px);box-shadow:inset 0 2px 1px rgba(255,255,255,.35),inset 0 -3px 0 rgba(0,0,0,.12),0 3px 0 rgba(3,42,50,.35)}
.home-refresh .hero-actions .button.forecast{background:linear-gradient(180deg,#56f7e5,#18cfca)!important;color:#063847!important}
.home-refresh .hero-actions .button.coral{background:linear-gradient(180deg,#ff9b78,#ff684e)!important;color:#082f3e!important}
.home-refresh .hero-actions .button.cream{background:linear-gradient(180deg,#ffe982,#ffc93f)!important;color:#082f3e!important}
.cta-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:14px;background:rgba(255,255,255,.28);box-shadow:inset 0 2px 1px rgba(255,255,255,.46),0 2px 5px rgba(0,0,0,.13);color:#075f77}.button.coral .cta-icon{color:#fef7e5}.button.cream .cta-icon{color:#0a6077}.cta-icon svg{width:31px;height:31px;display:block}.cta-label{flex:1;white-space:nowrap}.cta-arrow{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:rgba(5,55,69,.18);font-size:24px;font-weight:1000;line-height:1}

/* Shared major CTA look */
.sg-btn,.guide-button,.primary-link,.spot-guide-page-link,.partner-forecast-cta,.revolut-link,.nav-forecast,.school-back,.gallery-back,.show-map,.partner-map-link,.report-cta,.location-guide-primary,.location-guide-directions{position:relative;overflow:hidden;border-radius:20px!important;font-family:ui-rounded,"Trebuchet MS",Arial,sans-serif;font-weight:950!important;letter-spacing:-.2px;text-decoration:none;box-shadow:inset 0 2px 1px rgba(255,255,255,.38),inset 0 -4px 0 rgba(0,0,0,.12),0 6px 0 rgba(3,42,50,.22),0 10px 18px rgba(3,42,50,.13);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.sg-btn:hover,.guide-button:hover,.primary-link:hover,.spot-guide-page-link:hover,.partner-forecast-cta:hover,.revolut-link:hover,.nav-forecast:hover,.school-back:hover,.gallery-back:hover,.show-map:hover,.partner-map-link:hover,.report-cta:hover,.location-guide-primary:hover,.location-guide-directions:hover{transform:translateY(-2px);filter:saturate(1.08) brightness(1.03)}
.sg-btn:active,.guide-button:active,.primary-link:active,.spot-guide-page-link:active,.show-map:active,.location-guide-primary:active,.location-guide-directions:active{transform:translateY(3px);box-shadow:inset 0 2px 1px rgba(255,255,255,.28),0 2px 0 rgba(3,42,50,.24)}

/* Forecast utility controls — compact 3D rather than giant */
.share-button,.player-share,#forecast-play,#motion-toggle,.range-tabs button,.unit-controls button,.quiet,#retry,#share-from-badge{border:1px solid rgba(143,249,232,.35)!important;border-radius:18px!important;font-weight:900!important;box-shadow:inset 0 2px 1px rgba(255,255,255,.13),inset 0 -3px 0 rgba(0,0,0,.16),0 4px 0 rgba(2,33,47,.28)!important;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}
.share-button:hover,.player-share:hover,#forecast-play:hover,#motion-toggle:hover,.range-tabs button:hover,.unit-controls button:hover,.quiet:hover,#retry:hover,#share-from-badge:hover{transform:translateY(-2px);filter:brightness(1.07)}
.share-button:active,.player-share:active,#forecast-play:active,#motion-toggle:active,.range-tabs button:active,.unit-controls button:active,.quiet:active,#retry:active,#share-from-badge:active{transform:translateY(2px);box-shadow:inset 0 2px 1px rgba(255,255,255,.1),0 1px 0 rgba(2,33,47,.28)!important}

/* Destination cards: stronger depth and readable type */
.destination-card{box-shadow:inset 0 2px 1px rgba(255,255,255,.22),inset 0 -5px 0 rgba(1,32,46,.18),0 8px 0 rgba(2,42,57,.24),0 13px 20px rgba(2,42,57,.14)!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}
.destination-card:hover{transform:translateY(-3px) scale(1.01);filter:saturate(1.08)}
.destination-card:active{transform:translateY(3px);box-shadow:inset 0 2px 1px rgba(255,255,255,.2),0 2px 0 rgba(2,42,57,.25)!important}
.destination-card .dest-copy strong{text-shadow:0 2px 0 rgba(0,0,0,.18)}
.destination-card .dest-county{box-shadow:inset 0 1px 1px rgba(255,255,255,.32),0 2px 4px rgba(0,0,0,.16)}

/* Prominent guide banner directly under the animation */
.location-guide-banner{--guide-a:#ffdc62;--guide-b:#ff8d5f;display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;margin:0 14px 18px;padding:15px;border:1px solid rgba(255,255,255,.32);border-radius:25px;background:linear-gradient(135deg,#fff9df 0%,#fff4dc 50%,#e8fff8 100%);color:#062c40;box-shadow:inset 0 2px 1px rgba(255,255,255,.85),0 8px 0 rgba(3,42,50,.15),0 15px 26px rgba(3,42,50,.15)}
.location-guide-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(180deg,#62f5e3,#2bd7d3);color:#075267;box-shadow:inset 0 2px 1px rgba(255,255,255,.55),inset 0 -4px 0 rgba(0,0,0,.1),0 5px 0 rgba(3,42,50,.16)}
.location-guide-icon svg{width:38px;height:38px}.location-guide-copy{min-width:0}.location-guide-kicker{display:block;font-size:8px;letter-spacing:1.5px;font-weight:1000;color:#0e7d84;margin:2px 0 5px}.location-guide-copy h3{font-size:clamp(20px,5vw,29px);line-height:1.05;margin:0 0 6px;letter-spacing:-1px}.location-guide-copy p{font-size:11px;line-height:1.45;color:#315f67;margin:0}.location-guide-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.location-guide-pills span{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border-radius:999px;background:#fff;border:1px solid #d7e9e3;font-size:9px;font-weight:900;color:#28545c;box-shadow:0 2px 0 #d6e4df}.location-guide-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:9px}.location-guide-primary,.location-guide-directions{display:flex;align-items:center;justify-content:center;gap:8px;min-height:49px;padding:11px 14px}.location-guide-primary{background:linear-gradient(180deg,#ff9878,#ff6f53);color:#062c40}.location-guide-primary b{font-size:22px}.location-guide-directions{background:linear-gradient(180deg,#ffe879,#ffc94d);color:#062c40}

/* School and trip actions */
.school-actions .primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 17px;background:linear-gradient(180deg,#0b6574,#073f50)!important;color:#fff!important}
.sg-btn.sg-report{background:linear-gradient(180deg,#ff9776,#ff6c50)!important}.sg-btn.sg-school{background:linear-gradient(180deg,#ffe77b,#ffc84d)!important}

@media(min-width:720px){
  .home-refresh .hero-actions .button{min-height:64px;padding:11px 16px}.cta-icon{width:43px;height:43px;flex-basis:43px}.cta-icon svg{width:34px;height:34px}
  .location-guide-banner{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;margin:0 18px 22px;padding:18px}.location-guide-actions{grid-column:auto;display:flex;min-width:max-content}.location-guide-primary{min-width:190px}.location-guide-directions{min-width:116px}
}
@media(max-width:520px){.home-refresh .hero-actions{grid-template-columns:1fr}.home-refresh .hero-actions .button{width:100%;font-size:15px!important}.location-guide-banner{margin-inline:8px}.location-guide-pills span:nth-child(4){display:none}.location-guide-actions{grid-template-columns:1fr 1fr}.location-guide-primary,.location-guide-directions{font-size:11px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.home-refresh .hero-actions .button,.destination-card,.sg-btn,.guide-button,.primary-link,.spot-guide-page-link,.location-guide-primary,.location-guide-directions{transition:none!important}}
