/*
Theme Name: Alok Adhikari 2026
Theme URI: https://www.alokadhikari.com
Description: Child theme of Twenty Twenty-Five for alokadhikari.com. Fraunces headings, Poppins body, purple accent.
Author: Alok Adhikari
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alok-2026
*/

/* ---------- Header ---------- */
.alok-header {
  border-bottom: 1px solid var(--wp--preset--color--rule);
}
.alok-header .wp-block-site-title a {
  text-decoration: none;
  letter-spacing: -0.01em;
}
.alok-header .wp-block-navigation a {
  font-weight: 500;
  font-size: 0.875rem;
  color: var(--wp--preset--color--ink);
}
.alok-header .wp-block-navigation .current-menu-item > a {
  color: var(--wp--preset--color--accent);
}

/* ---------- Footer ---------- */
.alok-footer {
  border-top: 1px solid var(--wp--preset--color--rule);
  font-size: 0.875rem;
}
.alok-footer a {
  font-weight: 500;
  text-decoration: none;
}
.alok-footer a:hover {
  text-decoration: underline;
}
.alok-footer .alok-copy {
  color: var(--wp--preset--color--grey);
}

/* ---------- Content helpers ---------- */
.alok-lede {
  font-size: clamp(2.25rem, 4.5vw, 3.375rem);
  line-height: 1.12;
  letter-spacing: -0.015em;
  font-weight: 500;
  font-family: var(--wp--preset--font-family--fraunces);
}
.alok-role {
  color: var(--wp--preset--color--grey);
  font-weight: 500;
  font-size: 0.9375rem;
}
.alok-eyebrow {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--wp--preset--color--grey);
}
.alok-clients {
  font-family: var(--wp--preset--font-family--fraunces);
  font-size: 1.375rem;
  color: #2a2545;
  line-height: 1.8;
}
.alok-credits {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.alok-credits li {
  padding: 0.625rem 0;
  border-bottom: 1px solid #f0eef5;
}
.alok-credits li:last-child {
  border-bottom: 0;
}
.alok-credits .year {
  color: var(--wp--preset--color--grey);
  white-space: nowrap;
}
.alok-muted {
  color: var(--wp--preset--color--grey);
}

/* Fixed-width image columns behave on phones */
@media (max-width: 781px) {
  .wp-block-columns .wp-block-column[style*="flex-basis"] {
    flex-basis: 100% !important;
  }
  .alok-footer .wp-block-group {
    justify-content: center;
    text-align: center;
  }
}