/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


$melanzane: #210320;
$radical-red: #fa2946;
$tapestry: #b5617a;
$plum: #82256c;
$rhino: #333366;


#top .sf-menu > li[class * ="current"]:not([class * ="menu-item-btn"]) > a .menu-title-text:before {
    background-color: $radical-red!important;
}


.dt-container .dt-layout-cell.dt-layout-start,
.dt-container .dt-layout-cell.dt-layout-end
{
   display:none!Important;
}


/* Mobile Navigation - E-Mail Adressen und lange Texte besser umbrechen */
@media only screen and (max-width: 999px) {
    
    /* Alle Links im Slide-Out Menü */
    #slide-out-widget-area .off-canvas-menu-container li a,
    #slide-out-widget-area .inner a,
    body #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li a {
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        word-break: break-word !important;
        line-height: 1.5 !important;
        padding-right: 15px !important;
    }
    
    /* Spezifisch für E-Mail Links - aggressive Umbrüche */
    #slide-out-widget-area a[href^="mailto:"],
    #slide-out-widget-area .off-canvas-menu-container a[href^="mailto:"] {
        word-break: break-all !important;
        font-size: 0.88em !important;
        letter-spacing: -0.4px !important;
        padding-right: 20px !important;
    }
    
    /* Container auch auf overflow achten */
    #slide-out-widget-area .off-canvas-menu-container li,
    #slide-out-widget-area .inner {
        overflow: visible !important;
    }
}

/* Single Post - Kategorie/Tag Anzeige im Header verstecken */
.single-post .page-header-bg-image-wrap .inner-wrap a.aktuelles,
.single-post .section-title a.aktuelles,
.single-post a[href*="/category/aktuelles/"],
.single-post .blog-title a.aktuelles,
.single .page-header-bg-image-wrap .inner-wrap a.aktuelles,
.single .section-title a.aktuelles,
.single a[href*="/category/aktuelles/"],
.single .col.section-title .blog-title a {
    display: none !important;
    visibility: hidden !important;
}