/*
Theme Name: thedailychaos
Theme URI: https://thedailychaos.me
Author: Markus Fuhrmann
Description: Schlankes Full-Site-Editing-Theme für thedailychaos.me.
Version: 1.0.0
Requires at least: 6.8
Requires PHP: 8.2
Text Domain: thedailychaos
*/

:root { color-scheme: dark; }
html { scroll-behavior: smooth; }
body {
  overflow-x: hidden;
  background:
    radial-gradient(ellipse at 52% 38%, rgba(16,40,63,.34), transparent 42%),
    radial-gradient(ellipse at 88% 72%, rgba(13,38,64,.22), transparent 35%),
    linear-gradient(145deg, #020a13 0%, #061321 48%, #020914 100%);
  background-attachment: fixed;
}
a { text-underline-offset: .2em; }
.tdc-shell { position: relative; isolation: isolate; }
.tdc-shell::before {
  content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none;
  background-image:
    radial-gradient(circle at 1px 1px, rgba(85,139,205,.22) 1px, transparent 1.15px),
    radial-gradient(circle at 1px 1px, rgba(47,130,255,.16) 1px, transparent 1.15px);
  background-size: 18px 18px, 18px 18px;
  background-position: calc(100% - 2rem) 8rem, 2rem calc(100% - 4rem);
  mask-image: radial-gradient(ellipse 24rem 20rem at 100% 18%, black, transparent 76%), radial-gradient(ellipse 22rem 18rem at 0 92%, black, transparent 76%);
  -webkit-mask-image: radial-gradient(ellipse 24rem 20rem at 100% 18%, black, transparent 76%);
}
.tdc-shell::after {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background-image: url('assets/images/hex-grid.svg'), url('assets/images/hex-grid.svg');
  background-repeat: no-repeat;
  background-size: 34rem 34rem, 27rem 27rem;
  background-position: -12rem 4rem, calc(100% + 10rem) calc(100% - 1rem);
  opacity: .72;
}
.tdc-header { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(18px); background: rgba(2,10,19,.82); border-bottom: 1px solid rgba(255,255,255,.07); }
.tdc-brand { text-decoration: none; }
.tdc-wordmark { color:#fff; font-size:1.1rem; font-weight:400; letter-spacing:-.035em; text-decoration:none; white-space:nowrap; }
.tdc-wordmark span { color:#2F82FF; }
.tdc-card { height: 100%; border: 1px solid rgba(255,255,255,.09); background: linear-gradient(145deg, rgba(14,33,50,.96), rgba(9,25,39,.96)); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.tdc-card:hover { transform: translateY(-4px); border-color: rgba(47,130,255,.75); box-shadow: 0 22px 60px rgba(0,0,0,.28); }
.tdc-kicker { text-transform: uppercase; letter-spacing: .16em; font-size: .78rem; font-weight: 700; color: #2F82FF; }
.tdc-hero { min-height: 72vh; display: flex; align-items: center; }
.tdc-hero-logo { filter: drop-shadow(0 24px 60px rgba(47,130,255,.14)); }
.tdc-accent { color: #2F82FF; }
.tdc-orange { color: #FF8A00; }
.wp-block-navigation a:hover, .wp-block-post-title a:hover { color: #2F82FF; }
.wp-element-button { transition: transform .18s ease, box-shadow .18s ease; }
.wp-element-button:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(47,130,255,.25); }
.wp-block-post-featured-image img { border-radius: 12px; }
@media (max-width: 781px) {
  .tdc-hero { min-height: auto; padding-top: 5rem !important; padding-bottom: 5rem !important; }
  .tdc-hero-logo { max-width: 17rem !important; margin-inline: auto; }
  .tdc-shell::after { background-size: 24rem 24rem, 20rem 20rem; background-position: -13rem 3rem, calc(100% + 11rem) calc(100% - 2rem); opacity:.58; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; } }