/*
Theme Name: TRC Racing Crew
Theme URI: https://smartvefur.is
Author: SmartVefur ehf.
Author URI: https://smartvefur.is
Description: Þema fyrir íslenskt rallýkross — TRC Racing Crew. Malbik, möl, viðvörunargult og rásljós. Don't forget to have fun!
Version: 3.0.0
Text Domain: trc-theme
*/

:root{
  --malbik:#16140f;      /* svart malbik / eldfjallamöl */
  --malbik2:#1d1a14;     /* spjaldabakgrunnur */
  --ryk:#ede8dc;         /* rykhvítt */
  --gult:#f5b800;        /* viðvörunargult */
  --raudur:#e8420a;      /* flaggrautt */
  --mol:#6b5b45;         /* möl-brúnt */
  --linur:#33302a;
  --grar:#b7ad99;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  margin:0;background:var(--malbik);color:var(--ryk);
  font-family:'Barlow',system-ui,sans-serif;font-size:17px;line-height:1.65;
}
img{max-width:100%;height:auto}
a{color:var(--gult)}
a:focus-visible,button:focus-visible{outline:3px solid var(--gult);outline-offset:2px}

h1,h2,h3,h4{
  font-family:'Anton',Impact,sans-serif;font-weight:400;
  text-transform:uppercase;letter-spacing:.01em;line-height:1.08;color:var(--ryk);
}
h1{font-size:clamp(2.4rem,7vw,4.6rem);transform:skewX(-4deg)}
h2{font-size:clamp(1.7rem,4vw,2.6rem);transform:skewX(-4deg)}

.trc-wrap{max-width:1140px;margin:0 auto;padding:0 2rem}
@media (max-width:600px){.trc-wrap{padding:0 1rem}}

/* ── Haus ── */
.site-header{
  position:sticky;top:0;z-index:50;background:rgba(22,20,15,.92);
  backdrop-filter:blur(8px);border-bottom:3px solid var(--gult);
}
.site-header .trc-wrap{display:flex;align-items:center;justify-content:space-between;padding-top:.7rem;padding-bottom:.7rem}
.trc-logo{
  font-family:'Anton',Impact,sans-serif;font-size:1.5rem;text-transform:uppercase;
  color:var(--ryk);text-decoration:none;transform:skewX(-6deg);display:inline-block;
}
.trc-logo b{color:var(--gult);font-weight:400}
.trc-nav{display:flex;gap:1.6rem}
.trc-nav a{
  color:var(--ryk);text-decoration:none;text-transform:uppercase;
  font-family:'Barlow Semi Condensed',sans-serif;font-weight:600;font-size:.9rem;letter-spacing:.1em;
  padding:.3rem 0;border-bottom:2px solid transparent;
}
.trc-nav a:hover{color:var(--gult);border-bottom-color:var(--gult)}
.trc-burger{display:none;background:none;border:2px solid var(--gult);color:var(--gult);font-size:1.2rem;padding:.25rem .6rem;cursor:pointer}
@media (max-width:760px){
  .trc-burger{display:block}
  .trc-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--malbik);
    flex-direction:column;padding:1rem 2rem;border-bottom:3px solid var(--gult)}
  .trc-nav.open{display:flex}
}

