/*
Theme Name: Rota Siyaset
Theme URI: https://www.wpdenizi.com/rota-siyaset
Author: WP Denizi
Author URI: https://www.wpdenizi.com
Description: Block-based (FSE) theme for politicians, candidates, party provincial and district offices and municipalities: profile and biography timeline, activities, press room with press kit, event calendar with calendar files, citizen requests with tracking codes, volunteer and membership pre-application forms under KVKK, organisation chart, projects and pledges with progress and a neighbourhood filter, council decisions, notices and tenders, and a simple poll. Six concepts with their own colours, fonts and home page layouts; fictional, neutral sample content; locally hosted fonts.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
Version: 0.1.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rota-siyaset
Update URI: https://www.wpdenizi.com/rota-siyaset
Domain Path: /languages
Tags: blog, news, full-site-editing, block-patterns, block-styles, style-variations, wide-blocks, editor-style, custom-colors, custom-menu, featured-images, translation-ready, accessibility-ready, two-columns
*/

/*
 * Styles live in theme.json. This file holds the rules theme.json cannot
 * express: the header, the footer and the six concept layouts.
 */

.wp-site-blocks > * + * {
	margin-block-start: 0;
}

:where(.wp-site-blocks) :focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}

.skip-link.screen-reader-text:focus {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	z-index: 100000;
}

:where(.wp-site-blocks) :where(h1, h2, .rsy-h, .rsy-sec-title) {
	text-transform: var(--wp--custom--heading--transform, none);
	letter-spacing: var(--wp--custom--heading--tracking, normal);
}

/* Card: is-style-rota-card block style (functions.php) */
.is-style-rota-card {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--lg);
	box-shadow: var(--wp--preset--shadow--card);
}

/* Secondary button: is-style-outline */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	border: 1.5px solid var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--primary-soft);
	color: var(--wp--preset--color--primary-strong);
}

/* Accent button: for the single main call on a page */
.wp-block-button.is-style-rota-accent > .wp-block-button__link {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--on-accent);
}
.wp-block-button.is-style-rota-accent > .wp-block-button__link:hover {
	background: var(--wp--preset--color--primary-strong);
	color: var(--wp--preset--color--on-primary);
}

