/* royale-oyna-az.com — «HİS & CƏRƏYAN» design layer.
 *
 * THIS FILE CONTAINS NO HEX. Every colour is a theme.json preset var, so the palette law
 * (one chromaticity, Y_k = Y_0·φ^k, Fibonacci in light) is stated in exactly one place and a
 * repaint cannot desynchronise the sheet from the proof in pal_oaz.py.
 *
 * TƏK KÜNC. One degree of freedom in colour, one in shape: a ray surface is a rectangle with
 * exactly ONE rounded corner (bottom-right, radius = k px, the surface's own rung). The money
 * control — the only off-ray colour on the site — is the only element rounded on all four.
 *
 * WHO MAY SPEAK (from pal_oaz.py, against `his`):
 *   qar 14,24:1 · saxta 9,17:1 · qirov 5,99:1   → body copy
 *   gumus 4,05:1                                → large text (≥24px), icons, real borders
 *   qalay 2,84:1                                → decoration only; below the 3:1 a border needs
 *   nikel and below                             → surfaces only
 * cereyan 4,90:1 is the CTA and appears in exactly one rule set in this file.
 */

/* ---------------------------------------------------------------- primitives */
:root {
	--oaz-line: 1px solid var(--wp--preset--color--gumus);
	--oaz-hair: 1px solid var(--wp--preset--color--nikel);
	--oaz-pad: clamp(15px, 3.4vw, 24px);
	--oaz-fig: var(--wp--preset--font-family--figure);
	--oaz-head: var(--wp--preset--font-family--heading);
}

* { box-sizing: border-box; }

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

body {
	background: var(--wp--preset--color--his);
	color: var(--wp--preset--color--saxta);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	overflow-x: hidden;
}

/* NOT :where() — it has zero specificity, so core's own :focus-visible rule won and the ring
   computed to outline-style:none while still reporting a 3px width. probe_oaz.js §4 caught it. */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid var(--wp--preset--color--qar) !important;
	outline-offset: 2px;
}

.oaz-skip-link {
	position: absolute; left: -9999px; top: 0; z-index: 10000;
	background: var(--wp--preset--color--qar); color: var(--wp--preset--color--his);
	padding: 12px 18px; font-weight: 700; text-decoration: none;
	font-family: var(--oaz-head);
}
.oaz-skip-link:focus { left: 8px; top: 8px; }

/* figures — Truculenta, and only ever a number */
.oaz-num, .oaz-fig, .oaz-lastmod, .oaz-code {
	font-family: var(--oaz-fig);
	font-variant-numeric: lining-nums tabular-nums;
	letter-spacing: .01em;
}
.oaz-code { color: var(--wp--preset--color--qirov); font-size: .94em; }
/* The band raises the ground from HİS (k=0) to ÇİNK (k=4). QIROV reads 5.99:1 on the page
   ground and only 3.65:1 here, so inside the band the quiet text token is one rung higher:
   ŞAXTA on ÇİNK = 5.59:1. Stated once, for every element that inherits the band's ground —
   the caption, the column heads, the role column, the implied-news line and inline code. */
.oaz-sec--band .oaz-code,
.oaz-sec--band .oaz-emr caption,
.oaz-sec--band .oaz-nerdivan caption,
.oaz-sec--band .oaz-emr thead th,
.oaz-sec--band .oaz-nerdivan thead th,
.oaz-sec--band .oaz-emr td:last-child,
.oaz-sec--band .oaz-nerdivan td:last-child,
.oaz-sec--band .oaz-emr__implies,
.oaz-sec--band .oaz-note { color: var(--wp--preset--color--saxta); }

/* ------------------------------------------------------------------- header */
.oaz-head {
	position: sticky; top: 0; z-index: 60;
	background: var(--wp--preset--color--qurgusun);
	border-bottom: var(--oaz-hair);
}
.oaz-head__in {
	max-width: 1180px; margin: 0 auto; padding: 10px 18px;
	display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
}
.oaz-wordmark {
	display: inline-flex; align-items: center; gap: 10px;
	text-decoration: none; color: var(--wp--preset--color--qar);
	min-height: 44px;
}
.oaz-wordmark__text {
	font-family: var(--oaz-head); font-weight: 700; font-size: 21px;
	letter-spacing: -.006em; line-height: 1;
}
.oaz-wordmark__dot { color: var(--wp--preset--color--qar); }
.oaz-mark { display: block; flex: none; }

