/*
Theme Name: Qirat
Theme URI: https://qirat.goldyza.com
Update URI: https://qirat.goldyza.com/private-theme/qirat
Author: Qirat
Author URI: https://qirat.goldyza.com/
Description: Lightweight, accessible hybrid WordPress theme with native Customizer controls, responsive PHP templates and an optional high-contrast color scheme.
Version: 1.38.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: qirat
Tags: block-styles, custom-colors, custom-logo, custom-menu, editor-style, wide-blocks, rtl-language-support
*/

:root {
	color-scheme: light;
	--qirat-content-width: var(--wp--style--global--content-size, 720px);
	--qirat-wide-width: var(--wp--style--global--wide-size, 1200px);
	--qirat-header-width: var(--qirat-wide-width);
	--qirat-logo-height: 64px;
	--qirat-logo-color-light: #111827;
	--qirat-logo-color-dark: #fff;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	text-size-adjust: 100%;
}

body {
	background-color: var(--wp--preset--color--base, #fff);
	color: var(--wp--preset--color--contrast, #111827);
	margin: 0;
	min-width: 0;
	overflow-wrap: break-word;
	padding: 0;
}

a {
	color: var(--wp--preset--color--primary, #4f46e5);
}

a:hover,
a:focus {
	color: var(--wp--preset--color--primary-light, #3730a3);
}

/* Optional paragraph setting: keep links functional while presenting them as
   ordinary text. */
p.qirat-plain-links a,
p.qirat-plain-links a:visited,
p.qirat-plain-links a:hover,
p.qirat-plain-links a:focus,
p.qirat-plain-links a:focus-visible,
p.qirat-plain-links a:active {
	color: inherit !important;
	text-decoration: none !important;
}

img,
svg,
video,
canvas,
iframe {
	max-width: 100%;
}

img,
video {
	height: auto;
}

:where(a, area, button, input, textarea, select, summary, [tabindex], [contenteditable="true"]):is(:focus, :focus-visible) {
	outline: none !important;
	outline-offset: 0 !important;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: var(--wp--preset--color--base, #fff);
	clip: auto !important;
	clip-path: none;
	color: var(--wp--preset--color--contrast, #111827);
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	inset-block-start: 0.5rem;
	inset-inline-start: 0.5rem;
	line-height: normal;
	padding: 0.75rem 1rem;
	text-decoration: none;
	width: auto;
	z-index: 100000;
}

.qirat-header,
.qirat-footer,
.qirat-post-card {
	background-color: var(--wp--preset--color--base-alt, #f6f7f9);
}

.qirat-header {
    --qirat-header-text: var(--qirat-header-text-color, var(--wp--preset--color--contrast, #111827));
    --qirat-element-font-size: var(--qirat-header-font-size, initial);
    --qirat-active-top-border: var(--qirat-header-border-top, 0 solid transparent);
    --qirat-active-top-size: var(--qirat-header-border-top-size, 0px);
    --qirat-active-top-span: var(--qirat-header-border-top-span, 100%);
    --qirat-active-bottom-border: var(--qirat-header-border-bottom, 1px solid var(--wp--preset--color--border, #6b7280));
    --qirat-active-bottom-size: var(--qirat-header-border-bottom-size, 1px);
    --qirat-active-bottom-span: var(--qirat-header-border-bottom-span, 100%);
    background: var(--qirat-header-background, var(--wp--preset--color--base-alt, #f6f7f9));
    border-top: var(--qirat-active-top-border);
    border-bottom: var(--qirat-active-bottom-border);
    border-top-color: transparent;
    border-bottom-color: transparent;
    position: relative;
    color: var(--qirat-header-text);
    font-family: var(--qirat-header-font-family, inherit);
    font-size: var(--qirat-header-font-size, inherit);
    font-weight: var(--qirat-header-font-weight, inherit);
    line-height: var(--qirat-header-line-height, inherit);
    letter-spacing: var(--qirat-header-letter-spacing, normal);
}

/* Transparent structural borders keep their space; the visible lines can be
   narrower without changing the header background or its content alignment. */
.qirat-header::before,
.qirat-header::after {
    content: "";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
}
.qirat-header::before {
    border-top: var(--qirat-active-top-border);
    top: calc(0px - var(--qirat-active-top-size));
    width: min(100%, var(--qirat-active-top-span));
}
.qirat-header::after {
    border-bottom: var(--qirat-active-bottom-border);
    bottom: calc(0px - var(--qirat-active-bottom-size));
    width: min(100%, var(--qirat-active-bottom-span));
}

.qirat-header :where(button, input) {
    font-family: var(--qirat-element-font-family, inherit);
    font-size: var(--qirat-element-font-size, inherit);
    font-weight: var(--qirat-element-font-weight, var(--qirat-header-font-weight, revert));
    line-height: var(--qirat-element-line-height, inherit);
    letter-spacing: var(--qirat-element-letter-spacing, inherit);
}

.qirat-header .qirat-site-title {
    font-family: inherit;
    font-weight: var(--qirat-element-font-weight, var(--qirat-header-font-weight, 700));
    line-height: var(--qirat-element-line-height, var(--qirat-header-line-height, inherit));
    letter-spacing: inherit;
}

.qirat-header .qirat-menu a,
.qirat-header .qirat-language-switcher__current {
    font-weight: var(--qirat-element-font-weight, var(--qirat-header-font-weight, 600));
}

.qirat-header .qirat-search-widget__submit {
    font-weight: var(--qirat-element-font-weight, var(--qirat-header-font-weight, 700));
}

.qirat-header__inner,
.qirat-footer__inner {
	margin-inline: auto;
	padding-inline: 1rem;
	width: 100%;
}

.qirat-header__inner {
	max-width: var(--qirat-header-width);
}

.qirat-footer__inner {
	max-width: var(--qirat-wide-width);
}

.qirat-header__inner {
	align-items: center;
	direction: ltr;
	display: grid;
	gap: 1rem;
	grid-template-areas: "left center right";
	grid-template-columns: minmax(0, 1fr) minmax(0, auto) minmax(0, 1fr);
    min-height: max(0px, calc(var(--qirat-header-height, 0px) - var(--qirat-active-top-size) - var(--qirat-active-bottom-size)));
	padding-block: var(--qirat-header-block-padding, 0.75rem);
	position: relative;
}

.qirat-header__column {
	align-items: center;
	direction: rtl;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	min-width: 0;
}

.qirat-header__column--right {
	grid-area: right;
	justify-content: flex-start;
}

.qirat-header__column--center {
	grid-area: center;
	justify-content: center;
}

.qirat-header__column--left {
	grid-area: left;
	justify-content: flex-end;
}

.qirat-header-element {
	align-items: center;
	display: flex;
	min-width: 0;
}

.qirat-header-element--logo {
	flex: 0 1 auto;
	max-width: 100%;
}

.qirat-header-element--logo .custom-logo-link {
	display: block;
	line-height: 0;
}

.qirat-header-element--logo .custom-logo,
.qirat-header-element--logo .qirat-custom-logo-svg {
	display: block;
	height: var(--qirat-logo-height, 64px);
	max-width: 100%;
	width: auto;
}

.qirat-header-element--logo .custom-logo {
	object-fit: contain;
}

.qirat-header-element--logo .qirat-custom-logo-svg {
	color: var(--qirat-logo-color-light, #111827);
	fill: currentColor;
}

.qirat-header-element--logo .qirat-custom-logo-svg [fill]:not([fill="none"]):not([fill="transparent"]) {
	fill: currentColor !important;
}

.qirat-header-element--logo .qirat-custom-logo-svg[stroke]:not([stroke="none"]),
.qirat-header-element--logo .qirat-custom-logo-svg [stroke]:not([stroke="none"]) {
	stroke: currentColor !important;
}

.qirat-header .qirat-header-element--search {
	flex: 1 1 var(--qirat-header-search-width, 14rem);
	height: var(--qirat-header-search-height, auto);
	max-width: min(100%, var(--qirat-header-search-width, 28rem));
	width: var(--qirat-header-search-width, 100%);
}

.qirat-header .qirat-header-element--search .qirat-search-widget__form {
	height: 100%;
}

.qirat-language-switcher {
	direction: rtl;
	gap: 0.15rem;
	position: relative;
	white-space: nowrap;
}

.qirat-language-switcher__current,
.qirat-language-switcher__menu a {
	align-items: center;
	color: var(--qirat-header-text, var(--wp--preset--color--contrast, #111827));
	direction: rtl;
	display: flex;
	gap: 0.45rem;
	text-decoration: none;
}

.qirat-language-switcher__current {
	border-radius: 0.4rem;
	font-size: var(--qirat-element-font-size, var(--wp--preset--font-size--small, 0.875rem));
	font-weight: 600;
	min-height: 2.5rem;
	padding: 0.4rem 0.5rem;
}

.qirat-language-switcher__flag {
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
	font-size: 1.1rem;
	line-height: 1;
}

.qirat-language-switcher__toggle {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 0.4rem;
	color: var(--qirat-header-text, var(--wp--preset--color--contrast, #111827));
	cursor: pointer;
	display: inline-flex;
	flex: 0 0 auto;
	min-height: 2.5rem;
	justify-content: center;
	padding: 0;
	min-width: 1.75rem;
}

.qirat-language-switcher__toggle svg {
	fill: currentColor;
	height: 1rem;
	width: 1rem;
}

.qirat-language-switcher__current:hover,
.qirat-language-switcher__current:focus-visible,
.qirat-language-switcher__toggle:hover,
.qirat-language-switcher__toggle:focus-visible {
	background: var(--wp--preset--color--base, #fff);
	box-shadow: inset 0 0 0 1px var(--wp--preset--color--border, #6b7280);
	color: var(--wp--preset--color--primary, #4f46e5);
}

.qirat-language-switcher__menu {
    --qirat-header-text: var(--wp--preset--color--contrast, #111827);
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--border, #6b7280);
	border-radius: 0.5rem;
	box-shadow: 0 0.5rem 1.25rem rgb(17 24 39 / 0.14);
	display: none;
	inset-block-start: 100%;
	inset-inline-start: 0;
	list-style: none;
	margin: 0;
	max-width: min(18rem, calc(100vw - 2rem));
	min-width: 9.5rem;
	padding: 0.35rem;
	position: absolute;
	z-index: 100;
}

.qirat-header__column--left .qirat-language-switcher__menu {
	inset-inline-end: 0;
	inset-inline-start: auto;
}

.qirat-language-switcher.has-dropdown:hover .qirat-language-switcher__menu,
.qirat-language-switcher.has-dropdown:focus-within .qirat-language-switcher__menu {
	display: block;
}

.qirat-language-switcher__menu li {
	margin: 0;
}

.qirat-language-switcher__menu a {
	border-radius: 0.35rem;
	padding: 0.6rem 0.7rem;
}

.qirat-language-switcher__menu a:hover,
.qirat-language-switcher__menu a:focus-visible {
	background: var(--wp--preset--color--base-alt, #f6f7f9);
	color: var(--wp--preset--color--primary, #4f46e5);
}

.qirat-site-title,
.qirat-footer__title,
.qirat-footer__tagline {
	margin: 0;
}

.qirat-site-title {
	font-size: var(--qirat-element-font-size, var(--wp--preset--font-size--large, 1.5rem));
	font-weight: 700;
	min-width: 0;
	overflow-wrap: anywhere;
}

.qirat-site-title a,
.qirat-footer__title a {
	color: var(--qirat-header-text, var(--wp--preset--color--contrast, #111827));
	text-decoration: none;
}

.qirat-header .qirat-site-title a {
	display: inline-block;
}

.qirat-navigation {
	min-width: 0;
}

.qirat-menu {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--qirat-menu-item-gap, 1rem);
	list-style: none;
	margin: 0;
	padding: 0;
}

.qirat-menu li {
	margin: 0;
	position: relative;
}

.qirat-menu a {
	color: var(--qirat-header-text, var(--wp--preset--color--contrast, #111827));
	display: block;
	font-size: var(--qirat-element-font-size, var(--wp--preset--font-size--small, 0.875rem));
	font-weight: 600;
	padding-block: 0.5rem;
	text-decoration: none;
}

.qirat-menu a:hover,
.qirat-menu a:focus-visible,
.qirat-menu .current-menu-item > a,
.qirat-menu .current_page_item > a {
	color: var(--wp--preset--color--primary, #4f46e5);
}

.qirat-menu .sub-menu {
    --qirat-header-text: var(--wp--preset--color--contrast, #111827);
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--border, #6b7280);
	border-radius: 0.5rem;
	display: none;
	inset-block-start: 100%;
	inset-inline-start: 0;
	list-style: none;
	margin: 0;
	min-width: 13rem;
	max-width: min(20rem, calc(100vw - 2rem));
	padding: 0.5rem 1rem;
	position: absolute;
	z-index: 50;
}

.qirat-menu .sub-menu .sub-menu {
	inset-block-start: -0.5rem;
	inset-inline-start: 100%;
}

.qirat-menu > li:nth-last-child(-n + 2) > .sub-menu {
	inset-inline-end: 0;
	inset-inline-start: auto;
}

.qirat-menu > li:nth-last-child(-n + 2) > .sub-menu .sub-menu {
	inset-inline-end: 100%;
	inset-inline-start: auto;
}

.qirat-menu li:hover > .sub-menu,
.qirat-menu li:focus-within > .sub-menu {
	display: block;
}

.qirat-menu-toggle,
.qirat-dark-toggle {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 0.5rem;
	color: var(--qirat-header-text, var(--wp--preset--color--contrast, #111827));
	cursor: pointer;
	flex: 0 0 auto;
	height: 2.75rem;
	justify-content: center;
	padding: 0;
	width: 2.75rem;
}

.qirat-menu-toggle {
	display: none;
	height: auto;
	min-height: 2.75rem;
	min-width: 2.75rem;
	width: auto;
}

.qirat-dark-toggle {
	display: inline-flex;
	height: auto;
	min-height: 2.75rem;
	min-width: 2.75rem;
	width: auto;
}

.qirat-menu-toggle:hover,
.qirat-menu-toggle:focus-visible,
.qirat-dark-toggle:hover,
.qirat-dark-toggle:focus-visible {
	background-color: var(--wp--preset--color--base, #fff);
	box-shadow: inset 0 0 0 1px var(--wp--preset--color--border, #6b7280);
	color: var(--wp--preset--color--primary, #4f46e5);
}

.qirat-menu-toggle svg,
.qirat-dark-toggle svg {
	fill: currentColor;
	height: 1.25rem;
	width: 1.25rem;
}

.qirat-icon-sun,
html.qirat-dark .qirat-icon-moon {
	display: none;
}

html.qirat-dark .qirat-icon-sun {
	display: block;
}

.qirat-content {
	margin-inline: auto;
	max-width: var(--qirat-content-width);
	padding-inline: 1rem;
	width: 100%;
}

.qirat-main {
	min-height: 55svh;
	padding-block: 2rem 3rem;
}

.qirat-page-header {
	margin-block-end: 2rem;
}

.qirat-page-header > :first-child,
.qirat-entry > :first-child {
	margin-block-start: 0;
}

.qirat-page-header p,
.qirat-archive-description,
.qirat-footer__tagline,
.qirat-no-results {
	color: var(--wp--preset--color--contrast-muted, #4b5563);
}

.qirat-post-grid {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
}

.qirat-post-card {
	border: 1px solid var(--wp--preset--color--border, #6b7280);
	border-radius: 0.75rem;
	height: 100%;
	min-width: 0;
	padding: 1rem;
}

.qirat-post-card > :first-child {
	margin-block-start: 0;
}

.qirat-post-card > :last-child {
	margin-block-end: 0;
}

.qirat-post-card__image {
	display: block;
	margin-block-end: 1rem;
}

.qirat-post-card__image img {
	aspect-ratio: 16 / 9;
	border-radius: 0.5rem;
	display: block;
	object-fit: cover;
	width: 100%;
}

.qirat-post-card__title {
	font-size: var(--wp--preset--font-size--large, 1.5rem);
	margin-block: 0 0.75rem;
}

.qirat-post-card__title a {
	color: var(--wp--preset--color--contrast, #111827);
	text-decoration: none;
}

.qirat-post-meta {
	color: var(--wp--preset--color--contrast-muted, #4b5563);
	display: flex;
	flex-wrap: wrap;
	font-size: var(--wp--preset--font-size--small, 0.875rem);
	gap: 0.75rem;
	margin-block-end: 1rem;
}

.qirat-post-meta a {
	color: inherit;
}

.qirat-breadcrumbs-wrap { display: flow-root; }
.qirat-breadcrumbs {
    container-type: inline-size;
    margin: 0;
    min-width: 0;
    font-size: 0.875rem;
    line-height: 1.6;
    color: var(--wp--preset--color--contrast-muted, #4b5563);
    text-align: start;
}
.qirat-breadcrumbs[hidden] { display: none !important; }

/* Opt-in overrides of native block inline backgrounds; never alter spacing. */
/* Explicit layout choices override native block defaults; no selector from user input. */
[data-qirat-layout~="display"] { display: var(--qirat-layout-display) !important; }
[data-qirat-layout~="flexDirection"] { flex-direction: var(--qirat-layout-flex-direction) !important; }
[data-qirat-layout~="flexWrap"] { flex-wrap: var(--qirat-layout-flex-wrap) !important; }
[data-qirat-layout~="alignContent"] { align-content: var(--qirat-layout-align-content) !important; }
[data-qirat-layout~="justifyContent"] { justify-content: var(--qirat-layout-justify-content) !important; }
[data-qirat-layout~="alignItems"] { align-items: var(--qirat-layout-align-items) !important; }
[data-qirat-layout~="rowGap"] { row-gap: var(--qirat-layout-row-gap) !important; }
[data-qirat-layout~="columnGap"] { column-gap: var(--qirat-layout-column-gap) !important; }
[data-qirat-layout~="gridColumns"] { grid-template-columns: repeat(var(--qirat-layout-grid-template-columns), minmax(0, 1fr)) !important; }
[data-qirat-layout~="gridRows"] { grid-template-rows: repeat(var(--qirat-layout-grid-template-rows), minmax(0, auto)) !important; }
[data-qirat-layout~="gridAutoFlow"] { grid-auto-flow: var(--qirat-layout-grid-auto-flow) !important; }
[data-qirat-layout~="justifyItems"] { justify-items: var(--qirat-layout-justify-items) !important; }
[data-qirat-layout~="alignSelf"] { align-self: var(--qirat-layout-align-self) !important; }
[data-qirat-layout~="justifySelf"] { justify-self: var(--qirat-layout-justify-self) !important; }
[data-qirat-layout~="flexGrow"] { flex-grow: var(--qirat-layout-flex-grow) !important; }
[data-qirat-layout~="flexShrink"] { flex-shrink: var(--qirat-layout-flex-shrink) !important; }
[data-qirat-layout~="flexBasis"] { flex-basis: var(--qirat-layout-flex-basis) !important; }
[data-qirat-layout~="order"] { order: var(--qirat-layout-order) !important; }
/* Native constrained groups center direct children with auto inline margins.
   Clear only those layout-generated margins when Qirat explicitly owns the
   container display, otherwise justify-content cannot distribute the items. */
:is([data-qirat-layout~="display"][data-qirat-display="flex"], [data-qirat-layout~="display"][data-qirat-display="inline-flex"], [data-qirat-layout~="display"][data-qirat-display="grid"], [data-qirat-layout~="display"][data-qirat-display="inline-grid"]) > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/* Hidden blocks remain selectable and recoverable in the editor only. */
[data-qirat-layout-editor][data-qirat-display="none"] { display: block !important; opacity: .6; }

html.qirat-dark .qirat-has-dark-background {
    background-color: var(--qirat-block-dark-background) !important;
    background-image: none !important;
}
.qirat-breadcrumbs ol { display: flex; flex-wrap: wrap; align-items: center; list-style: none; margin: 0; padding: 0; }
.qirat-breadcrumbs li { display: flex; align-items: center; min-width: 0; max-width: 100%; }
.qirat-breadcrumbs a,
.qirat-breadcrumbs__current { display: inline-block; min-width: 0; max-width: 100%; box-sizing: border-box; overflow-wrap: anywhere; }
.qirat-breadcrumbs a { color: inherit; text-decoration: none; }
.qirat-breadcrumbs a:is(:hover,:focus-visible) { text-decoration: underline; }
.qirat-breadcrumbs__separator { display: inline-block; flex-shrink: 0; margin-inline: 0.5em; box-sizing: border-box; }
.qirat-breadcrumbs [data-qirat-breadcrumb-separator] { display: inline-block; direction: ltr; }
:root[dir="rtl"] .qirat-breadcrumbs :is([data-qirat-breadcrumb-separator="chevron"],[data-qirat-breadcrumb-separator="double"],[data-qirat-breadcrumb-separator="arrow"]) { transform: scaleX(-1); }

.qirat-entry__featured-image {
	margin: 1.5rem 0;
}

.qirat-entry__featured-image img {
	border-radius: 0.75rem;
	display: block;
}

.qirat-entry__tags,
.qirat-page-links {
	margin-block-start: 1.5rem;
}

.qirat-post-content {
	min-width: 0;
}

.qirat-post-content :where(pre, .wp-block-table) {
	max-width: 100%;
	overflow-x: auto;
}

.wp-block-table thead {
	border-bottom: 2px solid #11111126;
}

.wp-block-separator {
	border-top: dashed 1px #1111115c;
}

.qirat-post-content :where(input, textarea, select),
.search-form :where(input, button),
.wp-block-search__input {
	background-color: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--border, #6b7280);
	color: var(--wp--preset--color--contrast, #111827);
	max-width: 100%;
}

.search-form,
.comment-form {
	display: grid;
	gap: 0.75rem;
}

.search-form {
	grid-template-columns: minmax(0, 1fr) auto;
}

.search-form label {
	min-width: 0;
}

.search-form .search-field,
.comment-form :where(input:not([type="checkbox"]), textarea) {
	border-radius: 0.35rem;
	padding: 0.65rem 0.75rem;
	width: 100%;
}

.search-form .search-submit,
.comment-form .submit {
	background: var(--wp--preset--color--primary, #4f46e5);
	border: 0;
	border-radius: 0.5rem;
	color: var(--wp--preset--color--base, #fff);
	cursor: pointer;
	font-weight: 700;
	padding: 0.65rem 1rem;
}

.search-form .search-submit:hover,
.comment-form .submit:hover {
	background: var(--wp--preset--color--primary-light, #3730a3);
}

.qirat-search-widget {
	min-width: 0;
	width: 100%;
}

.qirat-search-widget__form {
	display: flex;
	gap: 0.5rem;
	margin: 0;
	width: 100%;
}

.qirat-search-widget__input {
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--border, #6b7280);
	border-radius: 0.5rem;
	color: var(--wp--preset--color--contrast, #111827);
	flex: 1 1 auto;
	min-width: 0;
	padding: 0.65rem 0.75rem;
}

.qirat-search-widget__submit {
	background: var(--wp--preset--color--primary, #4f46e5);
	border: 0;
	border-radius: 0.5rem;
	color: var(--wp--preset--color--base, #fff);
	cursor: pointer;
	flex: 0 0 auto;
	font-weight: 700;
	padding: 0.65rem 1rem;
}

.qirat-search-widget__submit:hover,
.qirat-header .qirat-search-widget__submit:focus-visible {
	background: var(--wp--preset--color--primary-light, #3730a3);
}

.qirat-post-content > .alignwide {
	left: 50%;
	max-width: calc(100vw - 2rem);
	position: relative;
	transform: translateX(-50%);
	width: var(--qirat-wide-width);
}

.qirat-post-content > .alignfull {
	left: 50%;
	max-width: 100vw;
	position: relative;
	transform: translateX(-50%);
	width: 100vw;
}

.navigation.pagination,
.post-navigation,
.comments-navigation {
	margin-block-start: 2rem;
}

.nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: space-between;
}

.page-numbers,
.post-navigation a,
.comments-navigation a {
	display: inline-block;
	padding: 0.5rem;
}

.qirat-comments {
	border-block-start: 1px solid var(--wp--preset--color--border, #6b7280);
	margin-block-start: 2rem;
	padding-block-start: 2rem;
	width: 100%;
}

.qirat-comments .comment-author {
	align-items: center;
	display: flex;
	gap: 0.75rem;
}

.qirat-comments .comment-author .avatar {
	flex: 0 0 auto;
}

.qirat-comment-author-line {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	min-width: 0;
}

.qirat-comment-author-details {
	min-width: 0;
}

.qirat-comment-replying-to {
	display: block;
	margin-block-start: 0.25rem;
}

.qirat-comments .comment-metadata {
	display: inline-flex;
}

.qirat-comment-list,
.qirat-comment-list .children {
	list-style: none;
	padding-inline-start: 0;
}

.qirat-comment-list .children {
	margin-inline-start: 1.5rem;
}

.qirat-comment-replies,
.qirat-more-comments {
	margin-block: 0;
}

.qirat-comment-replies__toggle,
.qirat-more-comments__toggle {
	cursor: pointer;
	inline-size: fit-content;
}

.qirat-comments__title { font-size: 1.5rem; font-weight: 700; }
.qirat-page-heading { font-size: var(--wp--preset--font-size--x-large,2rem); font-weight: 700; }
.qirat-comments .comment-form { direction: rtl; }
.qirat-comments .comment-form input[type="email"] { direction: ltr; }
.qirat-comments .comment-reply-title { display: flex; flex-wrap: wrap; align-items: baseline; gap: .75rem; font-weight: 700; }
.qirat-comments .comment-reply-title small { font-size: inherit; }
.qirat-comments .qirat-comment-replies__toggle { display: inline-flex; align-items: center; gap: .45em; list-style: none; }
.qirat-comment-replies__toggle::-webkit-details-marker { display: none; }
.qirat-comment-replies__toggle::after {
    content: ""; display: inline-block; width: .45em; height: .45em; flex: none;
    border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-.15em);
}
.qirat-comment-replies__toggle[aria-expanded="true"]::after,
.qirat-comment-replies[open] > .qirat-comment-replies__toggle::after { transform: rotate(225deg); }
.qirat-comments .comment-respond { container-type: inline-size; }
.qirat-comments .comment-form > p { min-width: 0; margin: 0; }
.qirat-comments .comment-form:has(.comment-form-author) { grid-template-columns: minmax(0,2fr) repeat(2,minmax(0,1fr)); align-items: start; }
.qirat-comments .comment-form:has(.comment-form-author) > p { grid-column: 1 / -1; }
.qirat-comments .comment-form:has(.comment-form-author) > .comment-form-comment { grid-column: 1; grid-row: 2 / span 3; align-self: stretch; display: flex; flex-direction: column; }
.qirat-comments .comment-form-comment textarea { flex: 1; min-height: 8rem; resize: vertical; }
.qirat-comments .comment-form:has(.comment-form-author) > .comment-form-author { grid-column: 2; grid-row: 2; }
.qirat-comments .comment-form:has(.comment-form-author) > .comment-form-email { grid-column: 3; grid-row: 2; }
.qirat-comments .comment-form:has(.comment-form-author) > .form-submit { grid-column: 2 / span 2; grid-row: 3; }
.qirat-comments .comment-form:has(.comment-form-author) > .comment-form-cookies-consent { grid-column: 2 / span 2; grid-row: 4; }
@container (max-width: 620px) {
    .qirat-comments .comment-form:has(.comment-form-author) { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .qirat-comments .comment-form:has(.comment-form-author) > .comment-form-comment { grid-column: 1 / -1; grid-row: 2; }
    .qirat-comments .comment-form:has(.comment-form-author) > .comment-form-author { grid-column: 1; grid-row: 3; }
    .qirat-comments .comment-form:has(.comment-form-author) > .comment-form-email { grid-column: 2; grid-row: 3; }
    .qirat-comments .comment-form:has(.comment-form-author) > .form-submit { grid-column: 1 / -1; grid-row: 4; }
    .qirat-comments .comment-form:has(.comment-form-author) > .comment-form-cookies-consent { grid-column: 1 / -1; grid-row: 5; }
}
html:root .qirat-entry__title[hidden] { display: none !important; }
html:root .qirat-entry__title.screen-reader-text {
    position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important;
    overflow: hidden !important; clip-path: inset(50%) !important; border: 0 !important; white-space: nowrap !important;
}

.qirat-comment-replies[open] > .qirat-comment-replies__toggle,
.qirat-more-comments[open] > .qirat-more-comments__toggle {
	margin-block-end: 1rem;
}

.qirat-more-comments > .qirat-comment-list {
	margin-block-start: 0;
}

/* The action order is physical RTL even when the surrounding content is LTR. */
.qirat-comment-actions {
	direction: rtl;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: clamp(0.25rem, 1vw, 0.65rem);
	max-width: 100%;
	overflow-x: auto;
	font-size: 0.875rem;
	padding-block: 0.25rem;
}
.qirat-comment-actions > :not(.qirat-reaction__summary) { flex: 0 0 auto; }
.qirat-comment-actions .reply { margin: 0; }
.qirat-comment-actions :is(button, .comment-reply-link),
button.qirat-more-comments__toggle {
	font: inherit;
	color: inherit;
	background: transparent;
	border: 0;
	border-radius: 0.35rem;
	padding: 0.35rem;
	min-height: 36px;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}
.qirat-comment-actions button:disabled { cursor: default; opacity: 0.6; }
.qirat-reaction-sprite { position: absolute; overflow: hidden; pointer-events: none; }
.qirat-comments:is([data-qirat-reaction-style="flat"],[data-qirat-reaction-style="sticker"],[data-qirat-reaction-style="glossy"]) {
	--qirat-rx-face: #ffca45;
	--qirat-rx-angry: #fa7950;
}
.qirat-comments[data-qirat-reaction-style="solid"] {
	--qirat-rx-like: #475569; --qirat-rx-love: #475569; --qirat-rx-face: #475569; --qirat-rx-angry: #475569;
}
html.qirat-dark .qirat-comments[data-qirat-reaction-style="solid"] {
	--qirat-rx-like: #94a3b8; --qirat-rx-love: #94a3b8; --qirat-rx-face: #94a3b8; --qirat-rx-angry: #94a3b8;
}
.qirat-comment-actions :is(button, a):is(:hover, :focus-visible),
button.qirat-more-comments__toggle:is(:hover, :focus-visible) { background: #80808018; }
.qirat-comment-actions [hidden], .qirat-comment-replies > summary[hidden],
.qirat-more-comments [hidden], .qirat-comments > button[hidden],
.qirat-reaction__picker[hidden] { display: none !important; }
.qirat-comment-reply-slot:empty { display: none; }
.qirat-reaction__button { display: inline-flex; align-items: center; gap: 0.3rem; }
.qirat-reaction__icon, .qirat-reaction__choice-icon, .qirat-reaction__summary-icon {
	display: inline-flex;
	width: 1.25em;
	height: 1.25em;
	flex-shrink: 0;
}
.qirat-reaction svg { display: block; width: 100%; height: 100%; }
.qirat-reaction__summary-icon svg { width: 100%; height: 100%; }
.qirat-reaction__summary {
	display: flex;
	align-items: center;
	gap: 0.15rem;
	margin-inline-start: auto;
	flex: 0 0 auto;
}
.qirat-reaction__summary:empty { display: none; }
.qirat-reaction__summary-icon { font-size: 0.95rem; width: 1em; height: 1em; }
.qirat-reaction__picker {
	position: fixed;
	inset: auto;
	margin: 0;
	direction: rtl;
	display: flex;
	align-items: stretch;
	gap: 0.2rem;
	box-sizing: border-box;
	max-width: calc(100vw - 16px);
	overflow-x: auto;
	padding: 0.4rem;
	border: 1px solid var(--wp--preset--color--border, #9ca3af);
	border-radius: 0.75rem;
	background: var(--wp--preset--color--base, #fff);
	color: var(--wp--preset--color--contrast, #111827);
	box-shadow: 0 3px 14px #0002;
	z-index: 1000;
}
.qirat-reaction__choice { display: inline-flex; align-items: center; justify-content: center; }
.qirat-reaction__choice-icon { font-size: 1.4rem; }
.qirat-comments :is(.qirat-reaction__choice, .qirat-reaction__summary-icon)[data-reaction="like"],
.qirat-reaction__button[data-selected="true"][data-reaction="like"] { color: var(--qirat-rx-like, #2563eb); }
.qirat-comments :is(.qirat-reaction__choice, .qirat-reaction__summary-icon)[data-reaction="love"],
.qirat-reaction__button[data-selected="true"][data-reaction="love"] { color: var(--qirat-rx-love, #dc2654); }
.qirat-comments :is(.qirat-reaction__choice, .qirat-reaction__summary-icon)[data-reaction="haha"],
.qirat-reaction__button[data-selected="true"][data-reaction="haha"] { color: var(--qirat-rx-face, #a66a00); }
.qirat-comments :is(.qirat-reaction__choice, .qirat-reaction__summary-icon)[data-reaction="wow"],
.qirat-reaction__button[data-selected="true"][data-reaction="wow"] { color: var(--qirat-rx-face, #a66a00); }
.qirat-comments :is(.qirat-reaction__choice, .qirat-reaction__summary-icon)[data-reaction="angry"],
.qirat-reaction__button[data-selected="true"][data-reaction="angry"] { color: var(--qirat-rx-angry, #d84620); }
.qirat-reaction__choice[aria-pressed="true"] { background: #80808025; }
html.qirat-dark .qirat-reaction__picker { background: #18212d; color: #f3f4f6; }
.qirat-more-comments--enhanced { margin: 0; }
button.qirat-more-comments__toggle { display: block; margin: 1rem auto; border: 1px solid currentColor; padding-inline: 1rem; }
.qirat-reaction__status:not(.screen-reader-text) { font-size: 0.875rem; }

.qirat-comment-list li.comment {
	border-block-end: 1px solid var(--wp--preset--color--border, #6b7280);
	margin-block-end: 1.5rem;
	padding-block-end: 1.5rem;
}

.comment-form :where(input:not([type="checkbox"]), textarea) {
	max-width: 100%;
	width: 100%;
}

.qirat-not-found {
	text-align: center;
}

.qirat-not-found > .search-form {
	margin-inline: auto;
	max-width: 32rem;
}

.qirat-footer {
	border-block-start: 1px solid var(--wp--preset--color--border, #6b7280);
	color: var(--wp--preset--color--contrast, #111827);
}

.qirat-footer__inner {
	display: grid;
	gap: 1rem;
	padding-block: 2rem;
}

.qirat-footer__row {
	direction: ltr;
	display: grid;
	gap: 1rem;
	grid-template-areas: "left center right";
	grid-template-columns: minmax(0, 1fr) minmax(0, auto) minmax(0, 1fr);
	min-width: 0;
}

.qirat-footer__column {
	align-items: center;
	direction: rtl;
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	min-width: 0;
}

.qirat-footer__column--right {
	grid-area: right;
	justify-content: flex-start;
}

.qirat-footer__column--center {
	grid-area: center;
	justify-content: center;
}

.qirat-footer__column--left {
	grid-area: left;
	justify-content: flex-end;
}

.qirat-footer-element {
	margin: 0;
	max-width: 100%;
	min-width: 0;
}

.qirat-footer-copyright {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

.qirat-footer-copyright__site {
	color: inherit;
	text-decoration: none;
}

.qirat-footer-paragraph {
	overflow-wrap: anywhere;
	white-space: pre-line;
}

.qirat-drawer{position:relative;color:inherit;max-width:100%}
.qirat-drawer>summary{display:flex;align-items:center;justify-content:center;cursor:pointer;list-style:none;padding:8px;border:1px solid currentColor;border-radius:4px}
.qirat-drawer>summary::-webkit-details-marker{display:none}
.qirat-drawer__panel{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;z-index:1000;display:flex;flex-direction:column;gap:16px;width:min(320px,calc(100vw - 32px));padding:16px;background:var(--wp--preset--color--base,#fff);color:var(--wp--preset--color--contrast,#111827);border:1px solid var(--wp--preset--color--border,#ddd);border-radius:6px;box-shadow:0 8px 25px #0002;max-height:70vh;overflow:auto}
.qirat-header__column--right .qirat-drawer__panel,.qirat-footer__column--right .qirat-drawer__panel{inset-inline-start:0;inset-inline-end:auto}
.qirat-header .qirat-drawer__panel .qirat-menu-toggle{display:none}
.qirat-header .qirat-drawer__panel .qirat-menu--header-1{display:flex;position:static;flex-direction:column;align-items:stretch;width:100%;max-width:100%}
.qirat-header .qirat-drawer__panel .qirat-navigation{width:100%}
.qirat-drawer:not([open])>.qirat-drawer__panel{display:none}
[data-qirat-builder-stash][hidden],[data-qirat-responsive-builder][hidden]{display:none!important}
.qirat-footer .qirat-drawer__panel{inset-block-start:auto;inset-block-end:calc(100% + 8px)}
.qirat-footer[data-qirat-responsive-builder] .qirat-footer__row{display:grid}

html.qirat-dark {
	color-scheme: dark;
}

html.qirat-dark,
html.qirat-dark body {
	--wp--preset--color--primary: #a5b4fc;
	--wp--preset--color--primary-light: #c7d2fe;
	--wp--preset--color--accent: #5eead4;
	--wp--preset--color--base: #0b1020;
	--wp--preset--color--base-alt: #121a2a;
	--wp--preset--color--contrast: #f8fafc;
	--wp--preset--color--contrast-muted: #cbd5e1;
	--wp--preset--color--border: #64748b;
}

html.qirat-dark .qirat-header-element--logo .qirat-custom-logo-svg {
	color: var(--qirat-logo-color-dark, #fff);
}

html.qirat-dark .qirat-footer a {
	color: var(--wp--preset--color--contrast);
}

html.qirat-dark .qirat-header {
    --qirat-header-text: var(--qirat-header-text-color-dark, var(--wp--preset--color--contrast, #f8fafc));
    --qirat-active-top-border: var(--qirat-header-border-top-dark, 0 solid transparent);
    --qirat-active-top-size: var(--qirat-header-border-top-dark-size, 0px);
    --qirat-active-top-span: var(--qirat-header-border-top-dark-span, 100%);
    --qirat-active-bottom-border: var(--qirat-header-border-bottom-dark, 1px solid var(--wp--preset--color--border, #64748b));
    --qirat-active-bottom-size: var(--qirat-header-border-bottom-dark-size, 1px);
    --qirat-active-bottom-span: var(--qirat-header-border-bottom-dark-span, 100%);
    background: var(--qirat-header-background-dark, var(--wp--preset--color--base-alt, #121a2a));
}

html.qirat-dark .qirat-header :where(a:hover, a:focus-visible, button:hover, button:focus-visible) {
	color: var(--wp--preset--color--primary);
}

html.qirat-dark .qirat-menu :where(.current-menu-item, .current_page_item) > a {
	color: var(--wp--preset--color--primary);
}

/* The compact state is selected from the actual contents, not screen classes.
   Columns retain their builder order and wrap as whole groups when necessary. */
.qirat-header--compact .qirat-header__inner {
	direction: rtl;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding-block: var(--qirat-header-block-padding, 0.5rem);
}

.qirat-header--compact .qirat-header__column {
	flex: 1 1 max-content;
	gap: 0.5rem;
	max-width: 100%;
}

.qirat-header--compact .qirat-header__column.is-empty {
	display: none;
}

.qirat-header--compact :where(.qirat-header-element),
.qirat-header--compact .qirat-language-switcher__current {
	max-width: 100%;
}

.qirat-header--compact .qirat-language-switcher {
	flex-wrap: wrap;
}

.qirat-header--compact .qirat-language-switcher__current {
	min-width: 0;
	overflow-wrap: anywhere;
	white-space: normal;
}

.qirat-header--compact .qirat-menu-toggle {
	display: inline-flex;
}

.qirat-header--compact .qirat-navigation {
	position: static;
}

.qirat-header--compact .qirat-menu--header-1 {
	--qirat-header-text: var(--wp--preset--color--contrast, #111827);
	align-items: stretch;
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--wp--preset--color--border, #6b7280);
	border-radius: 0.5rem;
	box-shadow: 0 0.5rem 1.25rem rgb(17 24 39 / 0.14);
	display: none;
	flex-direction: column;
	flex-wrap: nowrap;
	inset-block-start: 100%;
	inset-inline: 0;
	max-height: min(70vh, 32rem);
	overflow: auto;
	overscroll-behavior: contain;
	padding: 0.75rem 1rem;
	position: absolute;
	z-index: 100;
}

.qirat-header--compact .qirat-navigation.is-open .qirat-menu--header-1 {
	display: flex;
}

.qirat-header--compact .qirat-menu--header-1 a {
	overflow-wrap: anywhere;
}

.qirat-header--compact .qirat-menu--header-1 .sub-menu {
	background: transparent;
	border: 0;
	display: block;
	inset: auto;
	margin-inline-start: 1rem;
	min-width: 0;
	max-width: 100%;
	padding: 0;
	position: static;
}

/* A synchronous, off-paint measurement of the same nodes avoids duplicate
   links, images and IDs. A focused toggle stays focusable while measuring. */
.qirat-header--measuring .qirat-header__inner {
	direction: ltr;
	display: grid;
	gap: 1rem;
	grid-template-columns: max-content max-content max-content;
}

.qirat-header--measuring .qirat-header__column {
	display: flex;
	flex-wrap: nowrap;
	gap: 0.75rem;
	max-width: none;
	width: max-content;
}

.qirat-header--measuring .qirat-header-element {
	flex: 0 0 auto;
	flex-wrap: nowrap;
	max-width: none;
}

.qirat-header--measuring .qirat-header-element--search {
	width: var(--qirat-header-search-width, 14rem);
}

.qirat-header--measuring .qirat-language-switcher__current {
	max-width: none;
	white-space: nowrap;
}

.qirat-header--measuring .qirat-menu-toggle {
	opacity: 0;
	pointer-events: none;
	position: absolute;
}

.qirat-header--measuring .qirat-navigation .qirat-menu--header-1 {
	align-items: center;
	border: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	max-height: none;
	overflow: visible;
	padding: 0;
	position: static;
	width: max-content;
}

.qirat-header--measuring .qirat-menu--header-1 .sub-menu {
	display: none;
}

/* Without JavaScript, links remain visible and groups can wrap naturally. */
html:not(.qirat-js) .qirat-header__inner {
	direction: rtl;
	display: flex;
	flex-wrap: wrap;
}

html:not(.qirat-js) .qirat-header__column {
	flex: 1 1 max-content;
	max-width: 100%;
}

@media (max-width: 600px) {
	.qirat-footer__row {
		display: flex;
		flex-direction: column;
	}

	.qirat-footer__column {
		width: 100%;
	}

	.qirat-footer__column--right {
		justify-content: flex-start;
	}

	.qirat-footer__column--center {
		justify-content: center;
	}

	.qirat-footer__column--left {
		justify-content: flex-end;
	}

	.post-navigation .nav-links {
		align-items: stretch;
		flex-direction: column;
	}
}

@media (max-width: 360px) {
	.qirat-header__inner {
		padding-inline: 0.5rem;
	}
}

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