/* Badge: is-style-rota-badge (paragraph) */
.is-style-rota-badge {
	display: inline-block;
	padding: 0.25rem 0.625rem;
	border-radius: var(--wp--custom--radius--sm);
	background: var(--wp--preset--color--primary-soft);
	color: var(--wp--preset--color--primary);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.wp-block-details summary {
	cursor: pointer;
	font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

.rota-plain-list {
	list-style: none;
}
.rota-plain-list a {
	text-decoration: none;
}
.rota-plain-list a:hover,
.rota-plain-list a:focus-visible {
	text-decoration: underline;
}

.wp-block-post-content > :is(h2, h3):not(:first-child) {
	margin-block-start: var(--wp--preset--spacing--60);
}

/* Links inside text are underlined (WCAG: not by colour alone). */
.rsy-consent a,
.rota-notice a,
:where(.wp-block-post-content, .rsy-bio-lead, .rsy-leader-bio, .rsy-form-intro) :where(p, li) a {
	text-decoration: underline;
	text-underline-offset: 2px;
}
.rsy-lead {
	color: var(--wp--preset--color--contrast-2);
}

/* ==========================================================================
   Header
   ========================================================================== */
.rsy-topbar p {
	margin: 0;
}
.rsy-topbar-note {
	font-weight: 600;
	letter-spacing: 0.02em;
}
.rsy-topbar .rota-contact.is-inline,
.rsy-topbar .rota-contact {
	gap: 0.4rem 1.2rem;
	font-size: inherit;
}
.rsy-topbar :is(.rota-contact, .rota-social) a {
	color: var(--wp--preset--color--on-dark);
}
.rsy-topbar .rota-social a {
	width: 30px;
	height: 30px;
}
.rsy-brand {
	min-width: 0;
	max-width: 360px;
}
.rsy-brand .wp-block-site-title {
	line-height: 1.1;
	font-size: var(--wp--preset--font-size--x-large);
}
.rsy-brand .wp-block-site-title a {
	text-decoration: none;
	color: var(--wp--preset--color--contrast);
}
.rsy-header .wp-block-navigation a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}
.rsy-header .wp-block-navigation a:hover,
.rsy-header .wp-block-navigation .current-menu-item > a {
	color: var(--wp--preset--color--primary);
	text-decoration: underline;
	text-underline-offset: 6px;
	text-decoration-thickness: 2px;
}
.rsy-head-btns {
	flex-wrap: nowrap;
}
.rsy-header-row:not(.is-centered) .rsy-navwrap,
.rsy-header-row:not(.is-centered) .wp-block-navigation__container {
	flex-wrap: nowrap;
}
.rsy-header-row:not(.is-centered) .wp-block-navigation__container {
	gap: 0.35rem 1.15rem;
}
.rsy-header .wp-block-navigation-item__content {
	white-space: nowrap;
}
@media (max-width: 1320px) {
	.rsy-header-row:not(.is-centered) .rsy-btn-request {
		display: none;
	}
	.rsy-brand {
		max-width: 260px;
	}
}
.rsy-head-btns .wp-block-button__link {
	white-space: nowrap;
	padding: 0.6rem 1.05rem;
}
.rsy-header-row.is-centered {
	text-align: center;
}
.rsy-header-row.is-centered .rsy-navwrap {
	flex-wrap: wrap;
	justify-content: center;
}

/* ==========================================================================
   Footer
   ========================================================================== */
.rsy-footer .wp-block-site-title a,
.rsy-footer a {
	text-decoration: none;
}
.rsy-footer a:hover,
.rsy-footer a:focus-visible {
	text-decoration: underline;
}
.rsy-footer .rota-contact {
	color: var(--wp--preset--color--on-dark);
}
.rsy-footer .rota-contact :is(dt, .rota-contact-label) {
	color: var(--wp--preset--color--on-dark-2);
}
.rsy-footer .rsy-links.is-dark {
	--rsy-text: var(--wp--preset--color--on-dark);
	--rsy-base: transparent;
	--rsy-line: rgba(255, 255, 255, 0.2);
	--rsy-muted: var(--wp--preset--color--on-dark-2);
	--rsy-accent: var(--wp--preset--color--on-dark-2);
	--rsy-primary: var(--wp--preset--color--on-dark);
	color: var(--wp--preset--color--on-dark);
}
.rsy-footer .rsy-links.is-dark .rsy-h {
	font-size: var(--wp--preset--font-size--large);
	color: var(--wp--preset--color--on-dark);
}
.rsy-footer .rsy-links.is-dark .rsy-link-grid {
	grid-template-columns: 1fr;
	gap: 0.4rem;
}
.rsy-footer .rsy-links.is-dark .rsy-link-grid a {
	min-height: 40px;
	padding: 0.4rem 0.7rem;
}

/* ==========================================================================
   Lists of activities, side column
   ========================================================================== */
.rsy-loop .rsy-card {
	height: 100%;
}
.rsy-loop .wp-block-post-title a {
	text-decoration: none;
	color: var(--wp--preset--color--contrast);
}
.rsy-loop .wp-block-post-title a:hover {
	color: var(--wp--preset--color--primary);
}
.rsy-card-cat a {
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
}
.rsy-side .rsy-agenda.is-compact .rsy-events {
	grid-template-columns: 1fr;
}
.rsy-side .rsy-agenda.is-compact .rsy-h {
	font-size: 1.2rem;
}
.rsy-side .rsy-event {
	padding: 0.8rem;
}
.rsy-side .rsy-date {
	width: 54px;
	height: 58px;
}
.rsy-side .rsy-poll-q {
	font-size: 1.1rem;
}

/* ==========================================================================
   Home
   ========================================================================== */
.rsy-hero {
	position: relative;
	overflow: hidden;
	padding-top: var(--wp--preset--spacing--80);
	padding-bottom: var(--wp--preset--spacing--80);
}
.rsy-hero > * {
	position: relative;
	z-index: 1;
}
.rsy-hero-kicker {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--primary);
}
.rsy-hero-title {
	font-size: clamp(2.1rem, 1.3rem + 3vw, 3.8rem);
	line-height: 1.06;
	margin: 0;
}
.rsy-hero-text {
	max-width: 40ch;
	color: var(--wp--preset--color--contrast-2);
}
.rsy-hero-img {
	margin: 0;
}
.rsy-hero-img img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: var(--wp--custom--radius--lg);
	box-shadow: var(--wp--preset--shadow--float);
}
.rsy-narrow {
	max-width: 860px;
}
.rsy-sec-kicker {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent);
}