.oaz-nav { margin-left: auto; }
.oaz-nav__list {
	list-style: none; margin: 0; padding: 0;
	display: flex; gap: 4px; flex-wrap: wrap;
}
.oaz-nav__list a {
	display: inline-flex; align-items: center; min-height: 44px;
	padding: 6px 11px; text-decoration: none;
	color: var(--wp--preset--color--saxta);
	font-family: var(--oaz-head); font-weight: 600; font-size: 15.5px;
	border-radius: 0 0 3px 0;
}
.oaz-nav__list a:hover { color: var(--wp--preset--color--qar); background: var(--wp--preset--color--cink); }

/* ----------------------------------------------------- the one money control */
.oaz-cta, .oaz-head__cta, .oaz-hero__cta, .oaz-sticky__link {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 52px; padding: 14px 26px;
	background: var(--wp--preset--color--cereyan);
	color: var(--wp--preset--color--his);
	border: 2px solid var(--wp--preset--color--cereyan);
	border-radius: 10px;
	font-family: var(--oaz-head); font-weight: 700; font-size: 16px;
	letter-spacing: .03em; text-decoration: none;
	transition: border-radius .16s ease, box-shadow .16s ease;
}
.oaz-cta:hover, .oaz-head__cta:hover, .oaz-hero__cta:hover, .oaz-sticky__link:hover {
	color: var(--wp--preset--color--his);
	border-radius: 0;
	box-shadow: 0 0 0 2px var(--wp--preset--color--qar);
}
.oaz-cta:active, .oaz-head__cta:active, .oaz-hero__cta:active, .oaz-sticky__link:active {
	box-shadow: 0 0 0 2px var(--wp--preset--color--saxta);
}
.oaz-cta[aria-disabled="true"] {
	background: var(--wp--preset--color--qalay); border-color: var(--wp--preset--color--qalay);
	pointer-events: none;
}
.oaz-head__cta { min-height: 44px; padding: 9px 18px; font-size: 15px; }

/* The closing block is a SECTION, not a button. KÖMÜR is the palette's «kart dolğusu» and
   k=2 is its corner; CƏRƏYAN stays on the money button inside it, which is the only place
   theme.json allows the site's second chromaticity to appear. */
.oaz-ctaband {
	background: var(--wp--preset--color--komur);
	border: var(--oaz-hair);
	border-radius: 2px;
	padding: clamp(24px, 4vw, 44px) clamp(18px, 3vw, 38px);
}
.oaz-ctaband > * + * { margin-top: 18px; }
.oaz-ctaband .wp-block-buttons { margin-top: 26px; }

/* The secondary control must not read as a second money link: no fill, the k=7 border (the
   only rung theme.json admits as a real border, 4.047:1), the k=7 corner, QAR label. */
.oaz-btn-outline .wp-block-button__link,
.oaz-btn-outline .wp-element-button {
	background-color: transparent;
	background: none;
	color: var(--wp--preset--color--qar);
	border: 2px solid var(--wp--preset--color--gumus);
	border-radius: 7px;
}
.oaz-btn-outline .wp-block-button__link:hover,
.oaz-btn-outline .wp-element-button:hover {
	background-color: transparent;
	color: var(--wp--preset--color--qar);
	border-color: var(--wp--preset--color--qar);
	border-radius: 0;
}

/* --------------------------------------------------------------- trust strip */
.oaz-trust {
	background: var(--wp--preset--color--kul);
	border-bottom: var(--oaz-hair);
	font-size: 14px;
}
.oaz-trust__in {
	max-width: 1180px; margin: 0 auto; padding: 10px 18px;
	display: flex; gap: 8px 22px; flex-wrap: wrap; align-items: baseline;
	color: var(--wp--preset--color--qirov);
}
.oaz-trust__lead { color: var(--wp--preset--color--qar); font-weight: 600; }

/* ---------------------------------------------------------------- main + hero */
.oaz-main { display: block; }
.oaz-sec { padding: clamp(38px, 6vw, 84px) 0; }
.oaz-sec + .oaz-sec { border-top: var(--oaz-hair); }
.oaz-sec--band { background: var(--wp--preset--color--cink); }

.oaz-hero__cta { margin-top: 8px; }

