/*
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
Update: 25.05.2926, Thomas Koch
*/

/* Alle Tabellen */
table {
    width: 100% !important;
    border-collapse: collapse;
    border: none !important;; 
}

table td,
table th {
    text-align: left !important;
    height: 30px !important;
    padding: 0 8px !important;
    vertical-align: middle;
    border: none !important;
}

/* Header 4 - Abstände */
h4 {
    padding-top: 15px;
    padding-bottom: 5px;
}

/* Header 6 - Bildbeschreibungen Abstände */
h6 {
    padding-top: 0px;
    padding-bottom: 10px;
}


/* Generelle Link Hoover Farbe */

a:hover {
  color: #c53e40 ;
}

/* Generelle Button Hoover Farbe */

.nectar-button.regular-button {
    transition: all 0.2s ease;
}

.nectar-button.regular-button:hover {
    background-color: #c53e40 !important;
    color: #ffffff !important;
	opacity: 1 !important;
    filter: none !important;
}


/* AddToAny Hoover Farbe */
.a2a_kit a:hover {
    opacity: 1 !important;
    filter: none !important;
	color: #c53e40 !important;
}

.a2a_kit a:hover svg * {
    fill: #c53e40 !important;
	color: #c53e40 !important;
}

/* SVG komplett kontrollieren */
.a2a_kit a:hover svg path {
    fill: #c53e40 !important;
    opacity: 1 !important;
	color: #c53e40 !important;
}

/* Label stabil halten */
.a2a_kit a:hover .a2a_label {
    color: #c53e40 !important;
}


/* Menü Lupe Farbe ändern */

#header-outer #search-btn a:hover {
    background-color: #ffffff !important;
    color: #c53e40 !important;
}

/*
Related Posts List
*/
.related-post-item a {
    font-size: 15px;
}

/*
Related Posts - Highlight aktiver Beitrag
*/
.related-post-item.is-active a {
  color: #c53e40 !important;
  font-weight: 600;
  font-size: 15px;
}

/*Blog suche 
*/

.custom-search-form {
  display: flex;
  align-items: center;
  gap: 8px; /* Abstand zwischen Feld und Button */
}

.custom-search-form input[type="search"] {
  flex: 1; /* nimmt verfügbare Breite ein */
}


/*Post Navigation Buttons
*/
.nav-btn {
    background: #F75F5B;
    color: #fff;
    padding: 10px 14px;          /* nur horizontal */
    height: 36px;             /* 👈 HIER Höhe ändern */
    line-height: 7px;        /* sorgt für vertikale Zentrierung */
    text-decoration: none;
    border-radius: 4px;
    font-size: 24px;
    display: inline-block;
	border: 1px solid transparent;
    transition: all 0.2s ease;
}


.nav-btn:hover {
    background: #c53e40; /* 👈 dunkler */
    color: #fff;         /* 👈 bleibt weiss */
	/*transform: translateY(-2px);*/ /*hoover efekt: zoom*/
}

/* Disabled Zustand */
.nav-btn.disabled {
    background: #ccc;
    cursor: not-allowed;
    opacity: 0.6;
    pointer-events: none;
}

/* optional spacing */
.nav-btn.prev {
    margin-right: 0px;
}


@media (max-width: 768px) {

  .keep-inline .vc_row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center !important;
    text-align: center;
  }

  .keep-inline .vc_column_container {
    width: auto !important;
    flex: 0 0 auto;
/*    text-align: center !important;   */
  }

  .keep-inline .wpb_wrapper {
    display: inline-flex !important; /* 🔥 wichtiger als flex */
    align-items: center; 
    justify-content: center;
    flex-wrap: nowrap;
    gap: 10px;
    width: 100%;
    text-align: center;
	 
  }

  .keep-inline .wpb_text_column {
    white-space: nowrap;
    flex-shrink: 0;
  }

  .keep-inline .vc_btn3,
  .keep-inline .wpb_button {
    flex-shrink: 0;
    white-space: nowrap;
  }
}

/*
Related Posts mit Bildern
*/
.related-posts-featured-full {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.featured-post {
    width: 100%;
}

.featured-image img {
    width: 100%;
    height: auto;
}

.post-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.post-category {
    font-size: 12px;
    text-transform: uppercase;
    opacity: 0.7;
}

.post-title {
    margin: 0;
}

.post-excerpt {
    font-size: 14px;
    opacity: 0.8;
}