@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap");:root,[data-bs-theme=light] {--bs-body-font-family: 'Inter', sans-serif;--bs-primary: rgb(20, 20, 20);--bs-primary-rgba: rgba(20,20,20, .15);--bs-secondary: rgb(62, 68, 68);--bs-dark: rgb(20, 20, 20);--bs-light: rgb(242, 243, 243);--bs-light-2: rgb(200, 200, 200);--bs-white: #fff;--bs-shadow-1: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16);}/* Specifik klass för att ta bort align-items-center */.no-align-items-center {align-items: flex-start !important;}html,body {height: 100%;font-family: var(--bs-body-font-family);color: var(--bs-dark);}/* LINKS */a {color: var(--bs-primary);text-decoration: none;}a:hover {color: var(--bs-secondary);}/* FONT SETTINGS */h1,h2,h3,h4,h5,h6 {font-family: var(--bs-body-font-family);font-weight: 500;color: var(--bs-dark);}p {font-family: var(--bs-body-font-family);font-size: 16px;font-weight: 400;color: var(--bs-dark);}.image-caption {font-family: var(--bs-body-font-family);font-size: 12px;font-weight: 400;color: var(--bs-dark);}/* TOAST */.toast.bg-primary {background-color: var(--bs-primary)!important;}/* HERO IMAGE */.hero-image {width: 100%;height: 60vh; /* Justera höjden här */object-fit: cover; /* Ser till att bilden skalförändras korrekt */object-position: center center; /* Fokusera på botten av bilden */}/* Anpassa för mobila enheter */@media (max-width: 767.98px) {.hero-image {height: 55vh;/* Ökad höjd från tidigare 40vh */min-height: 350px; /* Ökad minsta höjd från 300px */object-position: center center;}}/* BUTTONS */.btn-primary {background-color: var(--bs-primary); /* Välj en anpassad bakgrundsfärg */border-color: var(--bs-primary); /* Kantfärg */color: var(--bs-white); /* Textfärg */}.btn-primary:active,.btn-primary:focus,.btn-primary:hover {background-color: var(--bs-secondary) !important;border-color: var(--bs-secondary) !important;color: var(--bs-white) !important;}.btn-outline-primary{background-color: white; /* Bakgrundsfärg vid hover/aktiv */border-color: var(--bs-primary); /* Kantfärg */color: var(--bs-primary); /* Textfärg */}.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active {background-color: white !important; /* Bakgrundsfärg vid hover/aktiv */border-color: var(--bs-secondary) !important; /* Kantfärg */color: var(--bs-secondary) !important; /* Textfärg */}/* LEEQ BUTTON */.leeq-button {background-image: repeating-linear-gradient(45deg,rgb(50, 50, 50),rgb(50, 50, 50) 50px,rgb(10, 10, 10) 50px,rgb(10, 10, 10) 100px);color: white;font-family: 'Inter', sans-serif;font-weight: 700;font-size: 20px; /* Större text */padding: 7px 20px; /* Större padding */border: none; /* Ta bort standardramen */border-radius: 10px; /* Runda hörn */box-shadow: 5px 5px 15px rgba(0,0,0,0.3); /* Lägg till skugga för djup */text-transform: uppercase;text-shadow: 4px 4px 8px rgba(0,0,0,0.4); /* Ljusgrå färg på hover */}.leeq-button:hover {color: white;text-shadow: 3px 3px 7px rgba(0,0,0,0.4);}/* FORMS */.form-floating>.form-control:focus {background-color: var(--bs-white);border-color: var(--bs-primary);outline: 0;box-shadow: 0 0 0 4px var(--bs-primary-rgba);}.custom-radio .form-check-input:checked {background-color: var(--bs-primary);border-color: var(--bs-primary);}.custom-radio .form-check-input:focus {box-shadow: 0 0 0 0.25rem var(--bs-primary-rgba);}.custom-switch {/*background-color: #ccc; Bakgrundsfärg när den är av */}.custom-switch:checked {background-color: var(--bs-primary); /* Bakgrundsfärg när den är på */border-color: var(--bs-primary);}.short-and-sweet-counter {font-family: var(--bs-body-font-family);font-weight: 200;color: var(--bs-light-2);margin-left: 10px;}/* BREADCRUMB */.breadcrumb {--bs-breadcrumb-divider: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="8" height="9" %3E%3Cpath d="M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z" fill="%236c757d"/%3E%3C/svg%3E');}.breadcrumb a {text-decoration: none; /* Tar bort understrykningen */}/* TABLE */table a {text-decoration: none; /* Tar bort understrykningen från länkar */}.compact-column {width: 1%;/* Minimal bredd som behövs för att visa innehållet */white-space: nowrap;/* Förhindrar radbrytning inom cellen */}/* Navigation */.navbar {height: 70px;background-color: rgb(255, 255, 255); /* Semi-transparent white background */}/* Justera logotypens höjd inuti navbar */.navbar .navbar-brand img {height: 30px; /* Höjden på logotypen */}.navbar-toggler {background: none; /* Tar bort bakgrund */border: none; /* Tar bort gräns */outline: none; /* Tar bort kontur när man klickar */}.navbar-toggler:focus {box-shadow: none; /* Tar bort box-skugga när knappen är i fokus */}.bi-text-left {font-size: 1.5rem; /* Ändrar storleken på ikonen */color: #333; /* Ändrar färgen på ikonen, justera efter behov */}.invisible-div {width: 0px; /* Bredden av hamburgerknappen, justera detta värde om det behövs */visibility: hidden; /* Gör elementet osynligt men behåller dess utrymme i layouten */}.flex-fill {flex: 1; /* Tar upp lika mycket plats på båda sidor för att balansera layouten */}/* Navbar - Offcanvas */.offcanvas-header {height: 70px; /* Ställ in höjden för att matcha din navbar */align-items: center; /* Centrera innehållet vertikalt */justify-content: center; /* Centrerar logotypen */display: flex; /* Aktivera flexbox för att tillåta centreringsverkan */position: relative; /* Needed as a reference for absolute positioning of children */}.offcanvas-header .arrow {position: absolute;left: 1.2rem; /* or any other value to position it correctly */}/* Stil för att hantera stäng-knappens placering */.offcanvas-header .btn-close {margin-right: 1.2rem; /* Justera avståndet från höger */}/* Justera logotypens höjd inuti offcanvas-header */.offcanvas-header .navbar-brand img {height: 30px; /* Höjden på logotypen */}.offcanvas-body {padding-top:5rem;padding-left:1.5rem;}.offcanvas-body .navbar-nav .nav-link {font-size: 1.6rem;font-family: var(--bs-body-font-family);font-weight: 800;text-transform: normal;color: var(--bs-gray-dark);letter-spacing: 0px; /* Minskar avståndet mellan bokstäverna */padding-top:0px;padding-bottom:0px;line-height: 35px;}.offcanvas-body .navbar-nav .nav-link:hover {color: var(--bs-gray-900);}.nav-item.small-link .nav-link {font-family: var(--bs-body-font-family);font-weight: 400;text-transform: none;color: var(--bs-gray-dark);font-size: 16px;letter-spacing: 0px;margin-top:0rem;line-height: 25px;}/* SIGN-IN *//* LOGIN */.form-signin {max-width: 330px;padding: 1rem;}.form-signin .form-floating:focus-within {z-index: 2;}.form-signin input[type="email"] {margin-bottom: -1px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}.form-signin input[type="password"] {margin-bottom: 10px;border-top-left-radius: 0;border-top-right-radius: 0;}/* ACCOUNT */.form-account {max-width: 330px;padding: 1rem;}.form-account .form-floating:focus-within {z-index: 2;}.form-account input[type="text"] {margin-bottom: -1px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}.form-account input[type="email"] {margin-bottom: -1px;border-top-right-radius: 0;border-top-left-radius: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}.form-account input[type="password"] {margin-bottom: 10px;border-top-left-radius: 0;border-top-right-radius: 0;}/* CUSTOM CARD *//* CSS för att anpassa kortens utseende */.custom-card {border: none; /* Ingen ram */box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2); /* Lätt skuggning */border-radius: 0.5rem; /* Rundade hörn */}.custom-card .card-body {padding: 1rem; /* Standard padding för innehållet */}.custom-card .card-footer {padding: 0.75rem 1rem; /* Standard padding för foten */background-color: transparent; /* Transparent bakgrund */border-top: none; /* Ingen övergångsram */}.custom-card img {border-radius: 0; /* Inga rundade hörn på större skärmar */width: 100%; /* Säkerställ att bilden fyller sin container */}@media (max-width: 576px) {/* Rundade hörn på små skärmstorlekar (mobiler) */.custom-card img {border-top-left-radius: 0.5rem; /* Rundat hörn uppe till vänster */border-top-right-radius: 0.5rem; /* Rundat hörn uppe till höger */}}@media (min-width: 577px) {/* Rundade hörn endast uppe till vänster och nere till vänster på större skärmstorlekar */.custom-card img {border-top-left-radius: 0.5rem; /* Rundat hörn uppe till vänster */border-bottom-left-radius: 0.5rem; /* Rundat hörn nere till vänster */}}/* Stil för primärbildens overlay */.primary-image {position: relative;}.star-overlay {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 4rem;color: rgba(255, 215, 0, 0.8); /* Gyllene stjärnfärg */pointer-events: none; /* Gör så att overlayen inte stör interaktionen */z-index: 10; /* Se till att stjärnan ligger ovanför bilden */}.star-overlay i {font-size: 5rem;color: gold;}/* CUSTOM CARD END */.slim {border-radius: 0.5rem;background: rgba(230,230,230,.5)!important;}.slim:focus,.slim:hover {color: rgb(30,30,30);background: rgba(230,230,230,.5)!important;}.slim[data-state*=error] {color: rgb(30,30,30);background: rgba(224, 189, 189, 0.5)!important;}