/*
Theme Name: 	Divi Child
Theme URI: 		http://www.elegantthemes.com/gallery/divi/
Description: 	Divi child theme
Author: 		Elegant Themes
Author URI: 	http://www.elegantthemes.com
Template:       Divi
Version: 		1.0.0
*/



/* =Theme customization starts here 
------------------------------------------------------- */ 

#main-footer {display: none;}
#main-header {display: none;}

/* =Divi Menu styling
------------------------------------------------------- */ 

/* 1. Grundlæggende opsætning af links i hovedmenuen */
.et_pb_menu .et_pb_menu__menu > nav > ul > li > a,
.et_pb_menu ul li a {
    transition: all 0.3s ease;
    position: relative;
    display: block;
    /* Vi definerer selve stregen her som standard, men gør den usynlig */
    border-bottom: 2px solid transparent !important;
}

/* Specifik padding for hovedmenuen */
.et_pb_menu .et_pb_menu__menu > nav > ul > li > a {
    padding-top: 0px !important; 
    padding-bottom: 0px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* 2. Understregning på HOVER, AKTIVT punkt og PARENT (hovedmenuen) */
.et_pb_menu .et_pb_menu__menu > nav > ul > li > a:hover,
.et_pb_menu .et_pb_menu__menu > nav > ul > li.current-menu-item > a,
.et_pb_menu .et_pb_menu__menu > nav > ul > li.current-menu-ancestor > a {
    border-bottom: 2px solid #000000 !important;
}

/* Fjern understregning specifikt i dropdown, så vi kun har baggrundsfarven der */
.et_pb_menu .et_pb_menu__menu > nav > ul > li ul li a {
    border-bottom: none !important;
}

/* 3. Dropdown UNDTAGELSER - Her fjerner vi understregningen igen */
/* Da vi gerne vil have baggrundsfarve i stedet for streg i dropdown */
.et_pb_menu ul.sub-menu li a {
    border-bottom-color: transparent !important;
    border-bottom-width: 0px !important;
}

/* 4. Dropdown Aktiv Baggrund (Som du ønskede) */
.et_pb_menu ul.sub-menu li.current-menu-item > a,
.et_pb_menu ul.sub-menu li.current-menu-ancestor > a {
    background-color: #f1f1f1 !important;
    color: #000000 !important;
}

/* 3. Fjern Divi's standard understregning */
.et_pb_menu .et_pb_menu__menu > nav > ul > li.current-menu-item {
    border-bottom: none !important;
}

/* 4. Nulstil LI padding (da vi har lagt det på A nu) */
.et_pb_menu .et-menu > li {
    padding-left: 0px !important;
    padding-right: 0px !important;
    position: relative;
}

/* 5. Den lodrette separator (bliver stående helt til højre) */
.et_pb_menu .et_pb_menu__menu > nav > ul > li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 1.5em;
    background-color: #CCCCCC;
    z-index: 2; /* Sørger for at den ligger over understregningen */
}

/* 6. Håndtering af menupunkter MED undermenu (pil) */
/* Vi giver ekstra højre-padding for at gøre plads til pilen INDEN understregningen slutter */
.et_pb_menu .et_pb_menu__menu > nav > ul > li.menu-item-has-children > a {
    padding-right: 35px !important; 
}

/* Placer pilen præcis så den lander før den lodrette streg */
.et_pb_menu .et-menu-nav li.menu-item-has-children > a::after {
    right: 15px !important; /* Juster denne hvis pilen skal tættere på/længere fra stregen */
}

/* 7. Særlige justeringer for første punkt */
.et_pb_menu .et_pb_menu__menu > nav > ul > li:first-child > a {
    padding-left: 17px !important;
}

/* --- Generel højde og dropdown rettelser --- */

/* --- Aktiv baggrund i dropdown menu --- */

/* Sørg for at det aktive punkt i dropdown har samme baggrund som ved hover */
.et_pb_menu ul.sub-menu li.current-menu-item > a {
    background-color: #f1f1f1 !important; /* Erstat med din ønskede farve (f.eks. den grå/sorte du bruger til hover) */
    color: #000000 !important; /* Tekstfarve på det aktive punkt */
}

/* Hvis du også vil have at "forælderen" i selve dropdown-menuen er markeret 
   (hvis du har flere niveauer af dropdowns) */
.et_pb_menu ul.sub-menu li.current-menu-ancestor > a {
    background-color: #f1f1f1 !important;
}

/* Ændre højden på top menupunkterne */
.et_pb_menu_0_tb_header.et_pb_menu ul li a {
    line-height: 7em;
}

/* Ændre højden på dropdown menupunkterne */
.et_pb_menu_0_tb_header.et_pb_menu ul li li a {
    line-height: 2em;
}

/* Tving dropdown menuen tilbage til venstre-justering */
.et_pb_menu_0_tb_header .nav li.et-reverse-direction-nav > ul, 
.et_pb_menu_0_tb_header .nav li.et-reverse-direction-nav > .sub-menu {
    left: 0 !important;
    right: auto !important;
}

/* --- Gør Dropdown Menuen Bredere --- */
.et_pb_menu .et-menu li ul {
    width: 280px !important; /* Her styrer du bredden (standard er ca. 200px-240px) */
    padding: 10px 0 !important; /* Valgfrit: justerer luft i toppen/bunden af dropdownen */
}

/* Sørger for at teksten i dropdown ikke knækker linje for tidligt */
.et_pb_menu .et-menu li ul li a {
    width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Ændre højden på mobilmenu menupunkterne  */
.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li a {
    /* line-height styrer afstanden over og under teksten */
    line-height: 2em;
}

/* =Polylang Menu styling
------------------------------------------------------- */ 

/* Gør Polylang-flag vandrette og fjern listeprikker */
.widget_polylang ul {
    list-style: none; /* Fjerner standard listeprikker */
    padding: 0;      /* Fjerner standard polstring */
    margin: 0;       /* Fjerner standard margen */
    display: flex;   /* Bruger Flexbox for vandret layout */
    align-items: center; /* Centrerer flag lodret */
}

.widget_polylang ul li.lang-item {
    display: inline-block; /* Alternativ måde at gøre elementer vandrette */
    margin-right: 0px;    /* Justerer afstanden mellem flagene */
	margin-bottom: 0px;
	vertical-align: middle;
}


/* Rediger afstanden mellem flag (og tekst) */
.widget_polylang ul li a {
    text-decoration: none;
    padding: 0 5px; /* Vandret padding */
}

/* =Produkter styling
------------------------------------------------------- */ 

.novelty p {
	background: #1d553c;
	padding: 7px 27px !important;
	color: white; /* Tilføjet så teksten kan læses på grøn */
	margin: 0;    /* Sikrer at p-tagget ikke skubber til designet */
}

/* =Password protected page styling
------------------------------------------------------- */ 
.et_password_protected_form {
	padding: 100px;
	height: 100vh;
	}
/*----------------------- Hide Sidebar -----------------------*/
#sidebar {display:none;}

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}


/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}