/*
 Theme Name:   Shapely samobs
 Theme URI:    samobs.mki.dk
 Description:  Shapely-tema til samobs
 Author:       Mads Kristensen
 Author URI:   mki.dk
 Template:     shapely
 Version:      1.0.0
 Text Domain:  shapely-samobs
*/

/* Start adding your dark mode CSS below this line */

/* Eksempel: Ændr baggrundsfarve for hele sidens krop */
body {
    background-color: #000000 !important; /* Mørk baggrund */
    color: #eeeeee; /* Lys tekstfarve */
    font-family: "Roboto", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 300 !important;
  font-style: normal;
  font-size: 16px !important;
  font-variation-settings:
    "wdth" 100;  
}

p{
  font-weight: 300 !important;  
}

/* Eksempel: Ændr farve på links */

a, a:visited, a:active, a:hover {
  font-weight: 300;	
}


/* Eksempel: Ændr baggrund og tekst i header/navigation (du skal finde den specifikke selector for Shapely) */
/* Dette er kun et eksempel, du skal finde den rigtige selector via inspektion */
nav {
    background-color: #000000; /* Mørkere grå baggrund */
    color: #ffffff; /* Hvid tekst */
    font-family: "Roboto", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;  
}

/* Eksempel: Ændr farve på overskrifter */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff; /* Hvid farve til overskrifter */
    font-family: "Roboto", sans-serif !important;
  font-optical-sizing: auto;
  color: #ff5808 !important;
  font-weight: 300 !important;
  font-style: normal;
  font-variation-settings:
    "wdth" 300;
}

/* Eksempel: Ændr baggrund og tekstfarve i footer */
/* Igen, find den korrekte selector for Shapelys footer */
.site-footer {
    background-color: #000000; /* Meget mørk baggrund */
    color: #999999; /* Lys grå tekst */
}

/* Eksempel: Ændr baggrund for indholdsområder eller sektioner */
/* Find de relevante klasser/ID'er */
.content-area, .widget-area {
    background-color: #000000; /* Mørkere baggrund for indhold */
    color: #cccccc; /* Lys tekst */

  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 300;
}

button.mobile-menu, .module.widget-handle 


button.mobile-menu, .nav-bar, .module, .module.widget-handle{
  background-color: #000000;
    font-family: "Roboto", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;}

button.mobile-menu, .module.widget-handle {
    font-family: "Roboto", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.search-widget-handle .search{
}
div.navbar-collapse {
  
    font-family: "Roboto", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.main-navigation, .menu li a {
      font-family: "Roboto", sans-serif !important;
  color: #ff5808 !important;
  font-size: 18px !important;
  font-optical-sizing: auto;
  font-weight: 300 !important;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;

}

.footer-credits {
    display: none !important;
}

/* Du skal fortsætte med at identificere og overskrive styles for andre elementer som: */
/* - Knapper */
/* - Formularfelter */
/* - Widgets */
/* - Specifikke Shapely-sektioner/moduler (f.eks. hero-sektionen, testimonials, portfolio, etc.) */
/* - Baggrunde for billeder eller blokke */
/* - Border-farver */