/* ==========================================================
   ALLAGASH COMMUNITY ACTIVITY

   Canonical shared presentation for activity feeds on the
   Community page, homepage, and public member profiles.
   Page-specific placement remains in the relevant page stylesheet.
   ========================================================== */

.allagash-recent-activity {
    width: 100%;
}

/* Keep the feed independent of page-builder and theme ancestor typography. */
.allagash-activity-feed {
    font-family: "Alegreya", serif;
    font-style: normal;
    letter-spacing: normal;
    text-rendering: optimizeLegibility;
    font-synthesis: none;
    transform: none;
    zoom: 1;
    -webkit-text-size-adjust: 100%;
}


/* ----------------------------------------------------------
   Heading
   ---------------------------------------------------------- */

.allagash-recent-activity .allagash-activity-heading {
    margin: 0 0 6px;
    padding-bottom: 8px;

    color: var(--pine);
    border-bottom: 2px solid rgba(34, 81, 58, 0.35);

    font-family: "Alegreya", serif;
    font-size: 1.55rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-synthesis: none;
    transform: none;
    zoom: 1;
    -webkit-text-size-adjust: 100%;
}


/* ----------------------------------------------------------
   Activity list
   ---------------------------------------------------------- */

.allagash-activity-feed .allagash-activity-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.allagash-activity-feed .allagash-activity-item {
    display: flex;
    align-items: flex-start;
    gap: 7px;

    margin: 0;
    padding: 6px 0;

    border-bottom: 1px solid rgba(34, 81, 58, 0.18);
}

.allagash-activity-feed .allagash-activity-item:last-child {
    border-bottom: 0;
}


/* ----------------------------------------------------------
   Avatar
   ---------------------------------------------------------- */

.allagash-activity-feed .allagash-activity-avatar-wrap {
    flex: 0 0 32px;
    padding-top: 0;
}

.allagash-activity-feed .allagash-activity-avatar-link {
    display: block;
    width: 32px;
    height: 32px;
}

.allagash-activity-feed .allagash-activity-avatar-link img {
    display: block;
    width: 32px;
    height: 32px;

    border-radius: 50%;
    object-fit: cover;

    transition:
        transform .18s ease,
        filter .18s ease;
}

.allagash-activity-feed .allagash-activity-avatar-link:hover img,
.allagash-activity-feed .allagash-activity-avatar-link:focus-visible img {
    transform: scale(1.05) rotate(-2deg);
    filter: brightness(1.05);
}


/* ----------------------------------------------------------
   Activity content
   ---------------------------------------------------------- */

.allagash-activity-feed .allagash-activity-content {
    flex: 1 1 auto;
    min-width: 0;
    padding-right: 0;
}

.allagash-activity-feed .allagash-activity-action {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 3px;

    color: var(--dark-spruce);

    font-family: "Alegreya", serif;
	font-size: 1.2rem; 
    font-weight: 400;
    line-height: 1.16;
    letter-spacing: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-synthesis: none;
    transform: none;
    zoom: 1;
    -webkit-text-size-adjust: 100%;
}

.allagash-activity-feed .allagash-activity-icon {
    flex: 0 0 auto;
    margin-right: 1px;
}


/* ----------------------------------------------------------
   Shared activity-link interaction

   Content destinations retain a subtle underline on desktop
   and mobile. All links use River Blue with a 2px underline
   on hover and keyboard focus.
   ---------------------------------------------------------- */

.allagash-activity-feed :is(
    .allagash-activity-member,
    .allagash-activity-forum,
    .allagash-activity-category,
    .allagash-activity-campsite,
    .allagash-activity-title
) {
    text-underline-offset: 2px !important;
    text-decoration-skip-ink: auto !important;
    text-decoration-style: solid !important;
}

.allagash-activity-feed :is(
    .allagash-activity-member,
    .allagash-activity-forum,
    .allagash-activity-category,
    .allagash-activity-campsite,
    .allagash-activity-title
):hover,
.allagash-activity-feed :is(
    .allagash-activity-member,
    .allagash-activity-forum,
    .allagash-activity-category,
    .allagash-activity-campsite,
    .allagash-activity-title
):focus-visible {
    color: var(--river-blue) !important;
    text-decoration-line: underline !important;
    text-decoration-thickness: 2px !important;
    text-decoration-color: currentColor !important;
}


/* Member profile link: name-like at rest, linked on interaction. */

.allagash-activity-feed .allagash-activity-member {
    color: var(--dark-spruce);
    font-family: "Alegreya", serif;
    font-size: inherit;
    font-weight: 700;
    line-height: inherit;
    letter-spacing: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-synthesis: none;
    transform: none;
    zoom: 1;
    -webkit-text-size-adjust: 100%;
    text-decoration: none !important;
}


/* Forum, category, and campsite destination links. */

.allagash-activity-feed :is(
    .allagash-activity-forum,
    .allagash-activity-category,
    .allagash-activity-campsite
) {
    color: var(--pine);
    font-family: "Alegreya", serif;
    font-size: inherit;
    font-weight: 700;
    line-height: inherit;
    letter-spacing: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-synthesis: none;
    transform: none;
    zoom: 1;
    -webkit-text-size-adjust: 100%;

    text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
   text-decoration-color: color-mix(in srgb, var(--pine) 55%, transparent) !important;
}


/* Topic, discussion, and contribution title links. */

.allagash-activity-feed .allagash-activity-title {
    display: block;
    margin-top: 1px;

    color: var(--canoe-red);

    font-family: "Alegreya", serif;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-synthesis: none;
    transform: none;
    zoom: 1;
    -webkit-text-size-adjust: 100%;

    text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    text-decoration-color: color-mix(in srgb, var(--canoe-red) 55%, transparent) !important;
}


/* ----------------------------------------------------------
   Timestamp and empty state
   ---------------------------------------------------------- */

.allagash-activity-feed .allagash-activity-time {
    margin-top: 1px;

    color: rgba(24, 50, 39, 0.72);

    font-family: "Alegreya", serif;
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-synthesis: none;
    transform: none;
    zoom: 1;
    -webkit-text-size-adjust: 100%;
}

.allagash-activity-feed .allagash-activity-empty {
    margin: 0;
}


/* ----------------------------------------------------------
   Incremental activity controls
   ---------------------------------------------------------- */

.allagash-activity-feed .allagash-activity-control-row {
    margin: 0;
    padding: 5px 2px 1px;
    border: 0;
    list-style: none;
    text-align: center;
}

.allagash-activity-feed .allagash-activity-control {
    appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--canoe-red);
    cursor: pointer;

    font-family: "Alegreya", serif;
    font-weight: 600;
}

.allagash-activity-feed .allagash-activity-control::after {
    content: "\2304";
    display: inline-block;
    margin-left: 6px;
    font-size: 1rem;
    line-height: 1;
}

.allagash-activity-feed .allagash-activity-less::after {
    transform: rotate(180deg);
}

.allagash-activity-feed .allagash-activity-control:hover,
.allagash-activity-feed .allagash-activity-control:focus-visible {
    color: var(--river-blue);
}

.allagash-activity-feed .allagash-activity-control-row[hidden],
.allagash-activity-feed .allagash-activity-item[hidden] {
    display: none;
}

#secondary .widget > p:has(+ .allagash-recent-activity) {
    display: none;
}