/*
Theme Name: Rumaisasway
Theme URI: https://rumaisasway.com/
Author: Rumaisa Mahmood
Description: A block-first editorial theme for Rumaisasway.
Version: 0.2.1
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: rumaisasway
*/

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Manrope:wght@300;600;700&family=Playfair+Display:wght@700&display=swap');

:root {
  --rw-paper: #f7f5f3;
  --rw-icon: #5c6570;
  --rw-accent: #651f18;
  --rw-ink: #0e232f;
  --rw-blue: #16354a;
  --rw-line: rgba(92, 101, 112, 0.55);
  --rw-muted: rgba(14, 35, 47, 0.72);
  --rw-surface: #ffffff;
  --rw-max: 1500px;
  --rw-gutter: clamp(1rem, 3vw, 3.5rem);
  color-scheme: light;
}

html[data-theme="dark"] {
  --rw-paper: #0e232f;
  --rw-ink: #f7f5f3;
  --rw-blue: #d9e3e9;
  --rw-icon: #aeb8c1;
  --rw-accent: #651f18;
  --rw-line: rgba(247, 245, 243, 0.28);
  --rw-muted: rgba(247, 245, 243, 0.72);
  --rw-surface: #16354a;
  color-scheme: dark;
}

html { scroll-behavior: smooth; }

body {
  background: var(--rw-paper);
  color: var(--rw-ink);
  font-family: "EB Garamond", Georgia, serif;
  font-size: clamp(1.0625rem, 0.99rem + 0.25vw, 1.25rem);
  line-height: 1.62;
  margin: 0;
  transition: background-color 180ms ease, color 180ms ease;
}

a { color: var(--rw-blue); text-underline-offset: 0.2em; }
a:hover, a:focus-visible, a:active { color: var(--rw-accent); }

img { height: auto; }

.wp-site-blocks { overflow: visible; }

.rw-shell {
  box-sizing: border-box;
  margin-inline: auto;
  max-width: var(--rw-max);
  padding-inline: var(--rw-gutter);
  width: 100%;
}

.rw-main-header {
  padding: clamp(1.15rem, 2.2vw, 2rem) 0 0;
}

.rw-main-header::after {
  background: var(--rw-line);
  content: "";
  display: block;
  height: 1px;
  margin: clamp(1.15rem, 2.2vw, 2rem) auto 0;
  max-width: 1320px;
  width: 88%;
}

.rw-main-header > .wp-block-group {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.rw-wordmark,
.rw-wordmark a {
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1.45rem, 1rem + 1.35vw, 2.45rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.rw-wordmark .rw-wordmark-first { color: var(--rw-blue); }
.rw-wordmark .rw-wordmark-last { color: var(--rw-icon); }

.rw-primary-nav { font-family: "Manrope", Arial, sans-serif; font-size: 0.78rem; font-weight: 300; letter-spacing: 0.04em; text-transform: uppercase; }
.rw-primary-nav .wp-block-navigation-item + .wp-block-navigation-item { border-left: 1px solid var(--rw-line); padding-left: clamp(0.65rem, 1.2vw, 1.35rem); }
.rw-primary-nav .wp-block-navigation__container { gap: clamp(0.65rem, 1.2vw, 1.35rem); }
.rw-primary-nav a { color: var(--rw-ink); text-decoration: none; }
.rw-primary-nav a:hover, .rw-primary-nav a:focus-visible, .rw-primary-nav .current-menu-item > a { color: var(--rw-accent); }

.rw-utility-wrapper {
  position: sticky;
  top: 0;
  z-index: 100;
}

body.admin-bar .rw-utility-wrapper { top: 32px; }

.rw-utility-bar {
  background: color-mix(in srgb, var(--rw-paper) 94%, transparent);
  position: relative;
}

.rw-utility-inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 4.25rem;
}

.rw-drawer-nav .wp-block-navigation__responsive-container-open,
.rw-drawer-nav .wp-block-navigation__responsive-container-close { color: var(--rw-accent); }
.rw-drawer-nav .wp-block-navigation__responsive-container-open svg { height: 30px; width: 30px; }
.rw-drawer-nav .wp-block-navigation__responsive-container.is-menu-open {
  background: var(--rw-paper) !important;
  border-right: 1px solid var(--rw-line);
  box-shadow: 18px 0 50px rgba(14, 35, 47, 0.14);
  color: var(--rw-ink) !important;
  max-width: min(88vw, 410px);
  padding: clamp(1.5rem, 5vw, 3rem);
  right: auto;
}
.rw-drawer-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { align-items: flex-start; padding-top: 5rem; }
.rw-drawer-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: flex-start; gap: 0; width: 100%; }
.rw-drawer-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { border-bottom: 1px solid var(--rw-line); font: 300 1.05rem/1.2 "Manrope", Arial, sans-serif; padding-block: 1rem; width: 100%; }
.rw-drawer-nav a { color: var(--rw-ink); text-decoration: none; }

