/* ── Globaalne font: Inter 500 pealkirjad, 300 subheadid ── */
h1, h2, h3, h4, h5 {
    font-family: 'Inter', sans-serif;
    font-weight: 500 !important;
    letter-spacing: -0.02em;
}

h1 + p, h2 + p, h3 + p, h4 + p,
h1 + div > p:first-child,
h2 + div > p:first-child {
    font-weight: 300 !important;
}

/* Alimendid.ee põhivärvid */
.pohivarv { color: #f97316 !important; }           /* Peamine oranž toon */
.pohivarv-hele { color: #ff8a33 !important; }       /* Heledam oranž toon */
.pohivarv-tume { color: #cc5200 !important; }       /* Tumedam oranž toon rõhutamiseks */

/* Alimendid.ee sekundaarsed toonid (tekst ja taustatoonid) */
.sekundaarne { color: #fff5ef !important; }         /* Väga hele oranžikas toon */
.sekundaarne-hele { color: #ffe2cc !important; }    /* Pastelne hele taust toonitud oranžiga */
.sekundaarne-tume { color: #ffd2b3 !important; }    /* Veidi tugevam pastelne taustatoon */

/* HERO: Pealkiri */
.hero-pealkiri {
    font-size: 2.375rem; /* Mobiil */
    line-height: 1.2;
}

@media (min-width: 768px) {
    .hero-pealkiri {
        font-size: 3rem; /* Tahvelarvuti */
        line-height: 1.2;
    }
}

@media (min-width: 1024px) {
    .hero-pealkiri {
        font-size: 3.75rem; /* Arvuti */
        line-height: 1.2;
    }
}

/* HERO: Alapealkiri */
.hero-alapealkiri {
    font-size: 1.125rem; /* 18px mobiilis */
}

@media (min-width: 768px) {
    .hero-alapealkiri {
        font-size: 1.25rem; /* 20px tahvelarvutis */
    }
}

@media (min-width: 1024px) {
    .hero-alapealkiri {
        font-size: 1.125rem; /* 18px arvutis */
    }
}

/* N U P U D */

/* Alimendid.ee: Alusta siit (menu) */
.nupp-kandiline-menu {
    padding: 0.625rem 1rem 0.75rem; /* pt-2.5 pb-3 px-4 */
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.375rem; /* gap-x-1.5 */
    white-space: nowrap;
    font-size: 1rem; /* text-md */
    font-weight: 500;
    color: white;
    border: none;
    border-radius: 0.5rem;
    background-color: oklch(0.705 0.213 47.604);
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  }
  
  .nupp-kandiline-menu:hover {
    background-color: #f46711;
  }
  
  .nupp-kandiline-menu:focus {
    outline: none;
    background-color: #f46711;
  }
  
  .nupp-kandiline-menu:active {
    background-color: #ef600f;
  }
  
  .nupp-kandiline-menu:disabled {
    pointer-events: none;
    opacity: 0.5;
  }
  
/* Alimendid.ee: Alusta siit (hero) */
.nupp-kandiline-noolega {
    padding: 0.75rem 1rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: white;
    border-radius: 0.5rem;
    border: none;
    background-color: oklch(0.705 0.213 47.604);
    text-decoration: none;
  }
  
  .nupp-kandiline-noolega:hover {
    background-color: #f46711;
  }
  
  .nupp-kandiline-noolega:focus {
    outline: none;
    background-color: #f46711;
  }
  
  .nupp-kandiline-noolega:active {
    background-color: #ef600f;
  }
  
  .nupp-kandiline-noolega:disabled {
    opacity: 0.5;
    pointer-events: none;
  }

  /* Alimendid.ee: Alusta siit (hinnad) */
  .nupp-kandiline-hind {
    padding: 0.75rem 1rem;      /* py-3 px-4 */
    width: 100%;                /* w-full */
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;               /* gap-x-1 */
    font-size: 1rem;            /* text-md */
    font-weight: 600;           /* font-semibold */
    color: white;
    border: none;
    border-radius: 0.5rem;      /* rounded-lg */
    background-color: oklch(0.705 0.213 47.604);
    text-decoration: none;
  }
  
  .nupp-kandiline-hind:hover {
    background-color: #f46711;
  }
  
  .nupp-kandiline-hind:focus {
    outline: none;
    background-color: #f46711;
  }
  
  .nupp-kandiline-hind:active {
    background-color: #ef600f;
  }
  
  .nupp-kandiline-hind:disabled {
    pointer-events: none;
    opacity: 0.5;
  }
  
  
/* Alimendid.ee: Alusta siit (banner, call to action) */
.nupp-umar-noolega {
    padding: 0.75rem 1.5rem; /* sobiv laius nagu ülemisel nupul */
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: white;
    text-decoration: none;
    border: none;
    border-radius: 9999px;
    background-color: oklch(0.705 0.213 47.604);
  }  
  
  .nupp-umar-noolega:hover {
    background-color: #f46711;
  }
  
  .nupp-umar-noolega:focus {
    outline: none;
    background-color: #f46711;
  }
  
  .nupp-umar-noolega:active {
    background-color: #ef600f;
  }
  
  .nupp-umar-noolega:disabled {
    opacity: 0.5;
    pointer-events: none;
  }

  /* Katsetan tausta värviga */
.alimendid-bg {
  background-color: #fdfbf9;
}


/* --- Dark mode keelamine --- */
:root {
  color-scheme: light;
}

/* Juhuks kui mõni browser (nt Safari) proovib ikkagi tumedaks muuta */
@media (prefers-color-scheme: dark) {
  html, body {
    background: #fff;
    color: #111;
  }

  img, picture, video, canvas {
    filter: none !important;
  }
}