/*
 * Client Brand Assets Portal: frontend styles.
 * Typography: DIN-style family (Barlow by default, or a licensed DIN file set in Settings).
 * Every selector is scoped to .autumnads-brand-portal so the theme and the
 * global header/footer snippets are not affected.
 */

.autumnads-brand-portal {
	--abp-bg: #0b0d12;
	--abp-text: #f2ede4;
	--abp-accent: #e9662a;
	--abp-accent-deep: #c9531a;
	--abp-glow-a: #e9662a;
	--abp-glow-b: #7896be;
	--abp-glass-rgb: 255, 255, 255;
	--abp-glass-alpha: 0.08;
	--abp-border-alpha: 0.16;
	--abp-shadow: 0.45;
	--abp-blur: 22px;
	--abp-card-radius: 22px;
	--abp-button-radius: 999px;
	--abp-grid-gap: 18px;
	--abp-content-width: 1180px;
	--abp-heading-scale: 1;
	--abp-body-scale: 1;
	--abp-cols: 3;
	--abp-font: "Barlow", "DIN", "Helvetica Neue", Arial, sans-serif;
	--abp-top: 110px;
	--abp-bottom: 96px;

	position: relative;
	isolation: isolate;
	min-height: 100vh;
	box-sizing: border-box;
	padding: var(--abp-top) 16px calc(var(--abp-bottom) + env(safe-area-inset-bottom, 0px));
	font-family: var(--abp-font);
	color: var(--abp-text);
	background-color: var(--abp-bg);
	overflow-x: hidden;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

.autumnads-brand-portal *,
.autumnads-brand-portal *::before,
.autumnads-brand-portal *::after {
	box-sizing: border-box;
}

/* Ambient glow layer behind the glass. */
.autumnads-brand-portal::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		radial-gradient(60% 45% at 12% 8%, color-mix(in srgb, var(--abp-glow-a) 38%, transparent), transparent 70%),
		radial-gradient(55% 50% at 92% 22%, color-mix(in srgb, var(--abp-glow-b) 34%, transparent), transparent 72%),
		radial-gradient(70% 55% at 50% 100%, color-mix(in srgb, var(--abp-accent-deep) 22%, transparent), transparent 70%),
		var(--abp-bg);
}

.autumnads-brand-portal .abp-section {
	margin: 0 auto 28px;
	max-width: var(--abp-content-width);
}

.autumnads-brand-portal .abp-container {
	width: 100%;
	max-width: var(--abp-content-width);
	margin: 0 auto;
}

.autumnads-brand-portal .abp-glass {
	position: relative;
	background: rgba(var(--abp-glass-rgb), var(--abp-glass-alpha));
	border: 1px solid rgba(var(--abp-glass-rgb), var(--abp-border-alpha));
	border-radius: var(--abp-card-radius);
	backdrop-filter: blur(var(--abp-blur)) saturate(140%);
	-webkit-backdrop-filter: blur(var(--abp-blur)) saturate(140%);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.18),
		0 18px 48px rgba(0, 0, 0, var(--abp-shadow));
}

/* Hero */
.autumnads-brand-portal .abp-hero {
	display: grid;
	gap: 28px;
	align-items: center;
	padding: clamp(28px, 5vw, 56px);
	grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
}

.autumnads-brand-portal .abp-eyebrow {
	display: inline-block;
	margin: 0 0 14px;
	padding: 6px 14px;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border-radius: var(--abp-button-radius);
	color: var(--abp-text);
	background: rgba(var(--abp-glass-rgb), 0.1);
	border: 1px solid rgba(var(--abp-glass-rgb), 0.18);
}

.autumnads-brand-portal .abp-h1 {
	margin: 0 0 14px;
	font-size: clamp(2.1rem, 5vw, 3.6rem);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.01em;
	font-size: calc(clamp(2.1rem, 5vw, 3.6rem) * var(--abp-heading-scale));
}

.autumnads-brand-portal .abp-hl {
	color: var(--abp-accent);
}

.autumnads-brand-portal .abp-lead {
	margin: 0 0 22px;
	max-width: 52ch;
	font-size: calc(1.08rem * var(--abp-body-scale));
	opacity: 0.86;
}

.autumnads-brand-portal .abp-hero-media {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 220px;
	border-radius: calc(var(--abp-card-radius) - 4px);
	overflow: hidden;
}

.autumnads-brand-portal .abp-hero-media img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.autumnads-brand-portal .abp-folder {
	width: min(70%, 260px);
	height: auto;
	color: var(--abp-accent);
	filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.35));
}

.autumnads-brand-portal .abp-doc {
	stroke: currentColor;
}