.oaz-lede {
	font-size: clamp(17px, 2.1vw, 20px);
	color: var(--wp--preset--color--qar);
	line-height: 1.55;
}

/* anchor table of contents — this site has no breadcrumbs, it has one document */
.oaz-toc {
	list-style: none; margin: 0; padding: 0;
	display: flex; flex-wrap: wrap; gap: 8px;
}
.oaz-toc li { margin: 0; }
.oaz-toc a {
	display: inline-flex; align-items: center; min-height: 44px;
	padding: 8px 14px; text-decoration: none;
	background: var(--wp--preset--color--komur);
	border: 1px solid var(--wp--preset--color--gumus);
	border-radius: 0 0 2px 0;
	color: var(--wp--preset--color--saxta);
	font-family: var(--oaz-head); font-weight: 600;
}
.oaz-toc a:hover { color: var(--wp--preset--color--qar); background: var(--wp--preset--color--qurgusun); }

/* ------------------------------------------------------------------ surfaces */
.oaz-card, .oaz-offer, .oaz-note {
	background: var(--wp--preset--color--komur);
	border: 1px solid var(--wp--preset--color--gumus);
	border-radius: 0 0 2px 0;
	padding: var(--oaz-pad);
}
.oaz-note {
	background: var(--wp--preset--color--kul);
	border-radius: 0 0 1px 0;
	font-size: 15px; color: var(--wp--preset--color--qirov);
}
.oaz-offer__headline {
	font-family: var(--oaz-fig); font-weight: 600;
	font-size: clamp(28px, 5vw, 44px); line-height: 1.05;
	color: var(--wp--preset--color--qar); margin: 0 0 6px;
}

