/*
Theme Name: Rota Restoran
Theme URI: https://www.wpdenizi.com/rota-restoran
Author: WP Denizi
Author URI: https://www.wpdenizi.com
Description: Block-based (FSE) theme for restaurants, cafés, coffee shops, patisseries, burger places and seafood meyhanes: digital and QR menu with photos and a Turkish/English switch, table QR codes, table reservations with capacity, daily menu, offers and happy hours, events, gallery, delivery links, WhatsApp orders and opening hours with "open now". Six restaurant concepts with their own colours, fonts and home layouts; 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-restoran
Update URI: https://www.wpdenizi.com/rota-restoran
Domain Path: /languages
Tags: food-and-drink, full-site-editing, block-patterns, block-styles, style-variations, wide-blocks, editor-style, custom-colors, custom-menu, featured-images, translation-ready, accessibility-ready, blog
*/

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

.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, .rrs-h, .rrs-cat-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);
}

/* Buttons */
.wp-block-button__link {
	border-radius: var(--wp--custom--btn--radius, 8px);
}
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	border: 1px solid currentColor;
	color: inherit;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: color-mix(in srgb, currentColor 10%, transparent);
}
.wp-block-button.is-style-rota-accent > .wp-block-button__link {
	background: var(--wp--preset--color--accent);
	border: 1px solid var(--wp--preset--color--accent);
	color: var(--wp--preset--color--on-accent);
}
.wp-block-button.is-style-rota-accent > .wp-block-button__link:hover {
	filter: brightness(0.92);
}
body .rrs-btn,
body .rrs-add,
body .rrs-tabs a,
body .rrs-chip-link {
	border-radius: var(--wp--custom--btn--radius, 8px);
}

/* 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-strong);
	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;
}

.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). */
.rota-check a,
.rrs-consent a,
.rota-notice a,
:where(.wp-block-post-content, .rrs-about-text, .rrs-party-note) :where(p, li) a {
	text-decoration: underline;
	text-underline-offset: 2px;
}
:where(.wp-block-post-content) :where(.rrs-more, .rrs-btn, .rrs-chip-link, .rrs-event-body h3 a, .rrs-tabs a) {
	text-decoration: none;
}

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

/* ==========================================================================
   Header
   ========================================================================== */
.rrs-header {
	position: relative;
	z-index: 20;
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.rrs-header.is-dark {
	border-bottom-color: rgba(255, 255, 255, 0.12);
}
.rrs-brand {
	min-width: 0;
	max-width: 340px;
}
.rrs-brand .wp-block-site-title {
	line-height: 1.05;
	font-size: var(--wp--preset--font-size--x-large);
	font-family: var(--wp--preset--font-family--display);
}
.rrs-brand .wp-block-site-title a {
	text-decoration: none;
	color: var(--wp--preset--color--contrast);
}
.rrs-header.is-dark .wp-block-site-title a,
.rrs-header.is-dark .wp-block-navigation a {
	color: var(--wp--preset--color--on-dark);
}
.rrs-header .wp-block-navigation a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}
.rrs-header .wp-block-navigation a:hover,
.rrs-header .wp-block-navigation .current-menu-item > a {
	text-decoration: underline;
	text-underline-offset: 6px;
	text-decoration-thickness: 2px;
}
.rrs-header.is-dark .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--dark);
	color: var(--wp--preset--color--on-dark);
}
.rrs-header .wp-block-navigation__responsive-container-open,
.rrs-header .wp-block-navigation__responsive-container-close {
	min-width: 44px;
	min-height: 44px;
	justify-content: center;
}
.rrs-head-btns {
	gap: 8px;
}
.rrs-head-btns .wp-block-button__link {
	white-space: nowrap;
	padding: 0.6rem 1.1rem;
}
.rrs-topbar .rrs-info ul {
	gap: 6px 22px;
}
.rrs-topbar .rrs-open {
	background: rgba(255, 255, 255, 0.14);
	color: inherit;
}
.rrs-header-row.is-centered .rrs-brand {
	flex-direction: column;
	max-width: none;
	text-align: center;
}
.rrs-header-row.is-centered .rrs-navwrap {
	flex-wrap: wrap !important;
	justify-content: center;
}

/* ==========================================================================
   Home: welcome
   ========================================================================== */