/* Candidate: dark campaign hero, poster picture with an accent frame */
.rsy-hero.is-campaign {
	color: var(--wp--preset--color--on-primary);
	background-image: linear-gradient(115deg, transparent 0 62%, rgba(255, 255, 255, 0.05) 62% 74%, transparent 74%), radial-gradient(circle at 8% 110%, rgba(255, 255, 255, 0.08) 0 260px, transparent 261px);
}
.rsy-hero.is-campaign .rsy-hero-title {
	color: #fff;
	font-size: clamp(2.3rem, 1.2rem + 4vw, 4.4rem);
}
.rsy-hero.is-campaign .rsy-hero-kicker {
	display: inline-block;
	padding: 0.35rem 0.8rem;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
}
.rsy-hero.is-campaign .rsy-hero-text {
	color: rgba(255, 255, 255, 0.9);
}
.rsy-hero.is-campaign .is-style-outline > .wp-block-button__link {
	border-color: rgba(255, 255, 255, 0.85);
	color: #fff;
}
.rsy-hero.is-campaign .is-style-outline > .wp-block-button__link:hover {
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
}
.rsy-hero.is-campaign .rsy-countdown {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.2);
	color: #fff;
	box-shadow: none;
}
.rsy-hero-img.is-poster {
	position: relative;
	padding: 14px;
}
.rsy-hero-img.is-poster::before {
	content: "";
	position: absolute;
	inset: 0 28px 28px 0;
	border-radius: var(--wp--custom--radius--lg);
	background: var(--wp--preset--color--accent);
	transform: rotate(-3deg);
}
.rsy-hero-img.is-poster img {
	position: relative;
	aspect-ratio: 4 / 5;
}
.rsy-figures-sec.is-band {
	padding: var(--wp--preset--spacing--60);
	border-radius: var(--wp--custom--radius--lg);
	background: var(--wp--preset--color--primary-soft);
}

/* Member of parliament: editorial, serif, masthead header */
.rsy-hero.is-editorial {
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.rsy-hero.is-editorial .rsy-hero-kicker {
	color: var(--wp--preset--color--accent);
	border-bottom: 2px solid var(--wp--preset--color--accent);
	display: inline-block;
	padding-bottom: 0.3rem;
}
.rsy-hero.is-editorial .rsy-hero-title {
	font-size: clamp(2.2rem, 1.3rem + 3.2vw, 4rem);
	line-height: 1.08;
}
.rsy-c-vekil .rsy-leader {
	box-shadow: none;
	border-top: 4px solid var(--wp--preset--color--accent);
	grid-template-columns: 1fr;
	text-align: left;
}
.rsy-c-vekil .rsy-leader-img {
	max-width: 100%;
	aspect-ratio: 16 / 10;
}
.rsy-bio-sec {
	padding: var(--wp--preset--spacing--60);
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--line);
}
.rsy-c-vekil .rsy-brand .wp-block-site-title {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--xx-large);
}
.rsy-c-vekil .rsy-brand .wp-block-site-logo {
	display: none;
}
.rsy-c-vekil .rsy-header .wp-block-navigation {
	border-top: 1px solid var(--wp--preset--color--line);
	padding-top: 0.25rem;
}

/* Sitting mayor: wide city picture with an overlapping card */
.rsy-hero.is-overlay {
	padding-top: 0;
	padding-bottom: var(--wp--preset--spacing--60);
}
.rsy-hero-img.is-band {
	margin: 0 calc(-1 * var(--wp--style--root--padding-right, 1.5rem)) 0 calc(-1 * var(--wp--style--root--padding-left, 1.5rem));
	max-width: none !important;
}
.rsy-hero-img.is-band img {
	aspect-ratio: 16 / 6;
	border-radius: 0;
	box-shadow: none;
	max-height: 560px;
}
.rsy-hero-over {
	margin-top: calc(-1 * clamp(4rem, 12vw, 11rem)) !important;
}
.rsy-hero-card {
	max-width: 680px;
	padding: clamp(1.4rem, 4vw, 2.6rem);
	border-radius: var(--wp--custom--radius--lg);
	background: var(--wp--preset--color--base);
	box-shadow: var(--wp--preset--shadow--float);
}
.rsy-hero-card > * + * {
	margin-top: 1rem;
}