/* Benefits */
.autumnads-brand-portal .abp-benefits {
	display: grid;
	gap: var(--abp-grid-gap);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	padding: 0;
	list-style: none;
}

.autumnads-brand-portal .abp-benefit {
	padding: 22px;
}

.autumnads-brand-portal .abp-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin-bottom: 12px;
	border-radius: 14px;
	color: var(--abp-accent);
	background: rgba(var(--abp-glass-rgb), 0.1);
}

.autumnads-brand-portal .abp-icon svg {
	width: 22px;
	height: 22px;
}

.autumnads-brand-portal .abp-benefit h3 {
	margin: 0 0 6px;
	font-size: calc(1.15rem * var(--abp-body-scale));
	font-weight: 700;
}

.autumnads-brand-portal .abp-benefit p {
	margin: 0;
	opacity: 0.8;
	font-size: calc(0.96rem * var(--abp-body-scale));
}

/* Search */
.autumnads-brand-portal .abp-search {
	display: grid;
	gap: 12px;
	padding: 18px;
	grid-template-columns: minmax(0, 1fr) auto;
}

.autumnads-brand-portal .abp-search-field {
	position: relative;
	min-width: 0;
}

.autumnads-brand-portal .abp-search-input,
.autumnads-brand-portal .abp-category-select {
	width: 100%;
	min-height: 52px;
	padding: 12px 18px;
	font: inherit;
	font-size: calc(1rem * var(--abp-body-scale));
	color: var(--abp-text);
	background: rgba(var(--abp-glass-rgb), 0.07);
	border: 1px solid rgba(var(--abp-glass-rgb), 0.2);
	border-radius: var(--abp-button-radius);
	outline: none;
	appearance: none;
	-webkit-appearance: none;
}

.autumnads-brand-portal .abp-search-input::placeholder {
	color: rgba(var(--abp-glass-rgb), 0.55);
}

.autumnads-brand-portal .abp-category-select option {
	color: #111;
}

.autumnads-brand-portal .abp-search-clear {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	min-width: 36px;
	min-height: 36px;
	padding: 0 10px;
	font: inherit;
	font-size: 0.9rem;
	color: var(--abp-text);
	background: rgba(var(--abp-glass-rgb), 0.12);
	border: 0;
	border-radius: var(--abp-button-radius);
	cursor: pointer;
}

.autumnads-brand-portal .abp-result-meta {
	margin: 14px 4px 0;
	font-size: 0.92rem;
	opacity: 0.75;
}

/* Grid and cards */
.autumnads-brand-portal .abp-grid {
	display: grid;
	gap: var(--abp-grid-gap);
	margin-top: 22px;
	grid-template-columns: repeat(var(--abp-cols), minmax(0, 1fr));
}

.autumnads-brand-portal .abp-card {
	display: flex;
	flex-direction: column;
	padding: 20px;
	min-width: 0;
	border-radius: var(--abp-card-radius);
	transition: transform 0.25s ease, border-color 0.25s ease;
}

.autumnads-brand-portal .abp-card-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 120px;
	margin-bottom: 16px;
	border-radius: calc(var(--abp-card-radius) - 6px);
	background: rgba(255, 255, 255, 0.92);
	overflow: hidden;
}

.autumnads-brand-portal .abp-card-logo img {
	max-width: 80%;
	max-height: 84%;
	object-fit: contain;
	display: block;
}

.autumnads-brand-portal .abp-card-initials {
	font-size: 2.2rem;
	font-weight: 800;
	color: #1a1a1a;
	letter-spacing: 0.02em;
}

.autumnads-brand-portal .abp-card-note {
	padding: 0 12px;
	font-size: 0.88rem;
	color: #444;
	text-align: center;
}

.autumnads-brand-portal .abp-card-name {
	margin: 0 0 6px;
	font-size: calc(1.2rem * var(--abp-body-scale));
	font-weight: 700;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.autumnads-brand-portal .abp-tag {
	display: inline-block;
	margin: 0 0 8px;
	padding: 2px 10px;
	font-size: 0.78rem;
	border-radius: var(--abp-button-radius);
	background: rgba(var(--abp-glass-rgb), 0.12);
}

.autumnads-brand-portal .abp-card-cat {
	margin: 0 0 6px;
	font-size: 0.85rem;
	color: var(--abp-accent);
	font-weight: 600;
}

.autumnads-brand-portal .abp-card-desc {
	margin: 0 0 12px;
	font-size: 0.92rem;
	opacity: 0.8;
}

.autumnads-brand-portal .abp-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 14px;
	padding: 0;
	list-style: none;
}