.rrs-hero {
	position: relative;
	overflow: hidden;
	padding-top: var(--wp--preset--spacing--80);
	padding-bottom: var(--wp--preset--spacing--80);
}
.rrs-hero > * {
	position: relative;
	z-index: 1;
}
.rrs-kicker {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--primary);
}
.rrs-hero-title {
	font-size: clamp(2.3rem, 1.4rem + 3.4vw, 4.4rem);
	line-height: 1.04;
	margin: 0;
}
.rrs-hero-text {
	max-width: 38ch;
	color: var(--wp--preset--color--contrast-2);
	margin: 0;
}
.rrs-hero-img {
	margin: 0;
}
.rrs-hero-img img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.rrs-hero-buttons {
	margin-top: var(--wp--preset--spacing--30);
}
.rrs-hero-buttons .wp-block-button__link {
	padding: 0.85rem 1.6rem;
}
.rrs-hero-open {
	margin-top: var(--wp--preset--spacing--20);
}

/* Restaurant & grill: dark split, copper frame */
.rrs-hero.is-dark-split {
	background: radial-gradient(circle at 85% 20%, rgba(164, 86, 31, 0.28), transparent 45%), var(--wp--preset--color--dark) !important;
}
.rrs-hero.is-dark-split .rrs-kicker {
	color: #e3a46d;
}
.rrs-hero.is-dark-split .rrs-kicker::before {
	content: "";
	display: inline-block;
	width: 42px;
	height: 1px;
	margin-right: 12px;
	vertical-align: middle;
	background: currentColor;
}
.rrs-hero.is-dark-split .rrs-hero-text {
	color: var(--wp--preset--color--on-dark-2);
}
.rrs-hero-img.is-framed {
	position: relative;
	padding: 0 18px 18px 0;
}
.rrs-hero-img.is-framed::before {
	content: "";
	position: absolute;
	inset: 18px 0 0 18px;
	border: 1px solid #c98a55;
}
.rrs-hero-img.is-framed img {
	position: relative;
	aspect-ratio: 4 / 5;
}

/* Daytime café: centred text, wide round picture, info strip */
.rrs-hero.is-stack {
	text-align: center;
	padding-bottom: var(--wp--preset--spacing--70);
	background: radial-gradient(circle at 10% 15%, var(--wp--preset--color--accent-soft) 0 140px, transparent 141px), radial-gradient(circle at 92% 30%, var(--wp--preset--color--primary-soft) 0 200px, transparent 201px), var(--wp--preset--color--base-2) !important;
}
.rrs-hero.is-stack .rrs-hero-text {
	margin-inline: auto;
}
.rrs-hero.is-stack .rrs-hero-center {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--wp--preset--spacing--40);
}
.rrs-hero-img.is-wide-round {
	max-width: var(--wp--style--global--wide-size);
	margin: var(--wp--preset--spacing--70) auto 0 !important;
}
.rrs-hero-img.is-wide-round img {
	aspect-ratio: 21 / 9;
	border-radius: var(--wp--custom--radius--lg);
	box-shadow: var(--wp--preset--shadow--float);
}
.rrs-hero-info {
	margin: calc(-1 * var(--wp--preset--spacing--60)) auto 0 !important;
	position: relative;
	z-index: 2;
	width: fit-content;
	max-width: calc(100% - 32px);
	padding: 14px 24px;
	border-radius: 999px;
	background: var(--wp--preset--color--base);
	box-shadow: var(--wp--preset--shadow--card);
}
.rrs-hero-info ul {
	justify-content: center;
}

/* Third-wave coffee: big type, square picture with an offset block */
.rrs-hero.is-type .rrs-hero-title {
	font-size: clamp(2.6rem, 1.2rem + 5vw, 5.6rem);
	line-height: 0.95;
}
.rrs-hero.is-type {
	border-bottom: 2px solid var(--wp--preset--color--contrast);
}
.rrs-hero-img.is-offset {
	position: relative;
}
.rrs-hero-img.is-offset img {
	position: relative;
	z-index: 1;
	aspect-ratio: 1;
	border: 2px solid var(--wp--preset--color--contrast);
}
.rrs-hero-img.is-offset::after {
	content: "";
	position: absolute;
	inset: 18px -18px -18px 18px;
	background: var(--wp--preset--color--accent);
}

/* Patisserie: arched picture, handwritten name */
.rrs-hero.is-arch-hero {
	background: radial-gradient(var(--wp--preset--color--base-3) 1.5px, transparent 1.6px) 0 0 / 22px 22px, var(--wp--preset--color--base-2) !important;
}
.rrs-script {
	margin: 0;
	font-family: var(--wp--preset--font-family--script, var(--wp--preset--font-family--display));
	font-size: clamp(1.8rem, 1.2rem + 1.6vw, 2.6rem);
	line-height: 1;
	color: var(--wp--preset--color--primary);
}
.rrs-hero-img.is-arch img {
	aspect-ratio: 4 / 5;
	border-radius: 999px 999px var(--wp--custom--radius--lg) var(--wp--custom--radius--lg);
	border: 8px solid var(--wp--preset--color--base);
	box-shadow: var(--wp--preset--shadow--float);
}