/* Provincial office: charcoal block and a tinted picture, condensed type */
.rsy-hero.is-split {
	padding-top: 0;
	padding-bottom: 0;
}
.rsy-hero-split {
	gap: 0 !important;
}
.rsy-hero-block {
	padding: clamp(2rem, 6vw, 4.5rem) clamp(0rem, 3vw, 2rem) clamp(2rem, 6vw, 4.5rem) 0;
}
.rsy-hero.is-split .rsy-hero-title {
	color: #fff;
	font-size: clamp(2.4rem, 1.2rem + 4.4vw, 4.8rem);
	line-height: 0.98;
}
.rsy-hero.is-split .rsy-hero-kicker {
	color: #fff;
	background: var(--wp--preset--color--accent);
	display: inline-block;
	padding: 0.3rem 0.7rem;
}
.rsy-hero.is-split .rsy-hero-text {
	color: var(--wp--preset--color--on-dark-2);
}
.rsy-hero.is-split .is-style-outline > .wp-block-button__link {
	border-color: #fff;
	color: #fff;
}
.rsy-hero.is-split .is-style-outline > .wp-block-button__link:hover {
	background: rgba(255, 255, 255, 0.1);
}
.rsy-hero-img.is-tinted {
	position: relative;
	height: 100%;
}
.rsy-hero-img.is-tinted::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, var(--wp--preset--color--dark) 0, transparent 30%), linear-gradient(0deg, rgba(42, 79, 209, 0.35), rgba(42, 79, 209, 0.12));
	mix-blend-mode: normal;
}
.rsy-hero-img.is-tinted img {
	aspect-ratio: 4 / 3.4;
	border-radius: 0;
	box-shadow: none;
	height: 100%;
}
.rsy-c-il .rsy-header {
	background: var(--wp--preset--color--dark) !important;
	border-bottom-color: transparent !important;
}
.rsy-c-il .rsy-header :is(.wp-block-site-title a),
.rsy-c-il .rsy-header .wp-block-navigation__responsive-container:not(.is-menu-open) a,
.rsy-c-il .rsy-header .wp-block-navigation__responsive-container-open {
	color: var(--wp--preset--color--on-dark);
}
.rsy-c-il .rsy-header .wp-block-navigation {
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
.rsy-c-il .rsy-header .is-style-outline > .wp-block-button__link {
	border-color: rgba(255, 255, 255, 0.8);
	color: #fff;
}
.rsy-c-il .rsy-header .is-style-outline > .wp-block-button__link:hover {
	background: rgba(255, 255, 255, 0.1);
}
.rsy-c-il .rsy-topbar {
	background: var(--wp--preset--color--accent) !important;
}
.rsy-c-il .rsy-band {
	background: var(--wp--preset--color--accent);
}
.rsy-c-il .rsy-sec-title,
.rsy-c-il .rsy-h {
	border-left: 6px solid var(--wp--preset--color--accent);
	padding-left: 0.7rem;
}

/* District office: friendly, centred, neighbourhood chips, rounded picture */
.rsy-hero.is-friendly {
	text-align: center;
	background-image: radial-gradient(circle at 90% 10%, var(--wp--preset--color--accent-soft) 0 220px, transparent 221px), radial-gradient(circle at 4% 70%, var(--wp--preset--color--primary-soft) 0 180px, transparent 181px);
}
.rsy-hero-center .rsy-hero-text {
	max-width: 48ch;
	margin-left: auto;
	margin-right: auto;
}
.rsy-hood-chips {
	margin-top: var(--wp--preset--spacing--50) !important;
	gap: 0.5rem !important;
}
.rsy-hood-chip {
	margin: 0;
}
.rsy-hood-chip a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 0.35rem 0.95rem;
	border-radius: 999px;
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--line);
	color: var(--wp--preset--color--contrast);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--small);
	text-decoration: none;
}
.rsy-hood-chip a:hover {
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}
.rsy-hero-img.is-rounded {
	max-width: var(--wp--style--global--wide-size);
	margin: var(--wp--preset--spacing--70) auto 0;
}
.rsy-hero-img.is-rounded img {
	aspect-ratio: 16 / 7;
	border-radius: 48px;
}
.rsy-c-ilce .rsy-topbar {
	background: var(--wp--preset--color--primary-soft) !important;
}
.rsy-c-ilce .rsy-topbar,
.rsy-c-ilce .rsy-topbar :is(a, p, .rota-contact, .rota-contact *) {
	color: var(--wp--preset--color--primary-strong) !important;
}
.rsy-home-form {
	padding: clamp(1.2rem, 4vw, 2.5rem);
	border-radius: var(--wp--custom--radius--lg);
	background: var(--wp--preset--color--primary-soft);
}