.autumnads-brand-portal .abp-badge {
	padding: 3px 9px;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	border-radius: 999px;
	background: rgba(var(--abp-glass-rgb), 0.12);
	border: 1px solid rgba(var(--abp-glass-rgb), 0.18);
}

.autumnads-brand-portal .abp-badge--demo {
	color: #1a1a1a;
	background: #ffd27a;
	border-color: transparent;
}

.autumnads-brand-portal .abp-card-actions {
	margin-top: auto;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.autumnads-brand-portal .abp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 18px;
	font: inherit;
	font-weight: 700;
	font-size: 0.95rem;
	text-decoration: none;
	color: var(--abp-text);
	background: rgba(var(--abp-glass-rgb), 0.1);
	border: 1px solid rgba(var(--abp-glass-rgb), 0.2);
	border-radius: var(--abp-button-radius);
	cursor: pointer;
	transition: transform 0.15s ease, background-color 0.2s ease;
}

.autumnads-brand-portal .abp-btn--primary {
	color: #fff;
	background: linear-gradient(135deg, var(--abp-accent), var(--abp-accent-deep));
	border-color: transparent;
	box-shadow: 0 10px 26px color-mix(in srgb, var(--abp-accent) 40%, transparent);
}

.autumnads-brand-portal .abp-btn--disabled {
	opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none;
}

.autumnads-brand-portal .abp-download {
	flex: 1 1 auto;
}

.autumnads-brand-portal .abp-card-web {
	flex: 0 1 auto;
	font-size: 0.9rem;
}

.autumnads-brand-portal .abp-empty {
	margin-top: 22px;
	padding: 36px 24px;
	text-align: center;
}

.autumnads-brand-portal .abp-empty h2 {
	margin: 0 0 8px;
	font-size: 1.4rem;
}

.autumnads-brand-portal .abp-empty p {
	margin: 0 0 18px;
	opacity: 0.8;
}

/* Trust and CTA */
.autumnads-brand-portal .abp-trust {
	padding: 24px;
	font-size: 0.95rem;
	opacity: 0.85;
}

.autumnads-brand-portal .abp-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	align-items: center;
	justify-content: space-between;
	padding: 28px;
}

.autumnads-brand-portal .abp-cta h2 {
	margin: 0 0 6px;
	font-size: 1.5rem;
}

.autumnads-brand-portal .abp-cta p {
	margin: 0;
	opacity: 0.8;
}

.autumnads-brand-portal .abp-text {
	padding: 26px;
}

.autumnads-brand-portal .abp-prose {
	font-size: calc(1rem * var(--abp-body-scale));
}

.autumnads-brand-portal .abp-prose > *:first-child {
	margin-top: 0;
}

.autumnads-brand-portal .abp-prose > *:last-child {
	margin-bottom: 0;
}

.autumnads-brand-portal .abp-prose a {
	color: var(--abp-accent);
}

/* Screen reader only */
.autumnads-brand-portal .abp-sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Visibility per device */
.autumnads-brand-portal .abp-hide-desktop { }
@media (min-width: 1025px) {
	.autumnads-brand-portal .abp-hide-desktop { display: none !important; }
}
@media (min-width: 641px) and (max-width: 1024px) {
	.autumnads-brand-portal .abp-hide-tablet { display: none !important; }
}
@media (max-width: 640px) {
	.autumnads-brand-portal .abp-hide-mobile { display: none !important; }
}

/* The hidden attribute always wins. */
.autumnads-brand-portal [hidden] {
	display: none !important;
}

/* Focus */
.autumnads-brand-portal :focus-visible {
	outline: 3px solid var(--abp-accent);
	outline-offset: 3px;
}