/* Burger: red poster, tilted picture with a sticker */
.rrs-hero.is-poster {
	background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 0 14px, transparent 14px 28px), var(--wp--preset--color--primary) !important;
}
.rrs-hero.is-poster .rrs-kicker,
.rrs-hero.is-poster .rrs-hero-text {
	color: var(--wp--preset--color--on-primary);
}
.rrs-hero.is-poster .rrs-hero-title {
	font-size: clamp(3rem, 1.6rem + 6vw, 7rem);
	line-height: 0.9;
	color: var(--wp--preset--color--on-primary);
}
.rrs-hero.is-poster .is-style-outline .wp-block-button__link {
	color: var(--wp--preset--color--on-primary);
}
.rrs-hero-img.is-tilt {
	position: relative;
}
.rrs-hero-img.is-tilt img {
	transform: rotate(3deg);
	border: 6px solid var(--wp--preset--color--contrast);
	border-radius: var(--wp--custom--radius--md);
	box-shadow: 14px 14px 0 var(--wp--preset--color--contrast);
}
.rrs-hero.is-poster .rrs-open {
	background: var(--wp--preset--color--contrast);
	color: #fff;
}

/* Seafood: cover picture */
.rrs-hero.is-cover {
	padding-top: var(--wp--preset--spacing--80);
	padding-bottom: calc(var(--wp--preset--spacing--80) + 40px);
}
.rrs-hero.is-cover .rrs-kicker {
	color: #f2b8a5;
}
.rrs-hero.is-cover .rrs-hero-title,
.rrs-hero.is-cover .rrs-hero-text {
	color: #fff;
}
.rrs-hero.is-cover .is-style-outline .wp-block-button__link {
	color: #fff;
}
.rrs-hero.is-cover::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 40px;
	z-index: 2;
	background: var(--wp--preset--color--base-2);
	-webkit-mask: radial-gradient(28px at 50% 0, transparent 98%, #000) 0 0 / 56px 40px repeat-x;
	mask: radial-gradient(28px at 50% 0, transparent 98%, #000) 0 0 / 56px 40px repeat-x;
}
.rrs-hero.is-cover .rrs-open.is-shut {
	background: rgba(255, 255, 255, 0.9);
}

/* ==========================================================================
   Home: sections
   ========================================================================== */
.rrs-home-body > .rrs-band:first-child {
	margin-top: calc(-1 * var(--wp--preset--spacing--70));
}
.rrs-band {
	padding-top: var(--wp--preset--spacing--80);
	padding-bottom: var(--wp--preset--spacing--80);
}
.rrs-band.is-dark .rrs-h,
.rrs-band.is-dark .rrs-more {
	color: var(--wp--preset--color--on-dark);
}
.rrs-band.is-dark .rrs-event {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.14);
	color: var(--wp--preset--color--on-dark);
}
.rrs-band.is-dark .rrs-event-body h3 a,
.rrs-band.is-dark .rrs-event-price {
	color: var(--wp--preset--color--on-dark);
}
.rrs-band.is-dark .rrs-event-when,
.rrs-band.is-dark .rrs-event-type {
	color: var(--wp--preset--color--on-dark-2);
}
.rrs-band.is-dark .rrs-event-date {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--on-accent);
}
.rrs-is-info.is-line {
	padding: 18px 0;
	border-top: 1px solid var(--wp--preset--color--line);
	border-bottom: 1px solid var(--wp--preset--color--line);
}
.rrs-is-info.is-line .rrs-info ul {
	justify-content: center;
}
.rrs-narrow {
	max-width: 860px;
}
.rrs-visit .rota-map,
.rrs-visit iframe {
	border-radius: var(--wp--custom--radius--lg);
}

/* Lists of posts */
.rrs-loop .rrs-card {
	height: 100%;
}
.rrs-loop .wp-block-post-title a {
	text-decoration: none;
	color: var(--wp--preset--color--contrast);
}
.rrs-loop .wp-block-post-title a:hover {
	color: var(--wp--preset--color--primary);
}
.rrs-card-cat a {
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
}

