/* ==========================================================================
   GLOBAL CSS - Bootstrap Override Mode
   ========================================================================== */

:root {
    /* Tvoja hlavná brandová farba */
    --primary-brand-color: #6f9544;
    --primary-brand-color-dark: #5f8336;

    /* Mapovanie na Bootstrap premenné */
    --bs-primary: var(--primary-brand-color);
    --bs-primary-rgb: 111, 149, 68;
    --bs-link-color: var(--primary-brand-color);
    --bs-link-hover-color: var(--primary-brand-color-dark);
}

/* --- ZÁKLADNÉ NASTAVENIA --- */
body {
    font-family: 'Roboto', sans-serif;
    color: #292d31;
    background-color: #fcfcfc;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* --- PREPÍSANIE BOOTSTRAP TLAČIDIEL --- */

/* 1. Primárne tlačidlo (.btn-primary) */
.btn-primary {
    --bs-btn-bg: var(--primary-brand-color);
    --bs-btn-border-color: var(--primary-brand-color);
    --bs-btn-hover-bg: var(--primary-brand-color-dark);
    --bs-btn-hover-border-color: var(--primary-brand-color-dark);
    --bs-btn-active-bg: var(--primary-brand-color-dark);
    --bs-btn-active-border-color: var(--primary-brand-color-dark);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);

    /* OPRAVA PRE DISABLED STAV: */
    --bs-btn-disabled-bg: var(--primary-brand-color);
    --bs-btn-disabled-border-color: var(--primary-brand-color);
    --bs-btn-disabled-color: #fff;
    /* text zostane biely */
}

/* 2. Outline tlačidlo (.btn-outline-primary) */
.btn-outline-primary {
    --bs-btn-color: var(--primary-brand-color);
    --bs-btn-border-color: var(--primary-brand-color);
    --bs-btn-hover-bg: var(--primary-brand-color);
    --bs-btn-hover-border-color: var(--primary-brand-color);
    --bs-btn-active-bg: var(--primary-brand-color);
    --bs-btn-active-border-color: var(--primary-brand-color);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);

    /* OPRAVA PRE DISABLED STAV: */
    --bs-btn-disabled-color: var(--primary-brand-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--primary-brand-color);
}

/* Pridanie vizuálneho efektu "deaktivácie" (stmavenie/priehľadnosť) */
.btn:disabled,
.btn.disabled {
    opacity: 0.65;
    /* Bootstrap default pre disabled, zabezpečí ten "vyblednutý" efekt */
    cursor: not-allowed;
    /* Zmení kurzor na prečiarknutý kruh */
}

/* 3. Globálne úpravy pre všetky tlačidlá */
.btn {
    /* Ak chceš zachovať vizuálnu silu, môžeš nechať uppercase, 
       ale ak chceš čistý Bootstrap, tieto 2 riadky vymaž */
    text-transform: uppercase;
    letter-spacing: 0.5px;

    /* Plynulý prechod farieb (Bootstrap default) */
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* Odstránenie starého hover efektu (nadvihnutie), ak by niekde zostal v HTML */
.custom-btn-logic {
    transform: none !important;
    box-shadow: none !important;
    transition: none !important;
}

/* --- POMOCNÉ TRIEDY --- */
.text-primary {
    color: var(--primary-brand-color) !important;
}

.bg-primary {
    background-color: var(--primary-brand-color) !important;
}

/* --- ODKAZY --- */
a {
    color: var(--primary-brand-color);
}

a:hover {
    color: var(--primary-brand-color-dark);
}

/* Custom Display triedy kopírujúce veľkosti h1-h6 */

/* Display 1: Dominantný Hero nadpis */
.display-1 {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em; /* Mierny negatívny spacing pre veľké písmo vyzerá lepšie */
}

/* Display 2: Veľký sekčný nadpis */
.display-2 {
  font-size: 3.25rem;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.01em;
}

/* Display 3: Štandardný nadpis pre Image-Text modul */
.display-3 {
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 1.2;
}

/* Display 4: Kompaktnejší nadpis */
.display-4 {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.2;
}

/* Display 5: Menší zvýraznený nadpis */
.display-5 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.15;
}

/* Display 6: Najmenší, vhodný pre podsekcie */
.display-6 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}

/* Responzivita (voliteľné, ale odporúčané) */
@media (max-width: 768px) {
  .display-1 { font-size: 3rem; }
  .display-2 { font-size: 2.5rem; }
  .display-3 { font-size: 2.25rem; }
  .display-4 { font-size: 1.75rem; }
  .display-5 { font-size: 1.5rem; }
  .display-6 { font-size: 1.25rem; }
}