/* Surf Ireland guide cards v10 — high contrast, robust against older markup */
.home-refresh #guides .home-guide-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
  margin:20px 0 26px!important;
}
.home-refresh #guides .home-guide-grid>a{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  gap:8px 16px!important;
  min-height:126px!important;
  padding:22px 22px 24px!important;
  border:2px solid rgba(92,232,216,.34)!important;
  border-radius:26px!important;
  background:#083f4b!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 12px 26px rgba(0,23,33,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
  font-family:ui-rounded,"Trebuchet MS",Arial,sans-serif!important;
  font-size:0!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
/* Huge beach label works for old plain-text anchors via ::before */
.home-refresh #guides .home-guide-grid>a::before{
  display:block!important;
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  background:none!important;
  opacity:1!important;
  animation:none!important;
  color:#fff!important;
  font-size:clamp(24px,3vw,32px)!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-1px!important;
  text-shadow:0 2px 0 rgba(0,0,0,.22)!important;
}
.home-refresh #guides .home-guide-grid>a:nth-child(1)::before{content:"Lahinch"!important}
.home-refresh #guides .home-guide-grid>a:nth-child(2)::before{content:"Strandhill"!important}
.home-refresh #guides .home-guide-grid>a:nth-child(3)::before{content:"Bundoran"!important}
.home-refresh #guides .home-guide-grid>a:nth-child(4)::before{content:"Inchydoney"!important}
.home-refresh #guides .home-guide-grid>a:nth-child(5)::before{content:"Inch Beach"!important}
.home-refresh #guides .home-guide-grid>a:nth-child(6)::before{content:"Tramore"!important}
/* Wave / foam strip */
.home-refresh #guides .home-guide-grid>a::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:-5%!important;
  right:-5%!important;
  bottom:-1px!important;
  top:auto!important;
  width:auto!important;
  height:24px!important;
  border-radius:0!important;
  opacity:.94!important;
  background:radial-gradient(24px 11px at 14px 12px,rgba(255,255,255,.92) 0 44%,transparent 46%) 0 0/58px 100% repeat-x,linear-gradient(180deg,#56e4d7 0%,#20aeb8 100%)!important;
  animation:guideCardsWave 6s linear infinite!important;
}
/* New markup: hide duplicate big copy label but keep county + CTA */
.home-refresh #guides .home-guide-grid>a .guide-card-wave{display:none!important}
.home-refresh #guides .home-guide-grid>a .guide-card-copy{display:block!important;grid-column:1!important;grid-row:2!important;min-width:0!important}
.home-refresh #guides .home-guide-grid>a .guide-card-copy strong{display:none!important}
.home-refresh #guides .home-guide-grid>a .guide-card-copy small{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.12)!important;
  color:#d9fff9!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.3px!important;
}
.home-refresh #guides .home-guide-grid>a .guide-card-go{
  display:inline-flex!important;
  grid-column:2!important;
  grid-row:1/3!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  white-space:nowrap!important;
  padding:11px 14px!important;
  border-radius:999px!important;
  background:#ffdc67!important;
  color:#063945!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:0 3px 0 rgba(0,0,0,.16)!important;
}
/* Old markup: county span becomes readable chip on right */
.home-refresh #guides .home-guide-grid>a>span:not(.guide-card-copy):not(.guide-card-go):not(.guide-card-wave){
  grid-column:2!important;
  grid-row:1/3!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:#ffdc67!important;
  color:#063945!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
}
.home-refresh #guides .home-guide-grid>a:hover,
.home-refresh #guides .home-guide-grid>a:focus-visible{
  transform:translateY(-4px)!important;
  border-color:#62e8d8!important;
  box-shadow:0 18px 34px rgba(0,23,33,.34),inset 0 1px 0 rgba(255,255,255,.1)!important;
}
.home-refresh #guides .home-guide-grid>a:nth-child(1){background:#084652!important}
.home-refresh #guides .home-guide-grid>a:nth-child(2){background:#0a4458!important}
.home-refresh #guides .home-guide-grid>a:nth-child(3){background:#31564f!important}
.home-refresh #guides .home-guide-grid>a:nth-child(4){background:#674944!important}
.home-refresh #guides .home-guide-grid>a:nth-child(5){background:#385344!important}
.home-refresh #guides .home-guide-grid>a:nth-child(6){background:#354f5c!important}
@keyframes guideCardsWave{to{background-position:58px 0,0 0}}
@media(min-width:760px){.home-refresh #guides .home-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(min-width:1080px){.home-refresh #guides .home-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:520px){
  .home-refresh #guides .home-guide-grid>a{min-height:112px!important;padding:18px 16px 22px!important;gap:6px 10px!important}
  .home-refresh #guides .home-guide-grid>a::before{font-size:26px!important}
  .home-refresh #guides .home-guide-grid>a .guide-card-go{padding:9px 10px!important;font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){.home-refresh #guides .home-guide-grid>a::after{animation:none!important}.home-refresh #guides .home-guide-grid>a{transition:none!important}}