.rw-search { width: clamp(13rem, 22vw, 20rem); }
.rw-search .wp-block-search__inside-wrapper { border: 1px solid var(--rw-line); border-radius: 999px; overflow: hidden; padding: 0; }
.rw-search .wp-block-search__input { background: transparent; border: 0; color: var(--rw-ink); font: 300 0.82rem "Manrope", Arial, sans-serif; min-height: 2.6rem; padding-inline: 1rem; }
.rw-search .wp-block-search__button { background: var(--rw-accent); border: 0; color: #f7f5f3; margin: 0; min-width: 2.7rem; padding: 0.65rem; }
.rw-search .wp-block-search__button svg { min-height: 1.15rem; min-width: 1.15rem; }

.rw-home-main { padding-bottom: clamp(3.5rem, 8vw, 7rem); padding-top: clamp(2rem, 5vw, 5rem); }
.rw-editorial-grid { align-items: start; display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.8fr) minmax(0, 0.9fr); }
.rw-editorial-grid > * { min-width: 0; }
.rw-reading-list { border-right: 1px solid var(--rw-line); padding-right: clamp(1.25rem, 2.5vw, 2.75rem); }
.rw-lead-story { padding-inline: clamp(1.25rem, 3vw, 3.5rem); }
.rw-featured-list { padding-left: clamp(1.25rem, 2.5vw, 2.75rem); }

.rw-section-kicker,
.rw-card-category,
.rw-meta,
.rw-link-heading,
.rw-reading-label {
  color: var(--rw-blue);
  font-family: "Manrope", Arial, sans-serif;
}
.rw-section-kicker { font-size: clamp(1.2rem, 1rem + 0.5vw, 1.65rem); font-weight: 300; letter-spacing: 0.02em; margin: 0 0 1.5rem; }
.rw-reading-label { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.06em; margin-bottom: 0.45rem; text-transform: uppercase; }
.rw-category-entry { border-top: 0; padding-block: 1.2rem; }
.rw-category-entry:first-of-type { border-top: 0; padding-top: 0; }
.rw-card-title { font-family: "Manrope", Arial, sans-serif; font-size: clamp(1rem, 0.95rem + 0.18vw, 1.15rem); font-weight: 600; line-height: 1.35; margin: 0 0 0.55rem; }
.rw-card-title a { color: var(--rw-ink); text-decoration: none; }
.rw-card-title a:hover { color: var(--rw-accent); }
.rw-excerpt { color: var(--rw-muted); font-size: 1rem; line-height: 1.48; margin: 0; }
.rw-excerpt p { margin: 0; }

.rw-lead-image img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.rw-lead-title { font-family: "Manrope", Arial, sans-serif; font-size: clamp(1.75rem, 1.25rem + 1.35vw, 3.1rem); font-weight: 300; letter-spacing: -0.025em; line-height: 1.12; margin: 1.15rem 0 0.75rem; }
.rw-lead-title a { color: var(--rw-ink); text-decoration: none; }
.rw-meta { font-size: 0.72rem; font-weight: 300; letter-spacing: 0.06em; margin: 0.7rem 0; text-transform: uppercase; }
.rw-read-more { font-family: "Manrope", Arial, sans-serif; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }

.rw-featured-card { margin-bottom: 2rem; }
.rw-featured-card .wp-block-post-featured-image { margin-bottom: 0.85rem; }
.rw-featured-card img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }

.rw-lower-divider { display: none; }
.rw-community-grid { align-items: start; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
.rw-subscribe-panel { border-right: 1px solid var(--rw-line); padding-right: clamp(1.5rem, 4vw, 4rem); text-align: center; }
.rw-links-panel { padding-left: clamp(1.5rem, 4vw, 4rem); }
.rw-socials { justify-content: center !important; margin-bottom: 2rem; }
.rw-socials .wp-social-link { background: transparent !important; color: var(--rw-icon) !important; }
.rw-socials .wp-social-link a { padding: 0.55em; }
.rw-socials .wp-social-link svg { height: 2rem; width: 2rem; }
.rw-hold-thought { color: var(--rw-blue); font: 300 clamp(1.45rem, 1.15rem + 0.65vw, 2rem)/1.2 "Manrope", Arial, sans-serif; margin: 0 0 0.35rem; }
.rw-never-miss { color: var(--rw-muted); font: 500 1.12rem/1.5 "EB Garamond", Georgia, serif; letter-spacing: 0.01em; margin: 0 0 1.15rem; }
.rw-subscribe-panel .wp-block-jetpack-subscriptions { margin-inline: auto; max-width: 360px; }
.rw-subscribe-panel .wp-block-jetpack-subscriptions__form-elements { align-items: stretch; display: flex; flex-direction: column; gap: 0.75rem; }
.rw-subscribe-panel input[type="email"] { background: transparent; border: 1px solid var(--rw-line); border-radius: 999px; box-sizing: border-box; color: var(--rw-ink); font: 300 0.82rem "Manrope", Arial, sans-serif; min-height: 3rem; padding: 0.75rem 1rem; width: 100%; }
.rw-subscribe-panel button { background: var(--rw-accent); border: 1px solid var(--rw-accent); border-radius: 0; color: #f7f5f3; font: 500 1.3rem "EB Garamond", Georgia, serif; min-height: 3rem; padding: 0.65rem 1.25rem; width: 100%; }
.rw-link-columns { align-items: start; display: grid !important; gap: clamp(1.5rem, 3vw, 3.5rem); grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.rw-link-heading { font-size: clamp(1.05rem, 0.95rem + 0.3vw, 1.35rem); font-weight: 600; margin: 0 0 1rem; }
.rw-footer-links { font-family: "Manrope", Arial, sans-serif; font-size: 0.82rem; font-weight: 300; }
.rw-footer-links .wp-block-navigation__container { align-items: flex-start; gap: 0.7rem; }
.rw-footer-links a { color: var(--rw-muted); text-decoration: none; }
.rw-footer-links a:hover { color: var(--rw-accent); }

.rw-footer { color: var(--rw-muted); font: 300 clamp(0.88rem, 0.84rem + 0.15vw, 1rem)/1.5 "Manrope", Arial, sans-serif; letter-spacing: 0.025em; padding-block: 1.75rem; text-align: center; }
.rw-footer p { margin-inline: auto; }

.rw-theme-toggle {
  align-items: center;
  background: var(--rw-paper);
  border: 1px solid var(--rw-line);
  border-radius: 50%;
  bottom: max(1rem, env(safe-area-inset-bottom));
  box-shadow: 0 6px 20px rgba(14, 35, 47, 0.14);
  color: var(--rw-accent);
  cursor: pointer;
  display: flex;
  height: 2.75rem;
  justify-content: center;
  left: max(1rem, env(safe-area-inset-left));
  position: fixed;
  width: 2.75rem;
  z-index: 120;
}
.rw-theme-toggle:hover { transform: translateY(-2px); }
.rw-theme-toggle:focus-visible { outline: 2px solid var(--rw-accent); outline-offset: 3px; }
.rw-theme-toggle svg { height: 1.2rem; width: 1.2rem; }

.rw-content-page { margin-inline: auto; max-width: 820px; padding: clamp(3rem, 7vw, 7rem) var(--rw-gutter); }
.rw-content-page h1, .rw-archive-title { color: var(--rw-blue); font: 300 clamp(2.2rem, 1.5rem + 2vw, 4rem)/1.08 "Manrope", Arial, sans-serif; }

@media (max-width: 980px) {
  .rw-primary-nav { display: none; }
  .rw-editorial-grid { grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr); }
  .rw-reading-list { border-right: 0; border-top: 1px solid var(--rw-line); grid-column: 1 / -1; grid-row: 2; margin-top: 3rem; padding-right: 0; padding-top: 2.5rem; }
  .rw-reading-list > .wp-block-group { display: grid; gap: 1.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rw-reading-list .rw-section-kicker { grid-column: 1 / -1; }
  .rw-lead-story { padding-left: 0; }
  .rw-community-grid { grid-template-columns: 1fr; }
  .rw-subscribe-panel { border-bottom: 1px solid var(--rw-line); border-right: 0; padding-bottom: 3rem; padding-right: 0; }
  .rw-links-panel { padding-left: 0; padding-top: 3rem; }
}

@media (max-width: 782px) {
  body.admin-bar .rw-utility-wrapper { top: 46px; }
}

@media (max-width: 680px) {
  .rw-main-header { padding: 1.25rem 0 0; }
  .rw-main-header > .wp-block-group { justify-content: center; }
  .rw-utility-inner { min-height: 3.75rem; }
  .rw-search { display: flex; justify-content: flex-end; width: auto; }
  .rw-search .wp-block-search__inside-wrapper { max-width: 2.75rem; transition: max-width 180ms ease; }
  .rw-search .wp-block-search__input { min-width: 0; opacity: 0; padding-inline: 0; width: 0; }
  .rw-search .wp-block-search__inside-wrapper:focus-within { max-width: min(70vw, 17rem); }
  .rw-search .wp-block-search__inside-wrapper:focus-within .wp-block-search__input { opacity: 1; padding-inline: 0.85rem; width: min(55vw, 13rem); }
  .rw-home-main { padding-top: 1.75rem; }
  .rw-editorial-grid { display: flex; flex-direction: column; }
  .rw-lead-story { order: 1; padding: 0; }
  .rw-reading-list { order: 2; width: 100%; }
  .rw-featured-list { border-top: 1px solid var(--rw-line); order: 3; padding-left: 0; padding-top: 2.5rem; width: 100%; }
  .rw-reading-list > .wp-block-group { display: block; }
  .rw-link-columns { gap: 0.8rem; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .rw-link-heading { font-size: 0.9rem; }
  .rw-footer-links { font-size: 0.72rem; }
  .rw-theme-toggle { height: 2.55rem; width: 2.55rem; }
}

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