/* FunnyDivers - course tiles link to their detail page (English pages only).
   Every course on the home, courses and prices pages used to open a modal.
   Now each one navigates to en/course/<slug> instead, so the tiles are real
   anchors. Only the booking page still opens popups - there the popup is the
   point, because the choice has to stay on the form.

   Two shapes need different treatment:
     - a tile with no buttons of its own simply became an <a>
     - a tile that already carries buttons cannot be nested inside an <a>, so a
       transparent anchor is stretched across it and the buttons sit above */

/* ---------- tiles that became anchors ---------- */
/* .offer-card is left out of color:inherit on purpose - it sets its own white
   text for the dark band it sits on, and inheriting would undo that. */
a.card,a.price-row{color:inherit;}
a.card,a.price-row,a.offer-card{text-decoration:none;display:block;}
a.price-row{display:grid;}

/* The offer card is the only clickable one in its row, so it needs a hint that
   the other two do not - matched to the lift .card already uses. */
a.offer-card{transition:transform .3s cubic-bezier(.2,.9,.3,1),background .3s ease;}
a.offer-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.2);}

/* ---------- tiles covered by a stretched anchor ---------- */
.course-card,.spec-card{position:relative;}
.spec-card{cursor:pointer;}
.card-stretch{position:absolute;inset:0;z-index:1;border-radius:inherit;}
/* Anything interactive has to stay above the stretched anchor or it would be
   swallowed by it - these two rows hold every button inside a card. */
.course-card .course-footer,.spec-card .spec-actions{position:relative;z-index:2;}

/* Keyboard users never reach .card-stretch (it is aria-hidden, tabindex -1);
   the visible "Full details" / "Details" link is the focusable route, so give
   the card the same lift when that link is focused. */
.course-card:focus-within{box-shadow:0 28px 64px rgba(2,40,50,.17);}