/* ── Hetjuhluti ── */
.trc-hero{
  position:relative;padding:5.5rem 0 4rem;overflow:hidden;
  background:
    linear-gradient(rgba(22,20,15,.55),rgba(22,20,15,.92)),
    repeating-linear-gradient(-45deg,#1b1812 0 26px,#16140f 26px 52px);
}
.trc-hero::after{ /* mölslóð neðst */
  content:"";position:absolute;left:0;right:0;bottom:0;height:8px;
  background:repeating-linear-gradient(90deg,var(--gult) 0 40px,var(--malbik) 40px 80px);
  transform:skewY(-.4deg);
}
.trc-hero-eyebrow{
  font-family:'Barlow Semi Condensed',sans-serif;font-weight:700;font-size:.8rem;
  letter-spacing:.35em;text-transform:uppercase;color:var(--raudur);
}
.trc-hero h1 span{color:var(--gult)}
.trc-hero p{max-width:520px;color:var(--grar);font-size:1.1rem}
.trc-btn{
  display:inline-block;background:var(--gult);color:var(--malbik);text-decoration:none;
  font-family:'Barlow Semi Condensed',sans-serif;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;padding:.85rem 1.8rem;transform:skewX(-6deg);
  border:none;transition:background .15s,transform .15s;
}
.trc-btn:hover{background:var(--raudur);color:var(--ryk);transform:skewX(-6deg) translateY(-2px)}
.trc-btn span{display:inline-block;transform:skewX(6deg)}
.trc-btn-ghost{background:transparent;color:var(--gult);border:2px solid var(--gult)}
.trc-btn-ghost:hover{background:var(--gult);color:var(--malbik)}
.trc-hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.6rem}

/* ── Hlutar ── */
.trc-section{padding:4rem 0}
.trc-section-alt{background:var(--malbik2);border-top:1px solid var(--linur);border-bottom:1px solid var(--linur)}
.trc-kicker{
  font-family:'Barlow Semi Condensed',sans-serif;font-weight:700;font-size:.78rem;
  letter-spacing:.3em;text-transform:uppercase;color:var(--gult);
}

/* ── Greinar / efni ── */
.trc-entry{max-width:760px}
.trc-entry .trc-badge{margin-bottom:.8rem}
article.trc-single p{color:var(--ryk)}
.trc-info-box{
  background:var(--malbik2);border-left:4px solid var(--gult);
  padding:1.1rem 1.4rem;margin:1.4rem 0;font-family:'Barlow Semi Condensed',sans-serif;
}
.trc-info-box dt{color:var(--gult);text-transform:uppercase;font-size:.72rem;letter-spacing:.15em;margin-top:.6rem}
.trc-info-box dd{margin:0;font-size:1.05rem}

/* ── Fótur ── */
.site-footer{
  border-top:3px solid var(--gult);background:var(--malbik2);
  padding:2.5rem 0;margin-top:4rem;
}
.site-footer .trc-wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.trc-foot-slogan{
  font-family:'Anton',Impact,sans-serif;text-transform:uppercase;
  color:var(--gult);transform:skewX(-6deg);font-size:1.1rem;
}
.trc-foot-links{display:flex;gap:1.2rem}
.trc-foot-links a{color:var(--grar);text-decoration:none;font-size:.9rem}
.trc-foot-links a:hover{color:var(--gult)}
.trc-copy{color:var(--grar);font-size:.82rem}

/* WP grunnstuðningur */
.alignwide{max-width:1140px}
.alignfull{width:100vw;margin-left:calc(50% - 50vw)}
.wp-block-image img{border:1px solid var(--linur)}
blockquote{border-left:4px solid var(--raudur);margin:1.5rem 0;padding:.3rem 1.2rem;color:var(--grar);font-style:italic}

/* ═══ v2.0: 3D hero, scroll-reveal, fréttir & albúm ═══ */

/* Hero með 3D dýpt — lög hreyfast með mús */
.trc-hero{perspective:900px}
.trc-hero .trc-wrap{transform-style:preserve-3d}
.trc-hero-layer{will-change:transform;transition:transform .12s ease-out}
.trc-hero h1{text-shadow:0 2px 0 #000, 6px 8px 0 rgba(232,66,10,.35), 12px 16px 24px rgba(0,0,0,.6)}
.trc-hero-ghost{
  position:absolute;right:-2%;bottom:-8%;pointer-events:none;user-select:none;
  font-family:'Anton',Impact,sans-serif;font-size:clamp(8rem,22vw,20rem);
  color:transparent;-webkit-text-stroke:2px rgba(245,184,0,.09);
  transform:skewX(-8deg);line-height:1;
}

/* Scroll reveal */
.trc-reveal{opacity:0;transform:translateY(34px) rotateX(8deg);transform-origin:top;transition:opacity .6s,transform .6s}
.trc-reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .trc-reveal{opacity:1;transform:none;transition:none}
  .trc-hero-layer{transition:none}
}

