/**
 * Theme Name: Simply Nineteen
 * Template:   oceanwp
 * Version:            1.0.0
 * Tested up to:       6.7.1
 * Author:             Tari
 * Author URI:         https://www.github.com/sirknival
 * Description:        Adaptions to match the PPOE CI/CD and preserve the 19er spirit
 * Tags:               custom-colors, ppoe-cicd, nineteen, comments-disable
 * License: GNU General Public License v2.0 or later
 * License URI: https://www.gnu.org/licenses/gpl-2.0.html
 */

/*
Grenzwerte  Media Query: 
≤ 767 px für Mobile
≤ 1024 px für Tablets (Elementor)
*/

/* Break words accordingly*/
html {
    lang: "de";
}

h1, h2, h3, h4, h5, h6 {
    hyphens: auto;
}

a > img {
    outline: 0 !important;
}

a.custom-logo-link:focus {
    outline: 0 !important;
}

.sub-menu li.menu-item:hover a{
    background-color: #334898 !important;
    color: #FFFFFF !important; 
}

@media (min-width: 1024px) {
.sub-menu {
    border-top-color: #334898 !important;
}

}

p {
     text-align: justify !important;
    text-justify: inter-word !important;   
}

p:last-child {
  text-align: left !important;
}

@media (max-width: 768px) {
    #site-header-inner {
        padding: 0 40px 0 40px !important;
    }
}

.schwerpunkte-single-container p{
        text-align: center !important;
    }

@media (min-width: 768px) and (max-width: 1024px) {
    .schwerpunkte-single-container img{
        max-height: 90px;
        width: auto;
        max-width: 90px !important;
    }
    div.schwerpunkte-single-container{
        width: 70% !important;
	display: flex;
        align-items: baseline;
        gap: 1rem;
    }
}

/** Filter Latest Posts Shortcode **/
.filter-buttons-almanach{
    display: flex;
    justify-content: space-between;
    max-width: 400px;
    margin: 0 auto;
}

.filter-button {
    background-color: #334898;
    color: #FFFFFF;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    border-color: #334898;
    margin: 5px 2px 5px 2px;
}

.filter-button:hover {
    color: #334898;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 2px;
    border-color: #334898;
}


/** Latest Posts Shortcode **/
a:not(:has(img)) {
  position: relative;
  text-decoration: none;   /* Standard-Unterstreichung weg */
}

a:not(:has(img))::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;            /* Abstand unter dem Text */
  width: 0;
  height: 2px;
  background-color: currentColor; /* Linie hat gleiche Farbe wie der Text */
  transition: width 0.3s ease;
}

a:not(:has(img)):hover::after {
  width: 100%;             /* Linie fährt nach rechts auf */
}


/* Container für alle Posts */
.custom-latest-posts {
    display: flex;
    flex-wrap: wrap;       /* bei kleineren Bildschirmen umbrechen */
    flex-direction: row;
    justify-content: center; /* alle Posts zentriert in der Reihe */
    gap: 30px;             /* Abstand zwischen den Posts */
    margin: 20px 0;
}

/* Einzelnes Post-Element */
.custom-latest-post {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; /* Bild, Text, Button untereinander */
    align-items: center;    /* Zentriert die Inhalte horizontal */
    width: 30%;
    text-align: center;
    border: 1px solid #ddd;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    border-radius: 8px;
    background-color: #fff;
}

.custom-latest-post {
    border-color: #4D4F5A;
    border-width: 2px;
}

.custom-latest-post.tag-wiwoe {
    border-color: #FBBB21;
    border-width: 2px;
}

.custom-latest-post.tag-gusp {
    border-color: #159A34;
    border-width: 2px;
}

.custom-latest-post.tag-caex {
    border-color: #0B4697;
    border-width: 2px;
}

.custom-latest-post.tag-raro {
    border-color: #E62336;
    border-width: 2px;
}

.custom-latest-post.tag-weltliteratur {
    background-color: #4D4F5A08;
    border-width: 4px;
}

.custom-latest-post.border-neutral{
    border: 1px solid #ddd;
}

/* Bild */
.custom-latest-post-thumbnail img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    margin-bottom: 15px;
}

/* Titel */
.custom-latest-post-title {
    font-size: 1.2em;
    margin-bottom: 10px;
}

/* Text / Auszug */
.custom-latest-post-excerpt {
    font-size: 0.95em;
    margin-bottom: 15px;
}


/* Responsive: mobile Ansicht */
@media (max-width: 868px) {
    .custom-latest-post {
	width: 45%;
        max-width: 90%;
    }
}

@media (max-width: 568px) {
    .custom-latest-posts {
        flex-direction: column;
        align-items: center;
    }

    .custom-latest-post {
	width: 90%;
        max-width: 90%;
    }
}

/*
.image-flexbox {
    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    gap: 10px ;              
    justify-content: center ; 
    width: 100%;
}

.image-flexbox img {
  height: 200px !important;
  width: auto !important;  
  object-fit: cover;      
}

.image-flexbox a {
  flex: 0 1 auto ;
  position: relative;
  display: inline-block;
}

.image-flexbox a::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  pointer-events: none; /* Klicks gehen weiterhin aufs Bild 
}

/* Animation: Border läuft einmal im Kreis */
/*
.image-flexbox a:hover::before {
  border: 3px solid transparent;
  animation: border-run 0.4s linear forwards;
}

.image-flexbox img:hover {
      border-radius: 4px;
}

@keyframes border-run {
  0%   { border-top: 5px solid #334898; }
  25%  { border-top: 5px solid #334898; border-right: 5px solid #334898; }
  50%  { border-top: 5px solid #334898; border-right: 5px solid #334898; border-bottom: 5px solid #334898; }
  75%  { border-top: 5px solid #334898; border-right: 5px solid #334898; border-bottom: 5px solid #334898; border-left: 5px solid #334898; }
  100% { border: 5px solid #334898; }
}
  */