/* Adult Directory Theme. Colors, fonts and shape come from variables set on the settings page. */

/* ---------- Base ---------- */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body {
	margin: 0;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	position: relative;
	isolation: isolate;
	font-family: var(--adt-font-body);
	font-size: var(--adt-base, 16px);
	color: var(--adt-text);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
.wp-site-blocks { flex: 1; display: flex; flex-direction: column; }
.wp-site-blocks > main, .wp-site-blocks > .adt-main, .wp-site-blocks > .adwp-main { flex: 1; }
.wp-site-blocks > * + * { margin-block-start: 0; }
h1, h2, h3, h4, h5, h6 { font-family: var(--adt-font-heading); font-weight: var(--adt-heading-weight, 700); color: var(--adt-text); }
a { color: var(--adt-accent); text-underline-offset: .15em; }
a:hover { color: var(--adt-text); }
img { max-width: 100%; height: auto; }
::selection { background: var(--adt-button); color: var(--adt-button-text); }
:focus-visible { outline: 2px solid var(--adt-accent); outline-offset: 2px; }
.screen-reader-text {
	border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important;
}
.adt-main, .adwp-main { padding-block: calc(1.5rem * var(--adt-density, 1)) calc(3rem * var(--adt-density, 1)); }
.adt-page-title { margin-block: .5rem 1.25rem; }
.adt-meta { color: var(--adt-muted); font-size: .9rem; }
.adt-icon { display: block; flex: none; }

/* ---------- Plugin hook-up: the directory follows the theme colors ---------- */
:root {
	--adwp-accent: var(--adt-accent);
	--adwp-accent-text: var(--adt-button-text);
	--adwp-radius: var(--adt-radius);
	--adwp-gap: calc(1.25rem * var(--adt-density, 1));
	--adwp-border: var(--adt-border);
	--adwp-soft: color-mix(in srgb, var(--adt-text) 6%, transparent);
	--adwp-muted: var(--adt-muted);
	--adwp-box-bg: var(--adt-surface);
	--adwp-tip-bg: var(--adt-text);
	--adwp-tip-text: var(--adt-bg);
	--adwp-fav-bg: color-mix(in srgb, var(--adt-text) 10%, transparent);
}
.adwp-box, .adwp-card, .adwp-site-head, .adwp-related, .adwp-cat-head, .adt-card, .adt-result {
	border-width: var(--adt-border-w, 1px);
	border-color: var(--adt-border);
	box-shadow: var(--adt-shadow);
}
.adwp-box__title, .adwp-cat-head__title, .adwp-site-head__title, .adwp-related__title { font-family: var(--adt-font-heading); }
.adwp-visit, .adwp-pagination .current, .adwp-box__all:hover, .wp-element-button, .wp-block-button__link {
	background: var(--adt-button);
	color: var(--adt-button-text) !important;
	border-color: var(--adt-button);
}

/* ---------- Header ---------- */
:is(.adt-site-header, .wp-site-blocks > header) { position: relative; z-index: 50; }
body.adt-has-sticky-header :is(.adt-site-header, .wp-site-blocks > header) { position: sticky; top: 0; }
body.admin-bar.adt-has-sticky-header :is(.adt-site-header, .wp-site-blocks > header) { top: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) { body.admin-bar.adt-has-sticky-header :is(.adt-site-header, .wp-site-blocks > header) { top: 0; } }
.adt-header {
	background: color-mix(in srgb, var(--adt-header-bg) 92%, transparent);
	backdrop-filter: saturate(1.4) blur(10px);
	-webkit-backdrop-filter: saturate(1.4) blur(10px);
	border-bottom: var(--adt-border-w, 1px) solid var(--adt-border);
}
.adt-header__inner {
	max-width: var(--adt-wide, 1360px);
	margin: 0 auto;
	padding: calc(.7rem * var(--adt-density, 1)) clamp(1rem, 3vw, 2rem);
	display: flex;
	align-items: center;
	gap: 1rem;
	min-height: calc(var(--adt-logo-h, 40px) + .4rem);
}
.adt-logo { margin: 0; font-size: 1.35rem; line-height: 1; flex: none; }
.adt-logo a { display: flex; align-items: center; color: var(--adt-text); text-decoration: none; }
.adt-logo__img { height: var(--adt-logo-h, 40px); width: auto; max-width: 260px; object-fit: contain; }
.adt-logo__text { font-family: var(--adt-font-heading); font-weight: 800; letter-spacing: -.02em; }
.adt-logo__text::first-letter { color: var(--adt-accent); }
.adt-nav { display: flex; align-items: center; gap: .25rem; flex: 1; min-width: 0; }
.adt-tools { display: flex; align-items: center; gap: .5rem; margin-left: auto; }

/* Centered logo: logo in the middle row, menu below. */
.adt-header.is-centered .adt-header__inner { flex-wrap: wrap; justify-content: center; }
.adt-header.is-centered .adt-logo { order: 1; width: 100%; display: flex; justify-content: center; }
.adt-header.is-centered .adt-nav { order: 2; justify-content: center; flex: 1 1 auto; }
.adt-header.is-centered .adt-tools { order: 3; margin-left: 0; }

/* Menu links */
.adt-menu { display: flex; align-items: center; gap: .25rem; margin: 0; padding: 0; list-style: none; }
.adt-menu li { position: relative; }
.adt-menu a, .adt-cats__toggle {
	display: flex; align-items: center; gap: .4rem;
	padding: .5rem .75rem;
	border-radius: calc(var(--adt-radius) - 2px);
	color: var(--adt-text);
	font-weight: 600; font-size: .95rem;
	text-decoration: none;
	background: none; border: 0; cursor: pointer; font-family: inherit;
}
.adt-menu a:hover, .adt-cats__toggle:hover, .adt-cats__toggle[aria-expanded="true"] { background: color-mix(in srgb, var(--adt-text) 8%, transparent); color: var(--adt-text); }
.adt-menu .current-menu-item > a { color: var(--adt-accent); }
.adt-menu .sub-menu {
	position: absolute; top: 100%; left: 0; min-width: 200px; margin: .25rem 0 0; padding: .4rem; list-style: none;
	background: var(--adt-surface); border: var(--adt-border-w, 1px) solid var(--adt-border); border-radius: var(--adt-radius); box-shadow: var(--adt-shadow);
	display: none;
}
.adt-menu li:hover > .sub-menu, .adt-menu li:focus-within > .sub-menu { display: block; }

/* Categories dropdown */
.adt-cats { position: static; }
.adt-cats__toggle .adt-icon:last-child { transition: transform .2s; width: 16px; height: 16px; }
.adt-cats__toggle[aria-expanded="true"] .adt-icon:last-child { transform: rotate(180deg); }
.adt-cats__panel {
	position: absolute; left: 0; right: 0; top: 100%;
	background: var(--adt-surface);
	border-bottom: var(--adt-border-w, 1px) solid var(--adt-border);
	box-shadow: 0 20px 40px rgb(0 0 0 / .25);
	max-height: min(70vh, 640px); overflow: auto;
}
.adt-cats__list {
	max-width: var(--adt-wide, 1360px); margin: 0 auto; padding: 1rem clamp(1rem, 3vw, 2rem) 1.25rem; list-style: none;
	display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .25rem .75rem;
}
.adt-cats__list a {
	display: flex; align-items: center; gap: .6rem; padding: .5rem .6rem; border-radius: calc(var(--adt-radius) - 2px);
	color: var(--adt-text); text-decoration: none; font-weight: 500;
}
.adt-cats__list a:hover { background: color-mix(in srgb, var(--adt-accent) 12%, transparent); }
.adt-cats__icon { width: 24px; height: 24px; object-fit: contain; border-radius: 4px; flex: none; }
.adt-cats__dot { width: 8px; height: 8px; margin: 0 8px; border-radius: 50%; background: var(--adt-accent); flex: none; }
.adt-cats__name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adt-cats__count { color: var(--adt-muted); font-size: .8rem; font-variant-numeric: tabular-nums; }

/* Search */
.adt-search { display: flex; align-items: center; position: relative; }
.adt-search input[type="search"] {
	width: 240px; max-width: 100%;
	padding: .55rem 2.4rem .55rem .9rem;
	border: var(--adt-border-w, 1px) solid var(--adt-border);
	border-radius: 999px;
	background: color-mix(in srgb, var(--adt-text) 5%, transparent);
	color: var(--adt-text); font: inherit; font-size: .92rem;
	transition: border-color .15s, width .2s;
}
.adt-search input[type="search"]::placeholder { color: var(--adt-muted); }
.adt-search input[type="search"]:focus { outline: none; border-color: var(--adt-accent); }
.adt-search button {
	position: absolute; right: .35rem; display: grid; place-items: center;
	width: 2rem; height: 2rem; border: 0; border-radius: 50%; background: none; color: var(--adt-muted); cursor: pointer;
}
.adt-search button:hover { color: var(--adt-accent); }
.adt-search-row { padding: .5rem clamp(1rem, 3vw, 2rem) .8rem; border-top: 1px solid var(--adt-border); }
.adt-search-row .adt-search input[type="search"] { width: 100%; }
.adt-search-row .adt-search { width: 100%; }

/* Icon buttons */
.adt-mode, .adt-burger, .adt-search-toggle {
	display: grid; place-items: center; width: 2.4rem; height: 2.4rem; flex: none;
	border: var(--adt-border-w, 1px) solid var(--adt-border); border-radius: 999px;
	background: color-mix(in srgb, var(--adt-text) 4%, transparent); color: var(--adt-text); cursor: pointer;
}
.adt-mode:hover, .adt-burger:hover, .adt-search-toggle:hover { color: var(--adt-accent); border-color: var(--adt-accent); }
.adt-mode .adt-icon { grid-area: 1 / 1; }
:root[data-theme="dark"] .adt-mode__moon, :root[data-theme="light"] .adt-mode__sun { display: none; }
.adt-burger, .adt-search-toggle { display: none; }
.adt-burger .adt-icon:last-child { display: none; }
.adt-burger[aria-expanded="true"] .adt-icon:first-child { display: none; }
.adt-burger[aria-expanded="true"] .adt-icon:last-child { display: block; }

/* Mobile: menu becomes a drawer, search moves to its own row. */
@media (max-width: 960px) {
	/* A blur filter would trap the fixed menu drawer inside the header. */
	.adt-header { backdrop-filter: none; -webkit-backdrop-filter: none; background: var(--adt-header-bg); }
	.adt-burger, .adt-search-toggle { display: grid; }
	.adt-tools__search { display: none; }
	.adt-header.is-centered .adt-logo { width: auto; order: 0; }
	.adt-header.is-centered .adt-header__inner { flex-wrap: nowrap; justify-content: flex-start; }
	.adt-header.is-centered .adt-tools { margin-left: auto; }
	.adt-nav {
		position: fixed; inset: var(--adt-header-h, 60px) 0 0 0; z-index: 60;
		display: none; flex-direction: column; align-items: stretch; gap: .25rem;
		padding: 1rem clamp(1rem, 3vw, 2rem) 2rem;
		background: var(--adt-header-bg); overflow: auto;
	}
	.adt-nav.is-open { display: flex; }
	.adt-nav--empty { display: none !important; }
	.adt-menu { flex-direction: column; align-items: stretch; }
	.adt-menu .sub-menu { position: static; display: block; box-shadow: none; border: 0; padding: 0 0 0 1rem; background: none; }
	.adt-cats__toggle { width: 100%; justify-content: flex-start; }
	.adt-cats__toggle span { flex: 1; text-align: left; }
	.adt-cats__panel { position: static; box-shadow: none; border: 0; background: none; max-height: none; }
	.adt-cats__list { padding: .25rem 0 .75rem; grid-template-columns: 1fr; }
}
@media (min-width: 961px) { .adt-search-row { display: none !important; } }

/* ---------- Breadcrumbs ---------- */
.adt-crumbs { font-size: .85rem; color: var(--adt-muted); }
.adt-crumbs__inner { max-width: var(--adt-wide, 1360px); margin: 0 auto; padding: .8rem clamp(1rem, 3vw, 2rem) 0; display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.adt-crumbs a { color: var(--adt-muted); text-decoration: none; }
.adt-crumbs a:hover { color: var(--adt-accent); }
.adt-crumbs__sep { opacity: .5; }

/* ---------- Footer ---------- */
:is(.adt-site-footer, .wp-site-blocks > footer) { margin-top: auto; }
.adt-footer { background: var(--adt-footer-bg); border-top: var(--adt-border-w, 1px) solid var(--adt-border); font-size: .92rem; }
.adt-footer__inner {
	max-width: var(--adt-wide, 1360px); margin: 0 auto; padding: calc(2rem * var(--adt-density, 1)) clamp(1rem, 3vw, 2rem);
	display: flex; flex-wrap: wrap; gap: 1.5rem 3rem; justify-content: space-between; align-items: flex-start;
}
.adt-footer__name { font-family: var(--adt-font-heading); font-weight: 800; font-size: 1.2rem; color: var(--adt-text); text-decoration: none; }
.adt-footer__name { display: inline-flex; align-items: center; }
.adt-footer__logo { height: var(--adt-footer-logo-h, 32px); width: auto; max-width: 240px; object-fit: contain; }
.adt-footer__text { margin: .5rem 0 0; color: var(--adt-muted); max-width: 46ch; }
.adt-footer__menu { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; margin: 0; padding: 0; list-style: none; }
.adt-footer__menu a { color: var(--adt-muted); text-decoration: none; }
.adt-footer__menu a:hover { color: var(--adt-accent); }
.adt-footer__bottom {
	max-width: var(--adt-wide, 1360px); margin: 0 auto; padding: 1rem clamp(1rem, 3vw, 2rem) 1.5rem;
	border-top: 1px solid var(--adt-border); color: var(--adt-muted); font-size: .82rem;
	display: flex; flex-wrap: wrap; gap: .5rem 2rem; justify-content: space-between;
}
.adt-footer__bottom p { margin: 0; }
.adt-footer__disclaimer { max-width: 80ch; }
.adt-top {
	position: fixed; right: 1rem; bottom: 1rem; z-index: 40;
	display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: 50%;
	background: var(--adt-button); color: var(--adt-button-text); box-shadow: 0 6px 20px rgb(0 0 0 / .3);
	opacity: 0; pointer-events: none; transform: translateY(8px); transition: opacity .2s, transform .2s;
}
.adt-top.is-visible { opacity: 1; pointer-events: auto; transform: none; }
.adt-top:hover { color: var(--adt-button-text); filter: brightness(1.1); }

/* ---------- Search results ---------- */
.adt-results { max-width: 900px; margin: 0 auto; }
.adt-results__title { font-size: clamp(1.5rem, 3vw, 2rem); margin: .5rem 0 1rem; }
.adt-results__form .adt-search, .adt-results__form .adt-search input[type="search"] { width: 100%; }
.adt-results__form { margin-bottom: 1.5rem; }
.adt-results__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.adt-result {
	display: flex; align-items: flex-start; gap: .9rem; padding: .9rem 1rem;
	background: var(--adt-surface); border-style: solid; border-radius: var(--adt-radius);
}
.adt-result__fav { width: 20px; height: 20px; margin-top: .2rem; border-radius: 4px; flex: none; object-fit: contain; }
.adt-result__fav--letter { display: grid; place-items: center; background: color-mix(in srgb, var(--adt-accent) 18%, transparent); color: var(--adt-accent); font-size: .75rem; font-weight: 800; }
.adt-result__body { flex: 1; min-width: 0; }
.adt-result__name { font-weight: 700; color: var(--adt-text); text-decoration: none; margin-right: .5rem; }
.adt-result__name:hover { color: var(--adt-accent); }
.adt-result__cat { font-size: .78rem; color: var(--adt-muted); text-decoration: none; border: 1px solid var(--adt-border); border-radius: 999px; padding: .05rem .5rem; white-space: nowrap; }
.adt-result__summary { margin: .3rem 0 0; color: var(--adt-muted); font-size: .92rem; }
.adt-result__actions { display: flex; gap: .5rem; flex: none; align-items: center; }
.adt-result__review { font-size: .88rem; font-weight: 600; text-decoration: none; padding: .4rem .7rem; }
.adt-result__visit { font-size: .88rem; font-weight: 700; text-decoration: none; padding: .4rem .9rem; border-radius: calc(var(--adt-radius) - 2px); background: var(--adt-button); color: var(--adt-button-text); }
.adt-result__visit:hover { color: var(--adt-button-text); filter: brightness(1.08); }
@media (max-width: 600px) {
	.adt-result { flex-wrap: wrap; }
	.adt-result__actions { width: 100%; justify-content: flex-end; }
}
.adt-results__empty { color: var(--adt-muted); }
.adt-results__cats { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; list-style: none; }
.adt-results__cats a { display: inline-block; padding: .35rem .8rem; border: 1px solid var(--adt-border); border-radius: 999px; text-decoration: none; color: var(--adt-text); }
.adt-results__cats a:hover { border-color: var(--adt-accent); color: var(--adt-accent); }
.adt-pagination ul { display: flex; flex-wrap: wrap; gap: .35rem; justify-content: center; list-style: none; padding: 0; margin: 2rem 0 0; }
.adt-pagination a, .adt-pagination span { display: grid; place-items: center; min-width: 2.4rem; height: 2.4rem; padding: 0 .6rem; border: 1px solid var(--adt-border); border-radius: calc(var(--adt-radius) - 2px); text-decoration: none; color: var(--adt-text); }
.adt-pagination .current { background: var(--adt-button); border-color: var(--adt-button); color: var(--adt-button-text); }

/* ---------- Blog cards and misc ---------- */
.adt-card { background: var(--adt-surface); border-style: solid; border-radius: var(--adt-radius); padding: 0 0 1rem; overflow: hidden; gap: .5rem; }
.adt-card > :not(.wp-block-post-featured-image) { padding-inline: 1rem; }
.adt-card .wp-block-post-title a { color: var(--adt-text); text-decoration: none; }
.adt-404 { text-align: center; padding-block: 4rem; }
.wp-block-search__input { background: color-mix(in srgb, var(--adt-text) 5%, transparent); color: var(--adt-text); border-color: var(--adt-border); border-radius: calc(var(--adt-radius) - 2px); }
.wp-block-table td, .wp-block-table th { border-color: var(--adt-border); }

/* ---------- Footer: brand left, contact email right, page links below ---------- */
.adt-footer__inner { align-items: center; }
.adt-footer__contact { display: grid; gap: .5rem; justify-items: start; max-width: 420px; }
.adt-footer__contact-text { margin: 0; color: var(--adt-muted); }
.adt-footer__email {
	display: inline-flex; align-items: center; gap: .6rem;
	padding: .65rem 1rem; border-radius: var(--adt-radius);
	border: var(--adt-border-w, 1px) solid var(--adt-border);
	background: color-mix(in srgb, var(--adt-accent) 10%, var(--adt-surface));
	color: var(--adt-text); font-weight: 700; font-size: 1.05rem; text-decoration: none; word-break: break-all;
}
.adt-footer__email .adt-icon { color: var(--adt-accent); }
.adt-footer__email:hover { border-color: var(--adt-accent); color: var(--adt-text); }
.adt-footer__links { max-width: var(--adt-wide, 1360px); margin: 0 auto; padding: 0 clamp(1rem, 3vw, 2rem) calc(1.25rem * var(--adt-density, 1)); }
@media (max-width: 700px) { .adt-footer__inner { flex-direction: column; align-items: flex-start; } }

/* ---------- Boxed pages (Contact, About, legal) ---------- */
.adt-boxed {
	background: var(--adt-surface);
	border: var(--adt-border-w, 1px) solid var(--adt-border);
	border-radius: var(--adt-radius);
	box-shadow: var(--adt-shadow);
	padding: clamp(1.25rem, 4vw, 2.75rem);
	margin-block: 1rem 0;
}
.adt-boxed .adt-page-title { margin-top: 0; }

/* ---------- Contact form ---------- */
.adt-form { display: grid; gap: .25rem; margin-top: 1.5rem; }
.adt-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1rem; }
@media (max-width: 600px) { .adt-form__row { grid-template-columns: 1fr; } }
.adt-form__field { display: grid; gap: .35rem; margin: 0 0 .75rem; }
.adt-form__field label { font-weight: 600; font-size: .92rem; }
.adt-form input[type="text"], .adt-form input[type="email"], .adt-form textarea {
	width: 100%; box-sizing: border-box; padding: .7rem .85rem; font: inherit; color: var(--adt-text);
	background: color-mix(in srgb, var(--adt-text) 4%, var(--adt-bg));
	border: var(--adt-border-w, 1px) solid var(--adt-border); border-radius: calc(var(--adt-radius) - 2px);
}
.adt-form input:focus, .adt-form textarea:focus { outline: none; border-color: var(--adt-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--adt-accent) 20%, transparent); }
.adt-form textarea { resize: vertical; min-height: 140px; }
.adt-form__submit { padding: .75rem 1.5rem; border: 0; cursor: pointer; font: inherit; font-weight: 700; border-radius: calc(var(--adt-radius) - 2px); background: var(--adt-button); color: var(--adt-button-text); }
.adt-form__submit:disabled { opacity: .7; cursor: wait; }
.adt-form__hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.adt-form__notice { margin: 0 0 1rem; padding: .75rem 1rem; border-radius: calc(var(--adt-radius) - 2px); font-weight: 600; }
.adt-form__notice.is-ok { background: color-mix(in srgb, #16a34a 16%, transparent); border: 1px solid color-mix(in srgb, #16a34a 45%, transparent); }
.adt-form__notice.is-error { background: color-mix(in srgb, #dc2626 14%, transparent); border: 1px solid color-mix(in srgb, #dc2626 45%, transparent); }