/* Pages */
.rrs-page-band .wp-block-post-title {
	margin: 0;
}
.rrs-menu-page .rrs-tabs {
	--rrs-sticky: 0px;
}
.rrs-qr-head {
	gap: 12px;
}
.rrs-qr-head .wp-block-site-title a {
	text-decoration: none;
	color: var(--wp--preset--color--contrast);
}
.rrs-qr-head .rrs-open-wrap {
	margin: 0;
}
.rrs-qr-main .rrs-menu {
	--rrs-bg: var(--wp--preset--color--base-2);
}
.rrs-event-single .rrs-lead p {
	color: var(--wp--preset--color--contrast-2);
}
.rrs-event-box .rota-details {
	margin: 0;
}

/* Footer */
.rrs-footer .wp-block-site-title a,
.rrs-footer a {
	text-decoration: none;
}
.rrs-footer a:hover,
.rrs-footer a:focus-visible {
	text-decoration: underline;
}
.rrs-footer .rrs-hours.is-dark {
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--wp--preset--color--on-dark);
	--rc-line: rgba(255, 255, 255, 0.16);
	--rc-muted: var(--wp--preset--color--on-dark-2);
}
.rrs-footer .rrs-hours.is-dark .rrs-h {
	font-size: var(--wp--preset--font-size--large);
	color: var(--wp--preset--color--on-dark);
}
.rrs-footer .rrs-hours.is-dark .rrs-btn-ghost {
	color: var(--wp--preset--color--on-dark);
	border-color: rgba(255, 255, 255, 0.4);
}
.rrs-footer .rrs-price-info.is-dark .rrs-price-notes {
	background: rgba(255, 255, 255, 0.06);
	color: var(--wp--preset--color--on-dark-2);
}
.rrs-footer .rrs-price-info.is-dark .rrs-price-notes .is-strong {
	color: var(--wp--preset--color--on-dark);
}
.rrs-footer .rrs-price-info.is-dark .rrs-price-notes li::before {
	background: var(--wp--preset--color--accent);
}
.rrs-footer .rrs-open.is-open {
	background: rgba(46, 160, 90, 0.2);
	color: #bdf0cf;
}
.rrs-footer .rrs-open.is-shut {
	background: rgba(255, 120, 100, 0.18);
	color: #ffd2c9;
}

/* ==========================================================================
   Concepts: rrs-c-<concept> on <body>
   ========================================================================== */

/* Restaurant & grill */
.rrs-c-restoran .rrs-h,
.rrs-c-restoran .rrs-cat-title {
	font-weight: 600;
	font-size: clamp(1.9rem, 3.4vw, 2.7rem);
}
.rrs-c-restoran .rrs-dish,
.rrs-c-restoran .rrs-feat,
.rrs-c-restoran .rrs-offer {
	box-shadow: none;
}
.rrs-c-restoran .rrs-feat-body h3,
.rrs-c-restoran .rrs-name {
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.3rem;
	font-weight: 700;
}

/* Daytime café */
.rrs-c-kafe .rrs-dish,
.rrs-c-kafe .rrs-feat,
.rrs-c-kafe .rrs-offer,
.rrs-c-kafe .rrs-daily-card {
	border-color: transparent;
	box-shadow: 0 10px 30px -18px rgba(35, 48, 42, 0.35);
}
.rrs-c-kafe .rrs-daily-card {
	background-color: var(--wp--preset--color--accent-soft);
	background-image: none;
}
.rrs-c-kafe .rrs-kicker {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 999px;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--on-accent);
	letter-spacing: 0.06em;
}

/* Third-wave coffee */
.rrs-c-kahve .rrs-kicker,
.rrs-c-kahve .rrs-daily-day,
.rrs-c-kahve .rrs-event-type {
	font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
	letter-spacing: 0.08em;
	color: var(--wp--preset--color--contrast);
}
.rrs-c-kahve .rrs-dish,
.rrs-c-kahve .rrs-feat,
.rrs-c-kahve .rrs-offer,
.rrs-c-kahve .rrs-event,
.rrs-c-kahve .rrs-hours,
.rrs-c-kahve .rrs-legend {
	border: 2px solid var(--wp--preset--color--contrast);
	box-shadow: none;
}
.rrs-c-kahve .rrs-feat:hover,
.rrs-c-kahve .rrs-dish:hover {
	box-shadow: 6px 6px 0 var(--wp--preset--color--accent);
}
.rrs-c-kahve .rrs-h {
	font-size: clamp(2rem, 4vw, 3.2rem);
	line-height: 1;
}
.rrs-c-kahve .rrs-event-date {
	background: var(--wp--preset--color--contrast);
}
.rrs-c-kahve .rrs-header {
	border-bottom: 2px solid var(--wp--preset--color--contrast);
}

