/* Overrides loaded after per-section CSS to ensure card hover shadows show
   This file contains only minimal, high-specificity rules to restore
   the intended hover shadow and transform for section cards.
*/

/* Default card visuals (reinforce shared variables) */
.card {
  box-shadow: var(--card-shadow) !important;
  transition: var(--card-transition) !important;
}

/* Ensure hover state shows the configured hover shadow and lift */
/* Ensure hover/focus state shows the configured hover shadow and lift.
   Explicitly include anchor-card variants and both `#projects` and
   `#projectsmy` ids to cover theme variations. */
#projects a.card:hover,
#projects a.card:focus,
#projects .card:hover,
#projects .card:focus,
#projectsmy a.card:hover,
#projectsmy a.card:focus,
#projectsmy .card:hover,
#projectsmy .card:focus,
#skillsets a.card:hover,
#skillsets a.card:focus,
#skillsets .card:hover,
#skillsets .card:focus,
#achievements a.card:hover,
#achievements a.card:focus,
#achievements .card:hover,
#achievements .card:focus,
#publications a.card:hover,
#publications a.card:focus,
#publications .card:hover,
#publications .card:focus,
#education a.card:hover,
#education a.card:focus,
#education .card:hover,
#education .card:focus {
   box-shadow: var(--card-shadow) !important;
  transform: translateY(-3px) !important;
}

/* If a section intentionally removes shadows with higher specificity,
   these selectors aim to be specific enough to re-apply the hover. */

/* Use the desired shadow color (#452d2e) for card shadows. These
   variable declarations are loaded last to override earlier values. */
:root {
  /* Use the image hover shadow you pointed out: rgba(197,98,98,0.4)
     Provide a softer base shadow and the stronger hover shadow with the
     same dimensions as the `.image img:hover` rule. */
  --card-shadow: 0px 8px 56px rgba(197,98,98,0.16);
  --card-hover-shadow: 0 8px 20px rgba(197,98,98,0.4);
}

/* Ensure projectsmy section matches the same variable values (covers
   cases where theme uses a different section id/class). */
#projectsmy .card {
  --card-shadow: 0px 8px 56px rgba(197,98,98,0.16);
  --card-hover-shadow: 0 8px 20px rgba(197,98,98,0.4);
}

/* Explicitly ensure the affected sections have the light base tint and
    the stronger hover tint. These selectors include `.card-custom` and
    anchor-card variants to outrank theme rules. */
#skillsets .card,
#skillsets .card.card-custom,
#skillsets a.card,
#skillsets a.card.card-custom,
#projects .card,
#projects .card.card-custom,
#projects a.card,
#projects a.card.card-custom,
#projectsmy .card,
#projectsmy .card.card-custom,
#projectsmy a.card,
#achievements .card,
#achievements .card.card-custom,
#achievements a.card,
#achievements a.card.card-custom {
   --card-shadow: 0px 8px 56px rgba(197,98,98,0.16) !important;
   --card-hover-shadow: 0 8px 20px rgba(197,98,98,0.4) !important;
   box-shadow: var(--card-shadow) !important;
   transition: var(--card-transition) !important;
}

/* Make sure non-anchor and anchor hover states pick up the hover shadow */
#skillsets .card:hover,
#skillsets a.card:hover,
#projects .card:hover,
#projects a.card:hover,
#projectsmy .card:hover,
#projectsmy a.card:hover,
#achievements .card:hover,
#achievements a.card:hover {
   box-shadow: var(--card-shadow) !important;
   transform: translateY(-3px) !important;
}

/* Extend the same base + hover override to additional sections that
    were still using their own inline/section styles: experience, events,
    honors_awards, extracurricular_activities, certifications, affiliations */
#experience .card,
#experience .card.card-custom,
#experience a.card,
#experience a.card.card-custom,
#events .card,
#events .card.card-custom,
#events a.card,
#events a.card.card-custom,
#honors_awards .card,
#honors_awards .card.card-custom,
#honors_awards a.card,
#honors_awards a.card.card-custom,
#extracurricular_activities .card,
#extracurricular_activities .card.card-custom,
#extracurricular_activities a.card,
#extracurricular_activities a.card.card-custom,
#certifications .card,
#certifications .card.card-custom,
#certifications a.card,
#certifications a.card.card-custom,
#affiliations .card,
#affiliations .card.card-custom,
#affiliations a.card,
#affiliations a.card.card-custom {
   --card-shadow: 0px 8px 56px rgba(197,98,98,0.16) !important;
   --card-hover-shadow: 0 8px 20px rgba(197,98,98,0.4) !important;
   box-shadow: var(--card-shadow) !important;
   transition: var(--card-transition) !important;
}

#experience .card:hover,
#experience a.card:hover,
#events .card:hover,
#events a.card:hover,
#honors_awards .card:hover,
#honors_awards a.card:hover,
#extracurricular_activities .card:hover,
#extracurricular_activities a.card:hover,
#certifications .card:hover,
#certifications a.card:hover,
#affiliations .card:hover,
#affiliations a.card:hover {
   box-shadow: var(--card-shadow) !important;
   transform: translateY(-3px) !important;
}