/* Deklarace Font Faces pro template */
@font-face {
  font-family: 'Inter Tight';
  src: url('/assets/fonts/Inter_Tight_woff/InterTight-Regular.woff2') format('woff2'),
       url('/assets/fonts/Inter_Tight_woff/InterTight-Regular.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'MisterLickyChops';
  src: url('/assets/fonts/MisterLickyChops/MisterLickyChops.woff2') format('woff2'),
       url('/assets/fonts/MisterLickyChops/MisterLickyChops.woff') format('woff');
  font-display: swap;
}

/* Deklarace proměnných pro template */
:root {
    
    /* Barvy */
        /* Obecné prvky */
    --color-primary: #7CB518; /* Original #149dcc */
    --color-secondary: #5C8001;
    --color-body-background-default: #fff;
    --color-body-background-light: #e9f7c6;
    --color-body-background-dark: ;
    
        /* Barvy text */
    --color-font-default: #232323;
    --color-font-highlight: #FBB02D;
    --color-font-lowlight: #FB6107;
    --color-font-subtle: #B8CA22;
    --color-font-headings: #FB6107;
    
    /* Texty */
    --text-font-default: 'Inter Tight', sans-serif;
    --text-font-headings: var(--header-logo-font);
    --text-font-special: var(--text-font-default);
    
    --text-size-defaul: ;
    --text-size-headings: calc( 1.63rem + (2.8 - 1.63) * ((100vw - 62rem) / (87 - 62)));
    --text-size-special: calc( 1.14rem + (1.4 - 1.14) * ((100vw - 62rem) / (87 - 62)));
    
    /* Rozměry */
    --height-header-navbar: 100px;
    --navbar-scroll-margin-top: 150px;
    --border-radius-default: 20px;
    
    /* Animace */
    --transition-duration-default: 0.3s;
    
    /* Komponenty */
    
        /* Header & menu */
    --header-bg-color-light: #fff;
    --header-bg-color-dark: #323232;
    --header-logo-color: var(--color-secondary);
    --header-logo-color-hover: var(--color-font-lowlight);
    --header-logo-font: 'MisterLickyChops', sans-serif;
    --header-logo-font-size: clamp(1.5rem, 10vw, 2.2rem);
    --header-logo-width: clamp(70px, 5vw, 100px);
    
    --header-item-alignment: flex-end;/* center, flex-end, flex-start */
    --navbar-alignment-in-header: var(--header-item-alignment);
    --navbar-brand-alignment-in-header: var(--header-item-alignment);;
    
    --navbar-navlink-color: ;
    --navbar-navlink-color-hover: var(--color-primary);
    --header-navlink-color-text: var(--color-secondary);;
    --navbar-navlink-color-hover-text: #fff;
    --navbar-navlink-font: var(--text-font-default);
    /*--navbar-navlink-font-size: calc( 1.07rem + (1.2 - 1.07) * ((100vw - 62rem) / (87 - 62)));*/
    --navbar-navlink-font-size: clamp(0.5rem, 10vw, 1rem);
    --navbar-navlink-trans-duration: var(--transition-duration-default);
    
    --navbar-sublink-color: ;
    --navbar-sublink-color-hover: var(--color-font-highlight);
    --header-sublink-color-text: #000;
    --navbar-sublink-color-hover-text: #000;
    --navbar-sublink-font: ;
    --navbar-sublink-font-size: ;
    --navbar-sublink-hover-trans-duration: var(--transition-duration-default);
    
        /* Footer */
    --footer-bg-color: #fff;
    
    
    /* Person-Cards */
    --person-card-header-color: var(--color-secondary);
    --person-card-border-color: var(--color-primary);
    --person-card-icon-color: var(--color-primary);
    --person-card-email-font-color: ;
    
}

/* Barvy textů a ikon */
.text-primary{
    color: var(--color-primary) !important;
    transition-duration: var(--transition-duration-default);
}
a.text-primary:hover{
    color: var(--color-secondary) !important;
    transition-duration: var(--transition-duration-default);
}
.text-secondary{
    color: var(--color-secondary) !important;
    transition-duration: var(--transition-duration-default);
}
a.text-secondary:hover{
    color: var(--color-primary) !important;
    transition-duration: var(--transition-duration-default);
}
.text-highlight{
    color: var(--color-font-highlight) !important;
    transition-duration: var(--transition-duration-default);
}
a.text-highlight:hover{
    color: var(--color-font-lowlight) !important;
    transition-duration: var(--transition-duration-default);
}
.text-lowlight{
    color: var(--color-font-lowlight) !important;
    transition-duration: var(--transition-duration-default);
}
a.text-lowlight:hover{
    color: var(--color-font-highlight) !important;
    transition-duration: var(--transition-duration-default);
}
.text-fancy-font{
    font-family: var(--text-font-headings);
}

.bi-file-earmark-pdf{
    color: var(--bs-danger) !important;
}
.bi-file-earmark-word{
    color: var(--bs-primary) !important;
}
.bi-file-earmark-excel{
    color: var(--bs-success) !important;
}
.bi-file-earmark{
    color: var(--bs-warning) !important;
}
.custom-btn{
    background-color: var(--color-primary);
    color: #fff;
}
.custom-btn:hover{
    background-color: var(--color-font-highlight);
    color:#fff;
}
.btn-tile {
  min-width: 180px;
  min-height: 140px;
  border-radius: 12px;
  transition: all 0.2s ease;
}

.btn-tile:hover {
  
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}
.big-button{
    border-radius: var(--border-radius-default);
    background-color: var(--color-font-highlight);
    font-family: var(--text-font-headings);
    font-size: 3rem;
    transition-duration: var(--transition-duration-default);
    transition: all 0.2s ease;
}
.big-button:hover{
    background-color: var(--color-font-lowlight);
    transition-duration: var(--transition-duration-default);
    transform: translateY(-5px);
}
.big-button-light{
    border-radius: var(--border-radius-default);
    background-color: #fff;
    transition-duration: var(--transition-duration-default);
    transition: all 0.2s ease;
}
.big-button-light:hover{
    background-color: var(--color-font-highlight);
    color: #000;
    transition-duration: var(--transition-duration-default);
    transform: translateY(-5px);
}

.rounded{
    border-radius: var(--border-radius-default) !important;
}