/* Patisserie */
.rrs-c-pastane .rrs-h::after {
	content: "";
	display: block;
	width: 64px;
	height: 3px;
	margin-top: 10px;
	border-radius: 3px;
	background: var(--wp--preset--color--primary);
}
.rrs-c-pastane .rrs-sec-head .rrs-h::after,
.rrs-c-pastane .rrs-cta .rrs-h::after {
	display: none;
}
.rrs-c-pastane .rrs-feat,
.rrs-c-pastane .rrs-offer,
.rrs-c-pastane .rrs-event {
	border-color: var(--wp--preset--color--line);
	box-shadow: 0 14px 34px -22px rgba(163, 33, 79, 0.45);
}
.rrs-c-pastane .rrs-feat-img img,
.rrs-c-pastane .rrs-offer-img img {
	border-radius: 0 0 40% 40% / 0 0 12% 12%;
}
.rrs-c-pastane .rrs-header-row.is-centered .wp-block-site-title {
	font-size: 2rem;
}

/* Burger */
.rrs-c-burger .rrs-h,
.rrs-c-burger .rrs-cat-title {
	font-size: clamp(2.4rem, 5vw, 3.6rem);
	line-height: 0.95;
}
.rrs-c-burger .rrs-dish,
.rrs-c-burger .rrs-feat,
.rrs-c-burger .rrs-offer,
.rrs-c-burger .rrs-event,
.rrs-c-burger .rrs-delivery {
	border: 3px solid var(--wp--preset--color--contrast);
	box-shadow: 6px 6px 0 var(--wp--preset--color--contrast);
}
.rrs-c-burger .rrs-name,
.rrs-c-burger .rrs-feat-body h3,
.rrs-c-burger .rrs-offer-body h3,
.rrs-c-burger .rrs-event-body h3 {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 400;
	font-size: 1.55rem;
	letter-spacing: 0.02em;
	line-height: 1;
	text-transform: uppercase;
}
.rrs-c-burger .rrs-delivery {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--on-accent);
}
.rrs-c-burger .rrs-delivery .rrs-muted {
	color: var(--wp--preset--color--contrast-2);
}
.rrs-c-burger .rrs-offer-badge {
	transform: rotate(6deg);
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.3rem;
	letter-spacing: 0.03em;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--on-accent);
	border: 2px solid var(--wp--preset--color--contrast);
}
.rrs-c-burger .rrs-header.is-dark .is-style-rota-accent .wp-block-button__link {
	color: var(--wp--preset--color--on-accent);
}

/* Seafood & meyhane */
.rrs-c-balik .rrs-band.rrs-is-events {
	background-image: radial-gradient(circle at 0 100%, rgba(18, 57, 91, 0.08) 0 220px, transparent 221px);
}
.rrs-c-balik .rrs-h {
	font-weight: 700;
}
.rrs-c-balik .rrs-daily-card {
	border-left: 6px solid var(--wp--preset--color--accent);
}
.rrs-c-balik .rrs-event-date {
	background: var(--wp--preset--color--accent);
}

/* ==========================================================================
   Small screens
   ========================================================================== */
@media (max-width: 1000px) {
	.rrs-head-btns .rrs-menu-btn {
		display: none;
	}
}
@media (max-width: 781px) {
	.rrs-brand .wp-block-site-title {
		font-size: var(--wp--preset--font-size--large);
	}
	.rrs-hero {
		padding-top: var(--wp--preset--spacing--70);
		padding-bottom: var(--wp--preset--spacing--70);
	}
	.rrs-hero-img.is-framed {
		padding: 0 12px 12px 0;
	}
	.rrs-hero-img.is-framed img {
		aspect-ratio: 4 / 3;
	}
	.rrs-hero-img.is-offset::after {
		inset: 10px -10px -10px 10px;
	}
	.rrs-hero-img.is-tilt img {
		box-shadow: 8px 8px 0 var(--wp--preset--color--contrast);
	}
	.rrs-hero-img.is-arch img {
		aspect-ratio: 1;
	}
	.rrs-hero-info {
		border-radius: var(--wp--custom--radius--lg);
	}
	.rrs-topbar .rrs-info li:not(.rrs-info-open):not(:has(a[href^="tel"])) {
		display: none;
	}
	.rrs-head-btns .wp-block-button__link {
		padding: 0.55rem 0.9rem;
	}
}
@media (max-width: 480px) {
	.rrs-brand .wp-block-site-title {
		font-size: var(--wp--preset--font-size--medium);
	}
	.rrs-header .rrs-brand {
		max-width: 52vw;
	}
}

/* Text colours of the welcome on dark and coloured backgrounds */
.rrs-hero.has-text-color :is(h1, h2, .rrs-hero-title) {
	color: inherit;
}