/*
    Theme Name: Default-KvX
    Version: 1.0
    Author: KvX
    License: CopyRight
*/
:root {
    /* Top Bar */
    --theme-header-top-bg-color: #1E1E1E;       /* #1E1E1E | #F7F7F7 */
    --theme-header-top-text-color: white;       /* white | black */

    /* Header */
    --theme-header-bg-color: white;             /* white | #141414 */
    --theme-header-text-color: #141414;         /* black | white */

    /* Narrow Menu */
    --theme-narrow-menu-bg-color: #1D2327;      /* #1D2327 | #F3F3F3 */
    --theme-narrow-menu-text-color: white;      /* white | black */

    /* Side-Cart */
    --theme-sidecart-bg-color: #171717;
    --theme-sidecart-text-color: white;
    
    --theme-sidecart-controls-btns: #9CA3AF;
    --theme-sidecart-controls-btns-hover: #1F2937;    /* white | #1F2937 */
    
    --theme-sidecart-remove-btn: #ff7979;
    --theme-sidecart-remove-btn-hover: red;

    /* Footer */
    --theme-footer-bg-color: #121212;           /* #1E1E1E | white  */
    --theme-footer-text-color: white;           /* white | black */

    /* Footer Bottom */
    --theme-footer-bottom-bg-color: #080808;    /* #141414 */
    --theme-footer-bottom-text-color: white;    /* white */
}

/* =========================== General */

/*
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}*/

html { scroll-behavior: smooth; }
.smooth-t, .kv-opacity-icon { transition: all 300ms ease-in-out; }
.auto-p-mb p { margin-bottom: 0.72rem; }
.auto-p-mb p:last-of-type { margin-bottom: 0px; }
.kv-opacity-icon { opacity: 0.72; }
.kv-opacity-icon:hover { opacity: 1; }

/* =========================== Links */

a { transition: color 300ms ease-in-out, letter-spacing 300ms ease-in-out; }
.kv-link { transition: color 300ms ease-in-out, letter-spacing 300ms ease-in-out; }
.kv-link:hover {
    color: var(--color-link-hover);
    letter-spacing: 0.1em;
}
[aria-current="page"] {
    font-weight: bold;
    pointer-events: none;
}

/* =========================== Fonts: */

@font-face {
    font-family: EuroStileLTStd;
    src: url('./assets/fonts/Eurostile\ LT\ Std\ Medium.otf');
}
@font-face {
    font-family: Friday;
    src: url('./assets/fonts/Friday.otf');
}
@font-face {
    font-family: DINNextW01;
    src: url('./assets/fonts/DIN\ Next\ W01\ Condensed\ Bold.ttf');
}
@font-face {
    font-family: FuturaLTW01;
    src: url('./assets/fonts/Futura\ LT\ W01\ Medium.ttf');
}
@font-face {
    font-family: TacticRound;
    src: url('./assets/fonts/TacticRound-Med.ttf');
}
.f-eurostile { font-family: EuroStileLTStd, sans-serif; }
.f-tactic-round { font-family: TacticRound, sans-serif; }
.f-friday { font-family: Friday, sans-serif; }
.f-din-next { font-family: DINNextW01, sans-serif; }
.f-futura { font-family: FuturaLTW01, sans-serif; }

.f-abel { font-family: 'Abel', sans-serif; }
.f-krona-one { font-family: 'Krona One', sans-serif; }
.f-montserrat { font-family: 'Montserrat', sans-serif; }
.f-poppins { font-family: 'Poppins', sans-serif; }
.f-raleway { font-family: 'Raleway', sans-serif; }
.f-roboto { font-family: 'Roboto', sans-serif; }
.f-saira { font-family: 'Saira', sans-serif; }
.f-source-sans-3 { font-family: 'Source Sans 3', sans-serif; }
.f-domine { font-family: 'Domine', sans-serif; }
.f-assistant { font-family: 'Assistant', sans-serif; }

.f-kanit { font-family: 'Kanit', sans-serif; }
.f-kumbh { font-family: 'Kumbh Sans', sans-serif; }

.f-anton { font-family: 'Anton', sans-serif; }
.f-bebas-neue { font-family: 'Bebas Neue', sans-serif; }
.f-ibm-plex { font-family: 'IBM Plex Sans', sans-serif; }
.f-league-spartan { font-family: 'League Spartan', sans-serif; }
.f-oswald { font-family: 'Oswald', sans-serif; }