/* the computed tallies */
.oaz-sayim { display: grid; gap: 12px; margin: 0; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.oaz-sayim > div {
	background: var(--wp--preset--color--komur);
	border-radius: 0 0 3px 0; padding: 16px 18px;
	border-left: 3px solid var(--wp--preset--color--gumus);
}
.oaz-sayim dt { font-size: 14px; color: var(--wp--preset--color--qirov); margin: 0 0 6px; }
.oaz-sayim dd { margin: 0; display: flex; flex-direction: column; gap: 3px; }
.oaz-sayim .oaz-num { font-size: 30px; line-height: 1; color: var(--wp--preset--color--qar); font-weight: 600; }
.oaz-sayim__nb { font-size: 13.5px; color: var(--wp--preset--color--qirov); }

/* ------------------------------------------------------- the mood marks */
.oaz-tag {
	display: inline-flex; align-items: baseline; gap: 7px; white-space: nowrap;
	font-family: var(--oaz-head); font-weight: 700; font-size: 13.5px;
	letter-spacing: .06em;
}
.oaz-tag__mark {
	display: inline-flex; align-items: center; justify-content: center;
	width: 22px; height: 22px; flex: none;
	font-family: var(--oaz-fig); font-size: 15px; line-height: 1;
	border: 1px solid var(--wp--preset--color--gumus);
	border-radius: 0 0 2px 0;
	color: var(--wp--preset--color--qar);
	background: var(--wp--preset--color--his);
}
.oaz-tag--emr .oaz-tag__mark { border-width: 2px; }
.oaz-tag--xeber .oaz-tag__mark { background: var(--wp--preset--color--qurgusun); }
.oaz-tag--yox .oaz-tag__mark { border-style: dashed; color: var(--wp--preset--color--qirov); }
.oaz-tag__word { color: var(--wp--preset--color--saxta); }

.oaz-key { display: grid; gap: 10px; margin: 18px 0 0; }
.oaz-key > div {
	display: grid; grid-template-columns: minmax(150px, auto) 1fr; gap: 6px 16px;
	align-items: start; padding: 12px 0; border-top: var(--oaz-hair);
}
.oaz-key dt, .oaz-key dd { margin: 0; }
.oaz-key dd { font-size: 15px; color: var(--wp--preset--color--qirov); }

/* ------------------------------------------------------------------- tables */
.oaz-tablewrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.oaz-emr, .oaz-nerdivan {
	width: 100%; border-collapse: collapse; text-align: left; font-size: 15px;
	min-width: 560px;
}
.oaz-emr caption, .oaz-nerdivan caption {
	text-align: left; padding: 0 0 16px; font-size: 15px;
	color: var(--wp--preset--color--qirov); line-height: 1.6;
}
.oaz-emr th, .oaz-emr td, .oaz-nerdivan th, .oaz-nerdivan td {
	padding: 13px 14px; border-bottom: var(--oaz-hair); vertical-align: top;
}
.oaz-emr thead th, .oaz-nerdivan thead th {
	font-family: var(--oaz-head); font-size: 13.5px; letter-spacing: .08em;
	text-transform: uppercase; color: var(--wp--preset--color--qirov);
	border-bottom: 2px solid var(--wp--preset--color--gumus);
}
.oaz-emr tbody th, .oaz-nerdivan tbody th {
	font-weight: 600; color: var(--wp--preset--color--qar);
	font-family: var(--wp--preset--font-family--body);
}
.oaz-emr tbody tr:nth-child(odd) td, .oaz-emr tbody tr:nth-child(odd) th { background: var(--wp--preset--color--kul); }
.oaz-emr__axis th {
	background: var(--wp--preset--color--cink) !important;
	font-family: var(--oaz-head); font-size: 15px; letter-spacing: .05em;
	text-transform: uppercase; color: var(--wp--preset--color--qar);
}
.oaz-emr__implies {
	display: block; margin-top: 7px; font-weight: 400; font-size: 14px;
	color: var(--wp--preset--color--qirov); line-height: 1.5;
}
.oaz-emr__implieslabel {
	font-family: var(--oaz-head); font-size: 12px; letter-spacing: .07em;
	text-transform: uppercase;
	/* QIROV, not GÜMÜŞ: 12px uppercase needs 4.5:1 and the GÜMÜŞ rung IS 4.047 on the
	   ground (3.80 on the KÜL zebra row). One rung up = 5.99 / 5.62. */
	color: var(--wp--preset--color--qirov);
}
.oaz-emr td:last-child, .oaz-nerdivan td:last-child { color: var(--wp--preset--color--qirov); }
.oaz-nerdivan__off th, .oaz-nerdivan__off td { border-top: 2px solid var(--wp--preset--color--gumus); }
.oaz-chip {
	display: inline-block; width: 14px; height: 14px; margin-right: 9px;
	border: 1px solid var(--wp--preset--color--gumus); vertical-align: baseline;
}
.oaz-chip[data-token="his"] { background: var(--wp--preset--color--his); }
.oaz-chip[data-token="kul"] { background: var(--wp--preset--color--kul); }
.oaz-chip[data-token="komur"] { background: var(--wp--preset--color--komur); }
.oaz-chip[data-token="qurgusun"] { background: var(--wp--preset--color--qurgusun); }
.oaz-chip[data-token="cink"] { background: var(--wp--preset--color--cink); }
.oaz-chip[data-token="nikel"] { background: var(--wp--preset--color--nikel); }
.oaz-chip[data-token="qalay"] { background: var(--wp--preset--color--qalay); }
.oaz-chip[data-token="gumus"] { background: var(--wp--preset--color--gumus); }
.oaz-chip[data-token="qirov"] { background: var(--wp--preset--color--qirov); }
.oaz-chip[data-token="saxta"] { background: var(--wp--preset--color--saxta); }
.oaz-chip[data-token="qar"] { background: var(--wp--preset--color--qar); }
.oaz-chip[data-token="cereyan"] { background: var(--wp--preset--color--cereyan); }

/* ----------------------------------------------------------------- payments */
.oaz-odenis {
	list-style: none; margin: 0 0 16px; padding: 0;
	display: flex; flex-wrap: wrap; gap: 10px;
}
.oaz-odenis li {
	display: flex; flex-direction: column; gap: 2px;
	padding: 11px 16px; min-height: 44px;
	background: var(--wp--preset--color--komur);
	border: 1px solid var(--wp--preset--color--gumus);
	border-radius: 0 0 2px 0;
	font-size: 14px; color: var(--wp--preset--color--qirov);
}
.oaz-plat__name { font-family: var(--oaz-head); font-weight: 700; font-size: 16px; color: var(--wp--preset--color--qar); }

/* ---------------------------------------------------------------------- FAQ */
.oaz-faq { display: grid; gap: 0; }
.oaz-faq details {
	border-bottom: var(--oaz-hair);
	background: transparent;
}
.oaz-faq summary {
	cursor: pointer; list-style: none; padding: 18px 44px 18px 0; position: relative;
	font-family: var(--oaz-head); font-weight: 600;
	font-size: clamp(17px, 2.2vw, 20px);
	color: var(--wp--preset--color--qar); min-height: 44px;
}
.oaz-faq summary::-webkit-details-marker { display: none; }
.oaz-faq summary::after {
	content: "+"; position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
	font-family: var(--oaz-fig); font-size: 24px; line-height: 1;
	color: var(--wp--preset--color--gumus);
}
.oaz-faq details[open] summary::after { content: "−"; }
.oaz-faq__answer { padding: 0 0 20px; color: var(--wp--preset--color--qirov); font-size: 16px; }
.oaz-faq__answer > *:first-child { margin-top: 0; }
.oaz-faq__answer > *:last-child { margin-bottom: 0; }

/* ------------------------------------------------------------------- footer */
.oaz-foot {
	background: var(--wp--preset--color--kul);
	border-top: 2px solid var(--wp--preset--color--gumus);
	padding: clamp(34px, 5vw, 62px) 0 96px;
	font-size: 15px; color: var(--wp--preset--color--qirov);
}
.oaz-foot__in { max-width: 1180px; margin: 0 auto; padding: 0 18px; display: grid; gap: 22px; }
.oaz-foot__in--pair { grid-template-columns: 1fr; }
@media (min-width: 768px) { .oaz-foot__in--pair { grid-template-columns: 1.4fr 1fr; gap: 38px; } }
.oaz-foot b { color: var(--wp--preset--color--saxta); font-weight: 600; }
.oaz-foot__link, .oaz-foot a { color: var(--wp--preset--color--qar); }
.oaz-foot__jump {
	list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 18px;
}
.oaz-foot__jump a { display: inline-flex; align-items: center; min-height: 44px; }
.oaz-lastmod { color: var(--wp--preset--color--qirov); font-size: 14px; }
.oaz-langtag {
	display: inline-flex; align-items: center; min-height: 32px; padding: 4px 10px;
	border: 1px solid var(--wp--preset--color--gumus); border-radius: 0 0 2px 0;
	font-family: var(--oaz-head); font-size: 13px; letter-spacing: .08em;
	color: var(--wp--preset--color--saxta);
}

/* -------------------------------------------------------------- small print */
.oaz-sec h2 { margin-top: 0; }
.oaz-sec > *:last-child { margin-bottom: 0; }
hr.wp-block-separator { border: 0; border-top: var(--oaz-hair); margin: 0; }

/* the phone disclosure — one tree, two renderings, never both at once */
.oaz-nav__mobile { display: none; }
.oaz-nav__mobile summary {
	display: flex; align-items: center; gap: 10px;
	min-height: 44px; padding: 8px 12px; cursor: pointer; list-style: none;
	font-family: var(--oaz-head); font-weight: 600; font-size: 16px;
	color: var(--wp--preset--color--qar);
	border: 1px solid var(--wp--preset--color--gumus);
	border-radius: 0 0 3px 0;
}
.oaz-nav__mobile summary::-webkit-details-marker { display: none; }
.oaz-nav__bars {
	display: inline-block; width: 18px; height: 2px; flex: none;
	background: var(--wp--preset--color--qar);
	box-shadow: 0 6px 0 var(--wp--preset--color--qar), 0 -6px 0 var(--wp--preset--color--qar);
}
.oaz-nav__panel {
	list-style: none; margin: 10px 0 4px; padding: 0;
	display: grid; gap: 2px;
}
.oaz-nav__panel a {
	display: flex; align-items: center; min-height: 44px; padding: 9px 12px;
	text-decoration: none; color: var(--wp--preset--color--saxta);
	background: var(--wp--preset--color--komur);
	border-radius: 0 0 2px 0;
}
.oaz-nav__panel a:hover { color: var(--wp--preset--color--qar); background: var(--wp--preset--color--cink); }

@media (max-width: 860px) {
	.oaz-nav__list { display: none; }
	.oaz-nav__mobile { display: block; width: 100%; }
}

@media (max-width: 767px) {
	.oaz-head__in { gap: 10px; }
	.oaz-nav { width: 100%; margin-left: 0; }
	.oaz-nav__list { gap: 2px; }
	.oaz-nav__list a { font-size: 14.5px; padding: 6px 9px; }
	.oaz-emr, .oaz-nerdivan { min-width: 520px; }
}