/* AW Scout - common styles
   Loaded on all AW pages alongside cards.css.
   CSS variables for colours and key values are defined in cards.css
   since they are needed there first; this file layers on top. */

/* ----------------------------------------------------------------
   Scoped reset - neutralises AW's global styles inside all Scout
   elements. Never touches anything outside a scout-* class.
   ---------------------------------------------------------------- */

.scout-card,
.scout-card *,
.scout-profile-panel,
.scout-profile-panel *,
.scout-gallery-panel,
.scout-gallery-panel *,
.scout-filter-panel,
.scout-filter-panel *,
.scout-overlay,
.scout-overlay * {
    box-sizing:  border-box;
    margin:      0;
    padding:     0;
    font-family: 'Onest', system-ui, sans-serif;
    line-height: 1.3;
    text-align:  left;
}

/* Override AW's link colour (typically dark purple) within all Scout elements.
   !important is required here because AW's global a { color } rule wins on
   specificity alone - this is the one place we intentionally use it. */
.scout-card a,
.scout-profile-panel a,
.scout-gallery-panel a,
.scout-filter-panel a,
.scout-overlay a {
    text-decoration: none !important;
    color:           inherit !important;
}

.scout-card button,
.scout-profile-panel button,
.scout-gallery-panel button,
.scout-filter-panel button {
    cursor:      pointer;
    border:      none;
    background:  none;
    font-family: inherit;
}

.scout-card img,
.scout-overlay img {
    display:   block;
    max-width: 100%;
}