/* Municipality: portal with search, framed picture and service tiles */
.rsy-hero.is-portal {
	padding-top: var(--wp--preset--spacing--70);
	padding-bottom: var(--wp--preset--spacing--70);
	background-image: linear-gradient(var(--wp--preset--color--line) 1px, transparent 1px), linear-gradient(90deg, var(--wp--preset--color--line) 1px, transparent 1px);
	background-size: 44px 44px;
	background-position: -1px -1px;
}
.rsy-hero.is-portal::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, var(--wp--preset--color--base-2) 0 45%, rgba(242, 246, 250, 0.7) 75%, rgba(242, 246, 250, 0.4));
	z-index: 0;
}
.rsy-hero-search .wp-block-search__input {
	min-height: 50px;
	border: 1px solid var(--wp--preset--color--line-strong);
	border-radius: var(--wp--custom--radius--sm);
	background: var(--wp--preset--color--base);
	padding: 0 1rem;
}
.rsy-hero-search .wp-block-search__button {
	border-radius: var(--wp--custom--radius--sm);
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--on-primary);
}
.rsy-hero-img.is-frame {
	padding: 10px;
	border-radius: calc(var(--wp--custom--radius--lg) + 10px);
	background: var(--wp--preset--color--base);
	box-shadow: var(--wp--preset--shadow--float);
}
.rsy-hero-img.is-frame img {
	box-shadow: none;
}
.rsy-c-belediye .rsy-header {
	border-bottom: 3px solid var(--wp--preset--color--accent) !important;
}
.rsy-tiles-sec {
	margin-top: calc(-1 * var(--wp--preset--spacing--60)) !important;
	position: relative;
	z-index: 2;
}

/* Shapes of the concepts */
.rsy-c-aday .rsy-band {
	background: var(--wp--preset--color--accent);
}
.rsy-c-baskan .rsy-header {
	margin: 0.75rem clamp(0.5rem, 2vw, 1.5rem) 0;
	border: 1px solid var(--wp--preset--color--line) !important;
	border-radius: var(--wp--custom--radius--lg);
	box-shadow: var(--wp--preset--shadow--card);
	position: relative;
	z-index: 5;
}
.rsy-c-baskan .rsy-band {
	background: var(--wp--preset--color--primary);
}
.rsy-c-belediye .rsy-band {
	background: var(--wp--preset--color--primary);
}

@media (max-width: 781px) {
	.rsy-brand .wp-block-site-title {
		font-size: var(--wp--preset--font-size--large);
	}
	.rsy-head-btns .rsy-btn-request {
		display: none;
	}
	.rsy-head-btns .wp-block-button__link {
		padding: 0.5rem 0.8rem;
	}
	.rsy-topbar-note {
		display: none;
	}
	.rsy-hero-img.is-poster {
		max-width: 360px;
		margin: 0 auto;
	}
	.rsy-hero-img.is-band img {
		aspect-ratio: 4 / 3;
	}
	.rsy-hero-block {
		padding-right: 0;
	}
	.rsy-hero-img.is-tinted {
		margin: 0 calc(-1 * var(--wp--style--root--padding-right, 1.5rem)) 0 calc(-1 * var(--wp--style--root--padding-left, 1.5rem));
	}
	.rsy-hero-img.is-rounded img {
		aspect-ratio: 4 / 3;
		border-radius: 28px;
	}
	.rsy-tiles-sec {
		margin-top: 0 !important;
	}
	.rsy-c-baskan .rsy-header {
		margin: 0.5rem 0.5rem 0;
	}
	.rsy-c-vekil .rsy-brand .wp-block-site-title {
		font-size: var(--wp--preset--font-size--x-large);
	}
}
@media (max-width: 480px) {
	.rsy-brand .wp-block-site-logo {
		display: none;
	}
}

/* Between phone and wide screens the menu opens from a button, so the header stays on one line. */
@media (min-width: 600px) and (max-width: 1099px) {
	.rsy-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
	.rsy-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
}