/*
Theme Name: Catalina Editorial
Theme URI: https://juanantonioreboulen.com/
Author: DMOR / CATALINA
Description: Block theme for the Juan Antonio Reboulen CATALINA website. Industrial Editorial Modernism baseline.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: catalina-editorial
*/

:root {
  --cat-navy: #162A3A;
  --cat-paper: #F5F2EC;
  --cat-steel: #4F7183;
  --cat-copper: #A85E36;
  --cat-graphite: #2D3238;
  --cat-sand: #D9CABA;
  --cat-cloud: #E8EDF0;
  --cat-white: #FFFFFF;
}

html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; }
a { text-underline-offset: 0.18em; text-decoration-thickness: 0.08em; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 3px solid var(--cat-copper);
  outline-offset: 3px;
}
.wp-site-blocks { overflow-x: clip; }
.cat-kicker { text-transform: uppercase; letter-spacing: .08em; font-size: .82rem; font-weight: 600; }
.cat-rule { border-top: 1px solid var(--cat-cloud); }
.cat-external::after { content: ' ↗'; }
.cat-reading { max-width: 740px; }
.cat-wide { max-width: 960px; }
.cat-no-shadow { box-shadow: none !important; }
.cat-card { border-top: 1px solid var(--cat-cloud); padding-top: 1.25rem; }
.cat-card:hover .wp-block-post-title a { text-decoration: underline; text-decoration-color: var(--cat-copper); }
.cat-number { color: var(--cat-copper); font-variant-numeric: tabular-nums; }
.cat-source { font-size: .82rem; color: var(--cat-steel); }
.cat-mobile-only { display: none; }

@media (max-width: 781px) {
  .cat-desktop-only { display: none !important; }
  .cat-mobile-only { display: block; }
  .cat-reading, .cat-wide { max-width: 100%; }
  .wp-block-navigation__responsive-container.is-menu-open {
    background: var(--cat-paper);
    color: var(--cat-navy);
    padding: 1.5rem;
  }
}

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