/* Royale Qeydiyyat — editorial registration guide, 2026-10. */
:root {
  --wp--preset--color--base: #f3efe6;
  --wp--preset--color--base-deep: #e9e4d9;
  --wp--preset--color--surface: #fffaf1;
  --wp--preset--color--surface-raised: #ffffff;
  --wp--preset--color--contrast: #18312e;
  --wp--preset--color--heading: #12332f;
  --wp--preset--color--body: #334540;
  --wp--preset--color--muted: #5c6b65;
  --wp--preset--color--dim: #5c6b65;
  --wp--preset--color--gold: #b9794d;
  --wp--preset--color--gold-soft: #dfb386;
  --wp--preset--color--gold-deep: #9e603b;
  --wp--preset--color--brass: #d49b68;
  --wp--preset--color--ink: #102d2a;
  --qy-card-border: 1px solid #ded7c9;
  --qy-card-border-strong: 1px solid #bcaa95;
  --qy-hairline: 1px solid #ded7c9;
}

html { scroll-behavior: smooth; }
body { background: #f3efe6; color: #243b37; }
body::before { content: none !important; }
.wp-site-blocks::before { content: none; }
.wp-site-blocks > main { margin-block-start: 0 !important; }
#qy-main, #qy-main > .entry-content { margin-top: 0 !important; padding-top: 0 !important; }
::selection { background: #b9794d; color: #fff; }
:where(a, button, summary, input, select, textarea):focus-visible {
  outline: 3px solid #c27c53;
  outline-offset: 3px;
}

/* A quiet, compact masthead and a distinct information rail. */
.qy-header {
  position: relative;
  background: #102d2a;
  color: #f9f4e9;
  border-bottom: 0;
  box-shadow: none;
}
.qy-header__inner {
  width: min(1320px, calc(100% - 64px));
  min-height: 82px;
  margin-inline: auto;
  padding-inline: 0;
  gap: clamp(20px, 3vw, 58px);
}
.qy-header .qy-brand img { width: 176px !important; }
.qy-nav__list { gap: clamp(18px, 2vw, 34px); }
.qy-nav__list a { color: #e9e5d8 !important; font-weight: 600; }
.qy-nav__list a:hover { color: #eab789 !important; }
.qy-header .qy-langtag { color: #e9e4d9; border-color: #68847c; }
.qy-header .wp-block-button__link {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  background: #d99f70 !important;
  color: #102d2a !important;
  border: 1px solid #d99f70;
  border-radius: 2px !important;
  box-shadow: none;
  font-weight: 700;
}
.qy-header .wp-block-button__link:hover { background: #f5cfaa !important; }
.qy-header .qy-instruments {
  background: #173a35;
  border: 0;
  border-top: 1px solid #34524a;
  color: #d7e1d7;
}
.qy-instruments__legal { max-width: 1320px; margin-inline: auto; }
.qy-header .qy-instruments a { color: #f0d3b6; }
.qy-header .qy-instruments .qy-seg,
.qy-header .qy-instruments .qy-instruments__legal { color: #d7e1d7 !important; opacity: 1 !important; }
.qy-header .qy-instruments a.qy-seg { color: #f0d3b6 !important; }
.qy-nav__mobile summary { color: #f9f4e9 !important; }
.qy-nav__mobile .qy-nav__panel { background: #173a35 !important; }
.qy-nav__mobile .qy-nav__panel a { color: #f9f4e9 !important; }
.qy-seg:not(:last-child)::after { background: #567268; }

/* The cover uses the existing registration-desk photograph as a true hero. */
.entry-content { color: #243b37; }
.entry-content > .qy-editorial-visuals { display: none !important; }
.entry-content > .qy-section:nth-child(2) {
  position: relative;
  margin-block-start: 0 !important;
  overflow: hidden;
  isolation: isolate;
  min-height: 710px;
  padding: clamp(68px, 8vw, 128px) max(32px, calc((100vw - 1210px) / 2)) 62px !important;
  color: #f9f5ea;
  background: #102d2a;
}
.entry-content > .qy-section:nth-child(2)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(90deg, #102d2a 0%, #102d2a 34%, rgba(16,45,42,.94) 48%, rgba(16,45,42,.2) 76%),
    linear-gradient(0deg, rgba(10,32,29,.72), transparent 45%),
    url('/wp-content/uploads/royale-unique-home-hero.webp') right center / cover no-repeat;
}
.page-id-6 .entry-content > .qy-section:nth-child(2)::before {
  background-image: linear-gradient(90deg,#102d2a 0%,rgba(16,45,42,.96) 40%,rgba(16,45,42,.4) 100%),url('/wp-content/themes/royale-qeyd-block/assets/images/gen/qeyd-registration-steps.webp');
}
.page-id-7 .entry-content > .qy-section:nth-child(2)::before {
  background-image: linear-gradient(90deg,#102d2a 0%,rgba(16,45,42,.96) 40%,rgba(16,45,42,.4) 100%),url('/wp-content/themes/royale-qeyd-block/assets/images/gen/qeyd-bonus-terms.webp');
}
.page-id-15 .entry-content > .qy-section:nth-child(2)::before {
  background-image: linear-gradient(90deg,#102d2a 0%,rgba(16,45,42,.96) 40%,rgba(16,45,42,.4) 100%),url('/wp-content/themes/royale-qeyd-block/assets/images/gen/qeyd-kyc-folio.webp');
}
.page-id-9 .entry-content > .qy-section:nth-child(2)::before {
  background-image: linear-gradient(90deg,#102d2a 0%,rgba(16,45,42,.96) 40%,rgba(16,45,42,.4) 100%),url('/wp-content/themes/royale-qeyd-block/assets/images/gen/qeyd-responsible-play.webp');
}
.page-id-3 .entry-content > .qy-section:nth-child(2)::before {
  background-image: linear-gradient(90deg,#102d2a 0%,rgba(16,45,42,.96) 40%,rgba(16,45,42,.4) 100%),url('/wp-content/themes/royale-qeyd-block/assets/images/gen/qeyd-faq-desk.webp');
}
.entry-content > .qy-section:nth-child(2)::after {
  content: "REGISTRATION  /  AZ";
  position: absolute;
  right: max(36px, calc((100vw - 1210px) / 2));
  bottom: 43px;
  color: #f4d1ad;
  font: 500 10px/1.4 'Martian Mono', monospace;
  letter-spacing: .18em;
}
.entry-content > .qy-section:nth-child(2) > :not(.qy-hero-art):not(.alignwide) {
  position: relative;
  max-width: 660px;
  margin-left: 0 !important;
  margin-right: auto !important;
}
.entry-content > .qy-section:nth-child(2) .qy-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 26px;
  color: #e7b88b;
  background: transparent;
  border: 0;
  padding: 0;
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.entry-content > .qy-section:nth-child(2) .qy-eyebrow::before {
  content: "";
  width: 30px;
  height: 1px;
  background: currentColor;
}
.entry-content > .qy-section:nth-child(2) h1 {
  max-width: 690px;
  margin: 0 0 28px !important;
  color: #fff9ed;
  font-size: clamp(52px, 6vw, 90px);
  font-weight: 600;
  line-height: .99;
  letter-spacing: -.055em;
  text-wrap: balance;
}
.entry-content > .qy-section:nth-child(2) .qy-lead {
  color: #edf0e9 !important;
  font-size: clamp(17px, 1.6vw, 21px) !important;
  line-height: 1.55;
  max-width: 630px;
}
.entry-content > .qy-section:nth-child(2) > p:not(.qy-eyebrow):not(.qy-lead) {
  color: #cbd9d1;
  font-size: 15px;
  line-height: 1.7;
}
.entry-content > .qy-section:nth-child(2) > .wp-block-buttons { margin: 30px 0 0 !important; }
.entry-content > .qy-section:nth-child(2) .wp-block-button__link {
  border-radius: 2px !important;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  background: #d99f70;
  color: #102d2a;
  border-color: #d99f70;
  padding: 12px 24px;
  box-shadow: none;
  font-weight: 700;
}
.entry-content > .qy-section:nth-child(2) .is-style-outline .wp-block-button__link {
  background: transparent;
  color: #f9f5ea !important;
  border: 1px solid #b7c9bc;
}
.entry-content > .qy-section:nth-child(2) .is-style-outline .wp-block-button__link:hover { background: rgba(255,255,255,.12) !important; }
.entry-content > .qy-section:nth-child(2) .qy-hero-art { display: none !important; }
.entry-content > .qy-section:nth-child(2) .qy-statbox {
  position: relative;
  max-width: 100%;
  margin: 54px 0 0;
  padding: 0;
  background: rgba(6,33,29,.55);
  border: 1px solid rgba(230,222,201,.35);
  backdrop-filter: blur(10px);
  border-radius: 0;
  box-shadow: none;
}
.entry-content > .qy-section:nth-child(2) .qy-stat-tile {
  background: transparent;
  border-color: rgba(230,222,201,.2);
  border-radius: 0;
}
.entry-content > .qy-section:nth-child(2) .qy-stat__num { color: #f3c89e; }
.entry-content > .qy-section:nth-child(2) .qy-stat__label { color: #e2e9df; }

/* Long-form pages read like a field guide, with distinct section rhythm. */
.entry-content > .qy-section:not(:nth-child(2)) {
  padding: clamp(70px, 7vw, 112px) max(24px, calc((100vw - 1110px) / 2)) !important;
  margin: 0;
  border-bottom: 1px solid #ddd5c7;
  background: #f3efe6;
}
.entry-content > .qy-section:nth-of-type(2n+1):not(:first-of-type) { background: #eae5da; }
.entry-content > .qy-section:not(:nth-child(2)) > h2,
.entry-content > .qy-section:not(:nth-child(2)) > h3 {
  color: #113630;
  max-width: 780px;
  margin-bottom: 28px;
  font-size: clamp(36px, 4vw, 61px);
  font-weight: 600;
  line-height: 1.07;
  letter-spacing: -.045em;
}
.entry-content > .qy-section > h2::after { background: #b9794d; }
.entry-content > .qy-section:not(:nth-child(2)) > p,
.entry-content > .qy-section:not(:nth-child(2)) > ul,
.entry-content > .qy-section:not(:nth-child(2)) > ol {
  max-width: 780px;
  color: #334540;
  font-size: 17px;
  line-height: 1.75;
}
.entry-content a:not(.wp-element-button):not(.qy-game__play):not(.qy-quicklink):not(.qy-cat):not(.qy-seg) {
  color: #865033;
  text-decoration-color: #b9794d;
}
.entry-content a:not(.wp-element-button):not(.qy-game__play):not(.qy-quicklink):not(.qy-cat):not(.qy-seg):hover { color: #542e20; }
.qy-catgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.qy-cat {
  min-height: 280px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 30px !important;
  background: #143a34 !important;
  color: #f9f3e8 !important;
  border: 1px solid #2b5a4c !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  transition: transform .28s ease, background .28s ease;
}
.qy-cat:hover { background: #205246 !important; transform: translateY(-5px); }
.qy-cat__ico { color: #e9b58d !important; font: 500 12px 'Martian Mono', monospace; }
.qy-cat__title { color: #fff9ed !important; margin-top: auto; font: 600 clamp(25px, 2.4vw, 35px)/1.08 'Fraunces', Georgia, serif; }
.qy-cat__text { color: #d2e0d8 !important; font-size: 14px; line-height: 1.55; }
.qy-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.qy-step, .qy-steps > li {
  background: #fffaf1 !important;
  border: 1px solid #d6ccbc !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  padding: 27px !important;
}
.qy-step__num { color: #a35d39 !important; }
.qy-step__title { color: #123630 !important; }
.qy-step__text, .qy-step__hint { color: #435550 !important; }
.qy-note, .qy-warn, .qy-payrail, .qy-feature, .qy-faq, .qy-mascot__plate,
.qy-table-wrap, .qy-card, .qy-panel, .qy-toc {
  border-radius: 2px !important;
  box-shadow: none !important;
}
.qy-note, .qy-payrail, .qy-faq, .qy-feature, .qy-table-wrap, .qy-toc {
  background: #fffaf1 !important;
  color: #243b37 !important;
  border: 1px solid #d6ccbc !important;
}
.qy-note p, .qy-payrail p, .qy-feature__text, .qy-faq__answer { color: #334540 !important; }
.qy-pay, .qy-chip { color: #173a34 !important; background: #eee8db !important; border-color: #d6ccbc !important; }
.qy-faq summary { color: #13372f !important; }
.qy-faq[open] { border-color: #b9794d !important; }
.qy-mascot__cap, .wp-element-caption { color: #52645c !important; }

/* The footer returns to the deep green of the masthead. */
.qy-footer { background: #102d2a !important; color: #d9e3d9 !important; border: 0; }
.qy-footer .qy-brand__word, .qy-footer .qy-footer__col-title { color: #fff7e9 !important; }
.qy-footer p, .qy-footer li, .qy-footer .has-dim-color { color: #d9e3d9 !important; }
.qy-footer a { color: #f0c39b !important; }
.qy-footer .qy-payrail { background: #173d36 !important; border-color: #486758 !important; }
.qy-footer .qy-payrail p { color: #d9e3d9 !important; }
.qy-footer .qy-chip { background: #244b40 !important; color: #f3e3cd !important; border-color: #557160 !important; }
.qy-footer__legal { border-color: #486758 !important; }
.qy-sticky { background: #102d2a !important; border-color: #466258 !important; }

@media (max-width: 900px) {
  .qy-header__inner { width: calc(100% - 36px); }
  .qy-catgrid { grid-template-columns: 1fr; }
  .qy-cat { min-height: 210px; }
  .entry-content > .qy-section:nth-child(2)::before {
    background: linear-gradient(90deg,#102d2a 0%,rgba(16,45,42,.94) 52%,rgba(16,45,42,.42) 100%),
      url('/wp-content/uploads/royale-unique-home-hero.webp') 65% center / cover no-repeat;
  }
}
@media (max-width: 700px) {
  .qy-header__inner { min-height: 68px; }
  .qy-header .qy-brand img { width: 136px !important; }
  .qy-header .qy-instruments { padding: 8px 16px; }
  .entry-content > .qy-section:nth-child(2) {
    min-height: 0;
    padding: 62px 22px 36px !important;
  }
  .entry-content > .qy-section:nth-child(2)::before {
    background: linear-gradient(180deg,rgba(16,45,42,.95),rgba(16,45,42,.92) 60%,rgba(16,45,42,.72)),
      url('/wp-content/uploads/royale-unique-home-hero.webp') 58% center / cover no-repeat;
  }
  .entry-content > .qy-section:nth-child(2)::after { display: none; }
  .entry-content > .qy-section:nth-child(2) h1 { font-size: clamp(43px, 11vw, 63px); }
  .entry-content > .qy-section:nth-child(2) .qy-lead { font-size: 17px !important; }
  .entry-content > .qy-section:nth-child(2) > p:not(.qy-eyebrow):not(.qy-lead) { font-size: 14px; }
  .entry-content > .qy-section:nth-child(2) .qy-statbox { margin-top: 35px; }
  .entry-content > .qy-section:not(:nth-child(2)) { padding: 64px 22px !important; }
  .entry-content > .qy-section:not(:nth-child(2)) > h2 { font-size: 38px; }
  .qy-steps { grid-template-columns: 1fr; }
  .qy-cat { padding: 24px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .qy-cat { transition: none; }
}