/*
Theme Name: Nearly Done Child
Theme URI: https://nearlydone.co.uk
Description: Neo-brutalist child theme of Twenty Twenty-Five for Nearly Done.
Author: Nearly Done
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive-child
*/

:root{--nd-ink:#10243A;--nd-cream:#FFF6E6;--nd-coral:#FF5A3C;--nd-blue:#639BCB;--nd-pale:#DCEBF7;--nd-border:3px solid var(--nd-ink);--nd-shadow:6px 6px 0 var(--nd-ink)}
body{background:var(--nd-cream);color:var(--nd-ink)}
h1,h2,h3,h4{letter-spacing:-.04em;line-height:1.02}
.nd-mono,.nd-nav a,.nd-btn .wp-block-button__link{font-family:var(--wp--preset--font-family--mono);text-transform:uppercase;letter-spacing:.03em}

/* header */
.nd-header{border-bottom:var(--nd-border);background:var(--nd-cream)}
.nd-header .wp-block-navigation a{font-family:var(--wp--preset--font-family--mono);font-size:.75rem;font-weight:700;text-transform:uppercase;text-decoration:none}
.nd-header .wp-block-navigation a:hover{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--nd-coral)}
.nd-logo-text{font-weight:700;text-transform:lowercase;letter-spacing:-.02em}

/* cards, buttons */
.nd-card{border:var(--nd-border);box-shadow:var(--nd-shadow);transition:transform .15s}
.nd-card:hover{transform:translate(-2px,-2px)}
.nd-tilt-l{transform:rotate(-.6deg)}.nd-tilt-r{transform:rotate(.6deg)}
.nd-btn .wp-block-button__link{border:var(--nd-border);border-radius:0;box-shadow:4px 4px 0 var(--nd-ink);font-size:.75rem;font-weight:700;transition:transform .1s,box-shadow .1s}
.nd-btn .wp-block-button__link:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--nd-ink)}
.nd-highlight{background:var(--nd-coral);color:var(--nd-ink);display:inline-block;padding:0 .2em;border:3px solid var(--nd-ink);box-shadow:var(--nd-shadow);transform:rotate(-.8deg)}
.nd-hero h1{font-size:clamp(2.6rem,7vw,5.4rem);font-weight:800}
.nd-section-title{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800}
.nd-num{font-size:2.4rem;font-weight:800;line-height:1;margin:0 0 .5rem}
.nd-card.has-ink-background-color{color:#fff}
.nd-card.has-blue-background-color,.nd-card.has-coral-background-color{color:var(--nd-ink)}

/* rings */
.nd-rings{position:relative;width:min(100%,460px);aspect-ratio:1;margin:0 auto}
.nd-ring{position:absolute;border:var(--nd-border);border-radius:50%;inset:0;display:flex;justify-content:center;font-family:var(--wp--preset--font-family--mono);font-size:.6rem;font-weight:700;letter-spacing:.08em;line-height:1;padding-top:calc(6% - .3rem)}
.nd-ring.r1{background:#fff;box-shadow:var(--nd-shadow)}
.nd-ring.r2{inset:12%;background:var(--nd-pale)}
.nd-ring.r3{inset:24%;background:var(--nd-blue)}
.nd-ring.r4{inset:36%;background:var(--nd-ink);color:var(--nd-cream);align-items:flex-end;padding:0 0 calc(3% - .3rem)}
.nd-core{position:absolute;inset:42%;border-radius:50%;background:var(--nd-coral);color:var(--nd-ink);display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--wp--preset--font-family--mono);font-size:.6rem;font-weight:700;border:3px solid var(--nd-ink)}
.nd-sticker{position:absolute;top:-4%;right:-4%;width:28%;aspect-ratio:1;border-radius:50%;background:var(--nd-coral);color:var(--nd-ink);border:var(--nd-border);box-shadow:var(--nd-shadow);transform:rotate(-12deg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:var(--wp--preset--font-family--mono);font-size:.5rem;font-weight:700;line-height:1.2}
.nd-sticker b{font-family:var(--wp--preset--font-family--body);font-size:2.2rem;line-height:1}
.nd-rings-label{position:absolute;left:-2%;bottom:-3%;background:#fff;border:var(--nd-border);padding:.3rem .6rem;font-family:var(--wp--preset--font-family--mono);font-size:.6rem;font-weight:700;text-transform:uppercase;transform:rotate(-2deg)}

/* ticker */
.nd-ticker{background:var(--nd-ink);color:var(--nd-cream);overflow:hidden;white-space:nowrap;padding:1rem 0;font-family:var(--wp--preset--font-family--mono);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.nd-ticker-track{display:inline-block;animation:nd-scroll 30s linear infinite}
.nd-ticker span{margin:0 1.5rem}
@keyframes nd-scroll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.nd-ticker-track{animation:none}}

/* footer */
.nd-footer{background:var(--nd-ink);color:var(--nd-cream)}
.nd-footer a{color:var(--nd-cream)}

@media (max-width:781px){.nd-tilt-l,.nd-tilt-r{transform:none}.nd-card{box-shadow:4px 4px 0 var(--nd-ink)}}