/* Hover (only where a pointer exists) */
@media (hover: hover) {
	.autumnads-brand-portal .abp-card:hover {
		transform: translateY(-3px);
		border-color: rgba(var(--abp-glass-rgb), 0.3);
	}
	.autumnads-brand-portal .abp-btn:hover {
		background-color: rgba(var(--abp-glass-rgb), 0.18);
	}
	.autumnads-brand-portal .abp-btn--primary:hover {
		background: linear-gradient(135deg, color-mix(in srgb, var(--abp-accent) 88%, #fff), var(--abp-accent));
	}
}

/* Animation modes, set on the root by the shortcode */
.autumnads-brand-portal.abp-anim-none *,
.autumnads-brand-portal.abp-anim-none *::before,
.autumnads-brand-portal.abp-anim-none *::after {
	transition: none !important;
	animation: none !important;
}

.autumnads-brand-portal.abp-anim-reduced .abp-card {
	transition: none;
}

@media (prefers-reduced-motion: reduce) {
	.autumnads-brand-portal *,
	.autumnads-brand-portal *::before,
	.autumnads-brand-portal *::after {
		transition: none !important;
		animation: none !important;
		scroll-behavior: auto !important;
	}
	.autumnads-brand-portal .abp-card:hover {
		transform: none;
	}
}

/* Responsive */
@media (max-width: 1024px) {
	.autumnads-brand-portal .abp-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.autumnads-brand-portal .abp-benefits {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.autumnads-brand-portal .abp-hero {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.autumnads-brand-portal {
		padding-left: 16px;
		padding-right: 16px;
	}
	.autumnads-brand-portal .abp-grid,
	.autumnads-brand-portal .abp-benefits {
		grid-template-columns: 1fr;
	}
	.autumnads-brand-portal .abp-search {
		grid-template-columns: 1fr;
	}
	.autumnads-brand-portal .abp-hero {
		padding: 24px;
	}
	.autumnads-brand-portal .abp-hero-media {
		min-height: 160px;
	}
	.autumnads-brand-portal .abp-card-actions .abp-btn {
		flex: 1 1 100%;
	}
}

/* Download menu: one button that opens PNG / SVG / PDF choices. */
.autumnads-brand-portal .abp-dl {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
}
.autumnads-brand-portal .abp-dl > summary {
	list-style: none;
	width: 100%;
	cursor: pointer;
}
.autumnads-brand-portal .abp-dl > summary::-webkit-details-marker {
	display: none;
}
.autumnads-brand-portal .abp-dl > summary::after {
	content: "";
	width: 8px;
	height: 8px;
	margin-left: 10px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
	transition: transform 0.2s ease;
}
.autumnads-brand-portal .abp-dl[open] > summary::after {
	transform: rotate(-135deg) translateY(-2px);
}
.autumnads-brand-portal .abp-dl-menu {
	position: absolute;
	left: 0;
	right: 0;
	bottom: calc(100% + 8px);
	z-index: 20;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 8px;
	border-radius: 16px;
	background: rgba(14, 16, 24, 0.94);
	border: 1px solid rgba(var(--abp-glass-rgb), 0.2);
	backdrop-filter: blur(var(--abp-blur));
	-webkit-backdrop-filter: blur(var(--abp-blur));
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
}
.autumnads-brand-portal .abp-dl-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 44px;
	padding: 10px 14px;
	border-radius: 12px;
	color: var(--abp-text);
	text-decoration: none;
	font-weight: 700;
}
.autumnads-brand-portal .abp-dl-item:hover {
	background: rgba(var(--abp-glass-rgb), 0.12);
}
.autumnads-brand-portal .abp-dl-ext {
	font-weight: 500;
	font-size: 0.85rem;
	opacity: 0.7;
}

/* =========================================================================
 * Light Liquid Glass theme (matches the approved design)
 * ======================================================================= */
.autumnads-brand-portal {
	color: #15171c;
	background-color: #f5f2f6;
}
.autumnads-brand-portal::before {
	background:
		radial-gradient(55% 45% at 10% 10%, rgba(255, 179, 198, 0.55), transparent 70%),
		radial-gradient(50% 45% at 92% 18%, rgba(184, 200, 245, 0.55), transparent 70%),
		radial-gradient(60% 40% at 50% 100%, rgba(255, 210, 185, 0.35), transparent 70%),
		linear-gradient(180deg, #f7f4f8, #efeaf1);
}
.autumnads-brand-portal .abp-glass {
	background: rgba(255, 255, 255, 0.62);
	border-color: rgba(255, 255, 255, 0.85);
	box-shadow: inset 0 1px 0 #fff, 0 14px 40px rgba(60, 40, 80, 0.10);
}

/* Hero */
.autumnads-brand-portal .abp-eyebrow {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 0;
	margin-bottom: 18px;
	font-size: 0.82rem;
	font-weight: 600;
	letter-spacing: 0.22em;
	color: #15171c;
	background: none;
	border: 0;
}
.autumnads-brand-portal .abp-eyebrow::after {
	content: "";
	width: 120px;
	height: 1px;
	background: rgba(21, 23, 28, 0.35);
}
.autumnads-brand-portal .abp-h1 {
	color: #15171c;
	font-weight: 800;
}
.autumnads-brand-portal .abp-hl {
	background: linear-gradient(90deg, #8a8f99 0%, #c94a4a 55%, #e8803a 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.autumnads-brand-portal .abp-lead {
	color: #3a3d45;
	opacity: 1;
}
.autumnads-brand-portal .abp-hero .abp-benefits {
	display: flex;
	flex-wrap: wrap;
	gap: 26px;
	margin-top: 28px;
	padding: 0;
}
.autumnads-brand-portal .abp-hero .abp-benefit {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 0;
	background: none;
	border: 0;
	box-shadow: none;
}
.autumnads-brand-portal .abp-hero .abp-benefit .abp-icon {
	flex: 0 0 auto;
	width: 56px;
	height: 56px;
	margin: 0;
	border-radius: 50%;
	color: #c9304f;
	background: linear-gradient(145deg, #ffffff, #f2e4ec);
	box-shadow: 0 8px 20px rgba(120, 60, 80, 0.12);
}
.autumnads-brand-portal .abp-benefit-title {
	display: block;
	font-size: 0.98rem;
	font-weight: 700;
	color: #15171c;
}
.autumnads-brand-portal .abp-benefit-text {
	display: block;
	font-size: 0.9rem;
	color: #4a4d55;
}

/* Search */
.autumnads-brand-portal .abp-search {
	border-radius: 999px;
	padding: 8px 8px 8px 16px;
}
.autumnads-brand-portal .abp-search-input,
.autumnads-brand-portal .abp-category-select {
	color: #15171c;
	background: rgba(255, 255, 255, 0.85);
	border: 1px solid rgba(255, 255, 255, 0.95);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
}
.autumnads-brand-portal .abp-search-input::placeholder {
	color: #8a8e97;
}
.autumnads-brand-portal .abp-search-clear {
	color: #15171c;
	background: rgba(21, 23, 28, 0.08);
}
.autumnads-brand-portal .abp-result-meta {
	color: #5a5e66;
}

/* Cards */
.autumnads-brand-portal .abp-card {
	background: rgba(255, 255, 255, 0.7);
	border-color: rgba(255, 255, 255, 0.9);
}
.autumnads-brand-portal .abp-card-more {
	position: absolute;
	top: 14px;
	right: 14px;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	color: #15171c;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	text-decoration: none;
	font-weight: 800;
	letter-spacing: 0.05em;
	line-height: 1;
}
.autumnads-brand-portal .abp-card-logo {
	height: 150px;
	margin-top: 14px;
	background: transparent;
}
.autumnads-brand-portal .abp-card-name {
	font-size: 1.05rem;
	font-weight: 700;
	color: #15171c;
	text-align: left;
}
.autumnads-brand-portal .abp-tag {
	color: #b0304f;
	background: #ffe3ea;
}
.autumnads-brand-portal .abp-badges {
	gap: 8px;
	margin-bottom: 16px;
}
.autumnads-brand-portal .abp-badge {
	padding: 7px 14px;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0;
	text-decoration: none;
	border: 0;
	border-radius: 10px;
	background: #eceef2;
	color: #4b5260;
}
.autumnads-brand-portal .abp-badge--png { background: #dfeaff; color: #2f6fd6; }
.autumnads-brand-portal .abp-badge--transparent_png { background: #eceef2; color: #4b5260; }
.autumnads-brand-portal .abp-badge--svg { background: #fff1cc; color: #b7791f; }
.autumnads-brand-portal .abp-badge--pdf { background: #ffe0e3; color: #d6303f; }
.autumnads-brand-portal .abp-badge--jpg,
.autumnads-brand-portal .abp-badge--webp { background: #eef3ea; color: #3f6b3a; }

/* Download pill with chevron */
.autumnads-brand-portal .abp-dl > summary.abp-btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 8px 56px;
	color: #15171c;
	background: linear-gradient(90deg, #c9d5f5 0%, #ecd3e4 55%, #f6c9d8 100%);
	border: 0;
	border-radius: 999px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 8px 18px rgba(120, 80, 140, 0.12);
}
.autumnads-brand-portal .abp-dl > summary::after {
	position: absolute;
	right: 8px;
	top: 50%;
	width: 36px;
	height: 36px;
	margin: -18px 0 0 0;
	border: 0;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.92);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315171c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px;
	transform: none;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.autumnads-brand-portal .abp-dl[open] > summary::after {
	transform: rotate(180deg);
}
.autumnads-brand-portal .abp-dl-menu {
	background: rgba(255, 255, 255, 0.96);
	border-color: rgba(0, 0, 0, 0.06);
	box-shadow: 0 18px 40px rgba(60, 40, 80, 0.18);
}
.autumnads-brand-portal .abp-dl-item {
	color: #15171c;
}
.autumnads-brand-portal .abp-dl-item:hover {
	background: rgba(0, 0, 0, 0.05);
}
.autumnads-brand-portal .abp-dl-ext {
	color: #666a72;
}

/* Bottom benefits bar */
.autumnads-brand-portal .abp-trust {
	border-radius: 999px;
	padding: 18px 28px;
}
.autumnads-brand-portal .abp-trust-items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.autumnads-brand-portal .abp-trust-item {
	display: flex;
	align-items: center;
	gap: 14px;
	flex: 1 1 200px;
	justify-content: center;
}
.autumnads-brand-portal .abp-trust-item + .abp-trust-item {
	border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.autumnads-brand-portal .abp-trust-item > svg {
	flex: 0 0 auto;
	width: 52px;
	height: 52px;
	padding: 14px;
	border-radius: 50%;
	color: #15171c;
	background: #fff;
	box-shadow: 0 8px 20px rgba(120, 60, 80, 0.12);
}
.autumnads-brand-portal .abp-trust-title {
	display: block;
	font-weight: 700;
	color: #15171c;
}
.autumnads-brand-portal .abp-trust-text {
	display: block;
	font-size: 0.9rem;
	color: #4a4d55;
}
@media (max-width: 640px) {
	.autumnads-brand-portal .abp-trust-item + .abp-trust-item {
		border-left: 0;
	}
	.autumnads-brand-portal .abp-trust-item {
		flex: 1 1 100%;
	}
	.autumnads-brand-portal .abp-dl > summary.abp-btn {
		padding: 8px 52px;
	}
}

/* Search row: no extra glass box around the pill inputs. */
.autumnads-brand-portal .abp-search-wrap {
	background: none;
	border: 0;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	padding: 0;
}
.autumnads-brand-portal .abp-search-wrap .abp-result-meta {
	margin: 10px 18px 0;
}
.autumnads-brand-portal .abp-search.abp-glass {
	background: none;
	border: 0;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	padding: 0;
	gap: 12px;
}

/* =========================================================================
 * Dark theme (AutumnAds palette: #0b0d12, #f2ede4, #e9662a, #c9531a, #7896be)
 * Overrides the light theme block above.
 * ======================================================================= */
.autumnads-brand-portal {
	color: #f2ede4;
	background-color: #0b0d12;
}
.autumnads-brand-portal::before {
	background:
		radial-gradient(60% 45% at 12% 8%, rgba(233, 102, 42, 0.30), transparent 70%),
		radial-gradient(55% 50% at 92% 22%, rgba(120, 150, 190, 0.26), transparent 72%),
		radial-gradient(70% 55% at 50% 100%, rgba(201, 83, 26, 0.18), transparent 70%),
		#0b0d12;
}
.autumnads-brand-portal .abp-glass {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.14);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 18px 48px rgba(0, 0, 0, 0.45);
}
.autumnads-brand-portal .abp-eyebrow,
.autumnads-brand-portal .abp-h1 {
	color: #f2ede4;
}
.autumnads-brand-portal .abp-eyebrow::after {
	background: rgba(242, 237, 228, 0.35);
}
.autumnads-brand-portal .abp-hl {
	background: linear-gradient(90deg, #b9bfcc 0%, #e9662a 60%, #c9531a 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.autumnads-brand-portal .abp-lead {
	color: rgba(242, 237, 228, 0.82);
}
.autumnads-brand-portal .abp-hero .abp-benefit .abp-icon {
	color: #e9662a;
	background: rgba(255, 255, 255, 0.08);
	box-shadow: none;
}
.autumnads-brand-portal .abp-benefit-title {
	color: #f2ede4;
}
.autumnads-brand-portal .abp-benefit-text {
	color: rgba(242, 237, 228, 0.7);
}
.autumnads-brand-portal .abp-search-input,
.autumnads-brand-portal .abp-category-select {
	color: #f2ede4;
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: none;
}
.autumnads-brand-portal .abp-category-select option {
	color: #111;
}
.autumnads-brand-portal .abp-search-input::placeholder {
	color: rgba(242, 237, 228, 0.5);
}
.autumnads-brand-portal .abp-search-clear {
	color: #f2ede4;
	background: rgba(255, 255, 255, 0.12);
}
.autumnads-brand-portal .abp-result-meta {
	color: rgba(242, 237, 228, 0.6);
}
.autumnads-brand-portal .abp-card {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.12);
}
.autumnads-brand-portal .abp-card-more {
	color: #f2ede4;
	background: rgba(255, 255, 255, 0.12);
	box-shadow: none;
}
.autumnads-brand-portal .abp-card-logo {
	background: rgba(242, 237, 228, 0.95);
	border-radius: 16px;
}
.autumnads-brand-portal .abp-card-initials {
	color: #15171c;
}
.autumnads-brand-portal .abp-card-note {
	color: #4a4d55;
}
.autumnads-brand-portal .abp-card-name {
	color: #f2ede4;
}
.autumnads-brand-portal .abp-tag {
	color: #ffb08a;
	background: rgba(233, 102, 42, 0.18);
}
.autumnads-brand-portal .abp-badge {
	background: rgba(255, 255, 255, 0.08);
	color: rgba(242, 237, 228, 0.8);
}
.autumnads-brand-portal .abp-badge--png { background: rgba(120, 150, 190, 0.18); color: #a9c3ea; }
.autumnads-brand-portal .abp-badge--transparent_png { background: rgba(255, 255, 255, 0.1); color: #d8d4cc; }
.autumnads-brand-portal .abp-badge--svg { background: rgba(233, 180, 60, 0.16); color: #f2c76b; }
.autumnads-brand-portal .abp-badge--pdf { background: rgba(233, 102, 42, 0.18); color: #ff9a73; }
.autumnads-brand-portal .abp-badge--jpg,
.autumnads-brand-portal .abp-badge--webp { background: rgba(120, 200, 140, 0.16); color: #9fd9ad; }
.autumnads-brand-portal .abp-dl > summary.abp-btn {
	color: #fff;
	background: linear-gradient(90deg, #e9662a 0%, #c9531a 100%);
	box-shadow: 0 10px 26px rgba(233, 102, 42, 0.30);
}
.autumnads-brand-portal .abp-dl > summary::after {
	background-color: rgba(0, 0, 0, 0.25);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	box-shadow: none;
}
.autumnads-brand-portal .abp-dl-menu {
	background: rgba(14, 16, 24, 0.96);
	border-color: rgba(255, 255, 255, 0.12);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55);
}
.autumnads-brand-portal .abp-dl-item {
	color: #f2ede4;
}
.autumnads-brand-portal .abp-dl-item:hover {
	background: rgba(255, 255, 255, 0.08);
}
.autumnads-brand-portal .abp-dl-ext {
	color: rgba(242, 237, 228, 0.6);
}
.autumnads-brand-portal .abp-trust-item + .abp-trust-item {
	border-left-color: rgba(255, 255, 255, 0.14);
}
.autumnads-brand-portal .abp-trust-item > svg {
	color: #e9662a;
	background: rgba(255, 255, 255, 0.08);
	box-shadow: none;
}
.autumnads-brand-portal .abp-trust-title {
	color: #f2ede4;
}
.autumnads-brand-portal .abp-trust-text {
	color: rgba(242, 237, 228, 0.7);
}

/* Dark theme fixes: search row without outer box; keep the ··· button clear of the logo tile. */
.autumnads-brand-portal .abp-search-wrap {
	background: none;
	border: 0;
	box-shadow: none;
}
.autumnads-brand-portal .abp-card-logo {
	margin-top: 40px;
}

/* =========================================================================
 * Hero: centred, search-first (no placeholder illustration)
 * ======================================================================= */
.autumnads-brand-portal .abp-hero {
	grid-template-columns: 1fr;
	justify-items: center;
	text-align: center;
	padding: clamp(32px, 6vw, 64px) clamp(20px, 5vw, 56px);
}
.autumnads-brand-portal .abp-hero-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 760px;
}
.autumnads-brand-portal .abp-eyebrow {
	justify-content: center;
}
.autumnads-brand-portal .abp-eyebrow::before {
	content: "";
	width: 120px;
	height: 1px;
	background: rgba(242, 237, 228, 0.35);
}
.autumnads-brand-portal .abp-lead {
	margin-left: auto;
	margin-right: auto;
}
.autumnads-brand-portal .abp-hero .abp-benefits {
	justify-content: center;
}
.autumnads-brand-portal .abp-hero .abp-benefit {
	text-align: left;
}

/* =========================================================================
 * Text colour: white everywhere in the portal (overrides theme headings)
 * ======================================================================= */
.autumnads-brand-portal,
.autumnads-brand-portal :is(p, li, span, label, a, strong, small, dt, dd, legend, td, th) {
	color: #ffffff;
}
.autumnads-brand-portal :is(h1, h2, h3, h4, h5, h6) {
	color: #ffffff !important;
}
/* Keep accent colours where they are meant to be */
.autumnads-brand-portal .abp-hl { color: transparent; }
.autumnads-brand-portal .abp-eyebrow::after,
.autumnads-brand-portal .abp-eyebrow::before { background-color: rgba(255, 255, 255, 0.5); }
.autumnads-brand-portal .abp-card-initials { color: #15171c; }
.autumnads-brand-portal .abp-card-note { color: #4a4d55; }
.autumnads-brand-portal .abp-card-more { color: #ffffff; }
.autumnads-brand-portal .abp-dl > summary.abp-btn { color: #ffffff; }
.autumnads-brand-portal .abp-dl-item { color: #ffffff; }
.autumnads-brand-portal .abp-dl-ext { color: rgba(255, 255, 255, 0.7); }
.autumnads-brand-portal .abp-badge--png { color: #bcd2ff; }
.autumnads-brand-portal .abp-badge--transparent_png { color: #ffffff; }
.autumnads-brand-portal .abp-badge--svg { color: #ffd77a; }
.autumnads-brand-portal .abp-badge--pdf { color: #ffb08a; }
.autumnads-brand-portal .abp-badge--jpg,
.autumnads-brand-portal .abp-badge--webp { color: #b6ecc6; }
.autumnads-brand-portal .abp-tag { color: #ffd0b8; }
.autumnads-brand-portal .abp-hero .abp-benefit .abp-icon,
.autumnads-brand-portal .abp-trust-item > svg { color: #ff8a52; }
.autumnads-brand-portal .abp-search-input::placeholder { color: rgba(255, 255, 255, 0.6); }
.autumnads-brand-portal .abp-category-select option { color: #111; }
.autumnads-brand-portal .abp-search-clear { color: #ffffff; }

/* =========================================================================
 * Search row: two columns, input pill and category pill side by side
 * ======================================================================= */
.autumnads-brand-portal .abp-search.abp-glass {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 240px;
	align-items: center;
	gap: 12px;
	width: 100%;
}
.autumnads-brand-portal .abp-search > div:not(.abp-search-field) {
	align-self: center;
	min-width: 0;
}
.autumnads-brand-portal .abp-search .abp-search-field {
	min-width: 0;
}
.autumnads-brand-portal .abp-search .abp-search-field > svg {
	position: absolute;
	left: 18px;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	color: rgba(255, 255, 255, 0.6);
	pointer-events: none;
}
.autumnads-brand-portal .abp-search .abp-search-input {
	padding-left: 50px;
}
.autumnads-brand-portal .abp-search .abp-category-select {
	height: 52px;
}
@media (max-width: 640px) {
	.autumnads-brand-portal .abp-search.abp-glass {
		grid-template-columns: 1fr;
	}
}

/* =========================================================================
 * Download Logo pill: slim, premium finish
 * ======================================================================= */
.autumnads-brand-portal .abp-dl > summary.abp-btn {
	min-height: 40px;
	height: 40px;
	padding: 0 46px;
	font-size: 0.86rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: #ffffff;
	background: linear-gradient(135deg, #f0743a 0%, #d9582a 55%, #b8461f 100%);
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 999px;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.35),
		inset 0 -1px 0 rgba(0, 0, 0, 0.18),
		0 6px 18px rgba(233, 102, 42, 0.28);
	gap: 8px;
}
.autumnads-brand-portal .abp-dl > summary.abp-btn:hover {
	background: linear-gradient(135deg, #f68148 0%, #e2622f 55%, #c24f25 100%);
}
.autumnads-brand-portal .abp-dl > summary.abp-btn > .abp-icon,
.autumnads-brand-portal .abp-dl > summary.abp-btn > svg {
	flex: 0 0 auto;
	width: 15px;
	height: 15px;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	color: #ffffff;
}
.autumnads-brand-portal .abp-dl > summary.abp-btn > .abp-icon svg {
	width: 15px;
	height: 15px;
}
.autumnads-brand-portal .abp-dl > summary.abp-btn > span {
	color: #ffffff;
}
.autumnads-brand-portal .abp-dl > summary::after {
	width: 26px;
	height: 26px;
	margin: -13px 0 0 0;
	right: 7px;
	background-color: rgba(0, 0, 0, 0.28);
	background-size: 12px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}
@media (max-width: 640px) {
	.autumnads-brand-portal .abp-dl > summary.abp-btn {
		padding: 0 40px;
	}
}

/* Closing call to action: centred, with a slim premium button */
.autumnads-brand-portal .abp-cta {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 14px;
	padding: clamp(32px, 5vw, 52px) 24px;
}
.autumnads-brand-portal .abp-cta h2 {
	margin: 0;
}
.autumnads-brand-portal .abp-cta p {
	margin: 0;
	max-width: 52ch;
}
.autumnads-brand-portal .abp-cta-btn {
	min-height: 40px;
	height: 40px;
	padding: 0 34px;
	margin-top: 6px;
	font-size: 0.86rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: #ffffff;
	background: linear-gradient(135deg, #f0743a 0%, #d9582a 55%, #b8461f 100%);
	border: 1px solid rgba(255, 255, 255, 0.22);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 6px 18px rgba(233, 102, 42, 0.28);
}