/*
Theme Name: Rota Haber
Theme URI: https://www.wpdenizi.com/rota-haber
Author: WP Denizi
Author URI: https://www.wpdenizi.com
Description: Block-based (FSE) news theme: headline slider with numbered buttons, breaking news ticker, most read, columnists, video news, photo galleries with one photo per page, tests and quizzes, readers' questions, member comments with likes, reader news, horoscopes, exchange rates and gold, weather, prayer times, duty pharmacies and ad places, with an app feel and notifications on phones. Six news concepts; locally hosted fonts.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
Version: 0.1.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rota-haber
Update URI: https://www.wpdenizi.com/rota-haber
Domain Path: /languages
Tags: news, blog, 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 only holds the few rules
 * theme.json cannot express.
 */

.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;
}

/* 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: 1px solid var(--wp--preset--color--line-strong);
	color: var(--wp--preset--color--contrast);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--contrast);
}

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

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

/* Icon box */
.rota-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: var(--wp--custom--radius--md);
	background: var(--wp--preset--color--primary-soft);
	color: var(--wp--preset--color--primary);
}
.rota-icon svg {
	width: 24px;
	height: 24px;
}

/* Aligned numbers */
.rota-numeric {
	font-variant-numeric: tabular-nums;
}

/* FAQ summary row */
.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;
}

/* Plain link lists (footer services): no underline until hover. */
.rota-plain-list a {
	text-decoration: none;
}

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

/* Breathing room above headings inside page and post content. */
.wp-block-post-content > :is(h2, h3):not(:first-child) {
	margin-block-start: var(--wp--preset--spacing--60);
}

/* Header: logo with the header ad, the category bar. */
.rh-brand .wp-block-site-title {
	line-height: 1;
}

.rh-navbar .wp-block-navigation a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

.rh-navbar .wp-block-navigation a:hover,
.rh-navbar .wp-block-navigation .current-menu-item > a {
	text-decoration: underline;
	text-underline-offset: 6px;
	text-decoration-thickness: 2px;
}

.rh-navtools {
	gap: var(--wp--preset--spacing--40);
}

.rh-navtools .wp-block-search__button {
	min-width: 44px;
	min-height: 44px;
	background: transparent;
	color: inherit;
	border: 0;
}

.rh-navtools .wp-block-search__input {
	min-height: 40px;
}

.rh-account-link a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font-weight: 700;
}

.rh-navbar .wp-block-navigation__responsive-container-open {
	min-width: 44px;
	min-height: 44px;
}

/* The category bar stays on one row: when the items do not fit (tablets,
   long menus) the menu button is used instead (0.1.2). */
.rh-account-link a {
	white-space: nowrap;
}

@media (min-width: 600px) {
	.rh-navbar .wp-block-navigation__container {
		flex-wrap: nowrap;
	}

	.rh-navbar .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item__content {
		white-space: nowrap;
	}
}

header.rh-nav-collapsed .rh-navbar .wp-block-navigation__responsive-container-open:not(.always-shown) {
	display: flex;
}

header.rh-nav-collapsed .rh-navbar .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
	display: none;
}

@media (max-width: 781px) {
	.rh-hide-mobile {
		display: none !important;
	}
}

/* Article */
.rh-title {
	text-wrap: balance;
}

.rh-spot {
	font-weight: 600;
	color: var(--wp--preset--color--contrast-2);
	line-height: 1.5;
}

.rh-article-text {
	line-height: 1.75;
}

.rh-article-text > p:first-child::first-letter {
	font-family: var(--wp--preset--font-family--display);
}

.rh-tags a {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	margin: 0 6px 6px 0;
	padding: 0 12px;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 999px;
	color: var(--wp--preset--color--contrast-2);
	font-size: var(--wp--preset--font-size--small);
}

.rh-tags .wp-block-post-terms__separator {
	display: none;
}

.rh-sidebar {
	position: sticky;
	top: 16px;
}

.rh-sidebar > * {
	width: 100%;
}

.rh-dark-band .rh-card-title,
.rh-dark-band .rh-sec-title {
	color: var(--wp--preset--color--on-dark);
}

.rh-dark-band .rh-card-meta {
	color: var(--wp--preset--color--on-dark-2);
}

.rh-dark-band .rh-sec-head {
	border-bottom-color: rgba(255, 255, 255, 0.2);
}

.rh-comments .wp-block-comment-content p {
	margin: 0.25rem 0;
}

.rh-comments .comment-respond textarea {
	width: 100%;
}

@media (max-width: 781px) {
	.rh-sidebar {
		position: static;
	}
}

/* Cookie notice link stays recognisable as a link (0.1.2). */
.rota-cookie a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Phone menu: even rows (the 44px tap height applies to the inline menu only). */
.rh-navbar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation a {
	display: block;
	min-height: 0;
}