/* Theme Name: SRG Website Theme 
Theme URI: https://www.elegantthemes.com/gallery/divi/ 
Description: Divi Child Theme for SRG 
Author: Elegant Themes / scr-it GmbH 
Author URI: https://scr-it.de 
Template: Divi 
Version: 1.0.0 
*/

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

/* SRG Code Pro Font */
@font-face {
  font-family: 'SRG Codec Pro';
  src: url("/fonts/SRGCodecPro-Regular.woff2") format('woff2');
  font-weight: 400;
}

/* SRG Code Pro Font */
@font-face {
  font-family: 'SRG Codec Pro';
  src: url("/fonts/SRGCodecPro-Bold.woff2") format('woff2');
  font-weight: 500;
}

/* SRG Code Pro Font */
@font-face {
  font-family: 'SRG Codec Pro';
  src: url("/fonts/SRGCodecPro-ExtraBold.woff2") format('woff2');
  font-weight: 600;
}

/* =========================
   DESKTOP & TABLET (>=768px)
   ========================= */
@media (min-width: 768px) {

  /* Menu Allgemein */
  #mega-menu-wrap-primary-menu { height: 68px; }
  #mega-menu-primary-menu { height: 68px !important; background-color: black !important; }
  a.mega-menu-logo { background-color: black !important; }

  #mega-menu-primary-menu > li {
    /* Vermeide zentrierte Auto-Margins auf Mobile */
    margin: 0 auto !important;
    height: 100% !important;
    padding: 15px !important;
  }

  #mega-menu-primary-menu li a {
    text-align: center !important;
  }

  .mega-sub-menu { 
    font-family: 'SRG Codec Pro' !important;
    background: #161617 !important;
    border-right: 1px solid #F2F2F2 !important;
  }

  /* Korrektur: hier war ein falsches Zeichen vor #161617 (´) */
  .mega-infocol { 
    background: #161617 !important;
  }

  /* Hover-Farben nur Desktop/Tablet */
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item:nth-of-type(2) a:hover {
    color: #FFC800; background-color: black; border-bottom: 2px solid #FFC800;
  }
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item:nth-of-type(3) a:hover {
    color: #FF5A28; background-color: black; border-bottom: 2px solid #FF5A28;
  }
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item:nth-of-type(4) a:hover {
    color: #2882FF; background-color: black; border-bottom: 2px solid #2882FF;
  }

  /* Footer nur Desktop/Tablet */
  /*.menuFooter { background: black !important; padding-top: 1em; height: 40px !important; }*/
  /*.menuFooter ul { padding: 0.5em 0 0 20vw; display: flex; justify-content: end; }*/
}

/* ==============
   MOBILE (<768px)
   ============== */
@media (max-width: 767.98px) {

  /* Feste Höhen und Auto-Margins killen das Mobile-Menü → zurücksetzen */
  #mega-menu-wrap-primary-menu,
  #mega-menu-primary-menu {
    height: auto !important;
  }

  #mega-menu-primary-menu > li {
    margin: 0 !important;
    padding: 0.5rem 1rem !important;   /* kompakter */
    height: auto !important;
  }

  #mega-menu-primary-menu li a {
    text-align: left !important;       /* nicht mittig */
    display: block;                    /* volle Zeile für Touch */
    /* padding: 12px 0 !important;  // optional, wenn mehr Tap-Fläche gewünscht */
  }

  /* Hover-Borders auf Mobile vermeiden (touch) */
  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item a:hover {
    border-bottom: none !important;
    background: transparent !important;
  }

  /* Submenu: ohne feste Border/Background, damit nichts „drüber liegt“ */
  .mega-sub-menu {
    background: transparent !important;
    border-right: none !important;
  }

  /* Widgets/Abstände kompakter */
  .widget_nav_menu,
  .widget_text,
  .widget_scr_srg_p {
    padding: 0 !important;
  }

  .mega-sub-menu .widget_nav_menu div ul {
    padding: 0 0 0 1rem;
    margin-bottom: 0.75rem;
  }

  .mega-sub-menu .widget_nav_menu div ul li {
    margin: 0.5rem 0;
  }

  /* Typo & Farben ok, aber defensiver ohne !important, damit Plugin steuern kann */
  .mega-menu p { color: rgb(134, 134, 139); }

  /* Footer mobil: keine fixe Höhe, keine 20vw-Offsets */
  /*.menuFooter { height: auto !important; padding: 0.5rem 1rem; } */
  /*.menuFooter ul { padding: 0; justify-content: flex-start; } */
}

/* Unkritisches, geräteunabhängig */
.mega-sub-menu li { list-style-type: none; text-decoration: none !important; color: #ffffff; }
.mega-sub-menu a:link,
.mega-sub-menu a:visited { color: #ffffff; }

.widget_scr_srg_subheading { padding: 0 0 10px 15px !important; font-size: 18px !important; }
.widget_scr_srg_subheading h4 {
  font-family: "SRG Codec Pro"; font-size: 18px; line-height: 24px; font-weight: 600; padding: 0 !important; margin: 0;
}

.mod-dp3 { font-family: 'SRG Codec Pro'; font-weight: 400; font-size: 16px; line-height: 24px; color: #ffffff; }
.mod-dh5 { font-family: 'SRG Codec Pro'; font-weight: 500; font-size: 24px; line-height: 1rem; color: #ffffff; }

.mega-sub-menu .widget_nav_menu div ul li a:hover { background: none !important; text-decoration: none !important; border: none !important; }
.mega-menu-item.mega-menu-item-type-widget.widget_nav_menu { padding: 0 !important; margin: 0 !important; }

a.srg-subheader-link { font-size: 18px !important; }
a.srg-subheader-link:hover { background: none !important; }


.ankermenu {
  font-size: 14px !important; 
}