/* =========================================================
   AOO components/links.css
   ---------------------------------------------------------
   Purpose:
   - Link styling in CONTENT only (no header/nav/footer).
   - Make rel="nofollow"/"sponsored"/"ugc" links visibly distinct.
   - Skip button-like links and card-based CTA links.
   ---------------------------------------------------------
   Notes:
   - Keep content links readable and predictable.
   - Do not style CTA buttons, cards or UI controls as text links.
   ========================================================= */

/* ---------------------------------------------------------
   1) Content scope only
   --------------------------------------------------------- */

/* Base link style (content only, excluding button/card UI) */
.site-content .entry-content a:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn),
.site-content .wp-block-post-content a:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn) {
	color: var(--link, #0b63b0);
	text-decoration: underline;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
}

/* Hover/focus */
.site-content .entry-content a:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn):hover,
.site-content .entry-content a:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn):focus,
.site-content .wp-block-post-content a:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn):hover,
.site-content .wp-block-post-content a:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn):focus {
	text-decoration-thickness: 0.12em;
}

/* ---------------------------------------------------------
   2) Nofollow / sponsored / ugc (affiliate cue)
   --------------------------------------------------------- */

/* Make affiliate-style text links look different, but skip button-like links */
.site-content .entry-content a[rel~="nofollow"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn),
.site-content .entry-content a[rel~="sponsored"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn),
.site-content .entry-content a[rel~="ugc"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn),
.site-content .wp-block-post-content a[rel~="nofollow"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn),
.site-content .wp-block-post-content a[rel~="sponsored"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn),
.site-content .wp-block-post-content a[rel~="ugc"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn) {
	color: var(--link-nofollow, #6b7280) !important;
	text-decoration-style: dotted !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 0.22em !important;
}

/* Hover/focus for nofollow-ish text links */
.site-content .entry-content a[rel~="nofollow"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn):hover,
.site-content .entry-content a[rel~="nofollow"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn):focus,
.site-content .entry-content a[rel~="sponsored"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn):hover,
.site-content .entry-content a[rel~="sponsored"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn):focus,
.site-content .entry-content a[rel~="ugc"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn):hover,
.site-content .entry-content a[rel~="ugc"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn):focus,
.site-content .wp-block-post-content a[rel~="nofollow"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn):hover,
.site-content .wp-block-post-content a[rel~="nofollow"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn):focus,
.site-content .wp-block-post-content a[rel~="sponsored"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn):hover,
.site-content .wp-block-post-content a[rel~="sponsored"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn):focus,
.site-content .wp-block-post-content a[rel~="ugc"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn):hover,
.site-content .wp-block-post-content a[rel~="ugc"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn):focus {
	color: var(--link-nofollow-hover, #374151) !important;
}

/* Ensure nested strong doesn't “escape” the link color */
.site-content .entry-content a[rel~="nofollow"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn) strong,
.site-content .entry-content a[rel~="sponsored"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn) strong,
.site-content .entry-content a[rel~="ugc"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn) strong,
.site-content .wp-block-post-content a[rel~="nofollow"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn) strong,
.site-content .wp-block-post-content a[rel~="sponsored"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn) strong,
.site-content .wp-block-post-content a[rel~="ugc"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn) strong {
	color: inherit !important;
}

/* Small external cue, but only for text links, not button-like links */
.site-content .entry-content a[rel~="nofollow"][target="_blank"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn)::after,
.site-content .entry-content a[rel~="sponsored"][target="_blank"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn)::after,
.site-content .wp-block-post-content a[rel~="nofollow"][target="_blank"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn)::after,
.site-content .wp-block-post-content a[rel~="sponsored"][target="_blank"]:not(.btn):not(.aoo-support-button):not(.aoo-vp-btn)::after {
	content: " ↗";
	opacity: 0.75;
	font-size: 0.95em;
}

/* ---------------------------------------------------------
   3) Nofollow links that look like buttons
   --------------------------------------------------------- */

/* Keep special outline cue only for older button classes, not for vacation park CTA buttons */
.site-content .entry-content a[rel~="nofollow"].btn,
.site-content .entry-content a[rel~="nofollow"].aoo-support-button,
.site-content .entry-content .aoo-cta a[rel~="nofollow"],
.site-content .entry-content .aoo-cta-outline a[rel~="nofollow"],
.site-content .wp-block-post-content a[rel~="nofollow"].btn,
.site-content .wp-block-post-content a[rel~="nofollow"].aoo-support-button,
.site-content .wp-block-post-content .aoo-cta a[rel~="nofollow"],
.site-content .wp-block-post-content .aoo-cta-outline a[rel~="nofollow"] {
	outline: 2px dashed rgba(107, 114, 128, 0.55);
	outline-offset: 3px;
}

/* Explicitly exclude vacation park buttons from outline cues */
.site-content .entry-content a.aoo-vp-btn,
.site-content .wp-block-post-content a.aoo-vp-btn {
	outline: none !important;
}

/* Safety: no generated icon on vacation park buttons */
.site-content .entry-content a.aoo-vp-btn::after,
.site-content .wp-block-post-content a.aoo-vp-btn::after {
	content: none !important;
}

@media (prefers-color-scheme: dark) {
	.site-content .entry-content a[rel~="nofollow"].btn,
	.site-content .entry-content a[rel~="nofollow"].aoo-support-button,
	.site-content .entry-content .aoo-cta a[rel~="nofollow"],
	.site-content .entry-content .aoo-cta-outline a[rel~="nofollow"],
	.site-content .wp-block-post-content a[rel~="nofollow"].btn,
	.site-content .wp-block-post-content a[rel~="nofollow"].aoo-support-button,
	.site-content .wp-block-post-content .aoo-cta a[rel~="nofollow"],
	.site-content .wp-block-post-content .aoo-cta-outline a[rel~="nofollow"] {
		outline-color: rgba(229, 231, 235, 0.4);
	}
}