/* Rásljósa-púls í hero eyebrow */
.trc-hero-eyebrow::before{
  content:"";display:inline-block;width:9px;height:9px;border-radius:50%;
  background:var(--raudur);margin-right:.6rem;vertical-align:1px;
  animation:trc-pulse 1.4s ease-in-out infinite;
}
@keyframes trc-pulse{0%,100%{box-shadow:0 0 0 0 rgba(232,66,10,.6)}50%{box-shadow:0 0 0 8px rgba(232,66,10,0)}}
@media (prefers-reduced-motion:reduce){.trc-hero-eyebrow::before{animation:none}}

/* ═══ v3.0: 10000% PRO ═══ */

/* Hraðalínur sem þjóta yfir hero */
.trc-speedlines{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.trc-speedlines i{
  position:absolute;height:2px;width:180px;
  background:linear-gradient(90deg,transparent,rgba(245,184,0,.5),transparent);
  animation:trc-zoom 2.6s linear infinite;opacity:0;
}
.trc-speedlines i:nth-child(1){top:18%;animation-delay:0s}
.trc-speedlines i:nth-child(2){top:36%;animation-delay:.9s;animation-duration:2.1s}
.trc-speedlines i:nth-child(3){top:58%;animation-delay:1.6s;animation-duration:3s}
.trc-speedlines i:nth-child(4){top:78%;animation-delay:.4s;animation-duration:2.4s;
  background:linear-gradient(90deg,transparent,rgba(232,66,10,.4),transparent)}
@keyframes trc-zoom{
  0%{left:-200px;opacity:0}
  8%{opacity:1}
  92%{opacity:1}
  100%{left:110%;opacity:0}
}
@media (prefers-reduced-motion:reduce){.trc-speedlines{display:none}}

/* Skáskorin skil milli hluta — brautarkantur */
.trc-section-alt{position:relative}
.trc-section-alt::before,.trc-section-alt::after{
  content:"";position:absolute;left:0;right:0;height:26px;pointer-events:none;
  background:inherit;
}
.trc-section-alt::before{top:-13px;transform:skewY(-.7deg)}
.trc-section-alt::after{bottom:-13px;transform:skewY(.7deg)}
.trc-section-alt>.trc-wrap{position:relative;z-index:1}

/* Fágaðri spjöld: gljái og keðjuð inn-animation */
.trc-card{position:relative}
.trc-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.06) 45%,transparent 60%);
  transition:opacity .25s;
}
.trc-card:hover::after{opacity:1}
.trc-grid .trc-reveal:nth-child(2){transition-delay:.08s}
.trc-grid .trc-reveal:nth-child(3){transition-delay:.16s}
.trc-grid .trc-reveal:nth-child(4){transition-delay:.24s}
.trc-grid .trc-reveal:nth-child(5){transition-delay:.32s}
.trc-grid .trc-reveal:nth-child(6){transition-delay:.4s}

/* Sléttari skrunslá og textaval í liðslitum */
::selection{background:var(--gult);color:var(--malbik)}
body::-webkit-scrollbar{width:11px}
body::-webkit-scrollbar-track{background:var(--malbik)}
body::-webkit-scrollbar-thumb{background:var(--mol);border-radius:6px}
body::-webkit-scrollbar-thumb:hover{background:var(--gult)}

/* Fágaðri fótur */
.site-footer{position:relative;overflow:hidden}
.site-footer::before{
  content:"HAVE FUN";position:absolute;right:-1%;top:50%;transform:translateY(-50%) skewX(-8deg);
  font-family:'Anton',Impact,sans-serif;font-size:5.5rem;line-height:1;pointer-events:none;
  color:transparent;-webkit-text-stroke:1px rgba(245,184,0,.08);
}