/*
Theme Name: Volle Haerte
Author: Palasthotel
Author URI: rezeption@palasthotel.de
Version: 0.1.7
*/


/*
The style.css file is not merely a configuration file. You can also use it to write custom CSS code to alter the design of your theme,
assuming the file is properly loaded.

With block themes, most or all of the design is ideally handled through the theme.json file,
which you will learn about in the Global Settings and Styles (https://developer.wordpress.org/themes/core-concepts/global-settings-and-styles/) documentation.

But there are times when you will want or need to add custom CSS.
You can learn more about this in the Including Assets (https://developer.wordpress.org/themes/core-concepts/including-assets/) documentation.
*/

/* Hyphenation for Ticket #271 */


.wp-singular main .wp-block-post-title,
.wp-singular main .wp-block-heading,
.wp-singular main .wp-block-post-excerpt__excerpt,
.wp-singular main .entry-content h2,
.wp-singular main .entry-content h3,
.wp-singular main .entry-content h4,
.wp-singular main .entry-content h5,
.wp-singular main .entry-content h6,
.wp-singular main .entry-content p {
    hyphens: auto;
}


@media (min-width: 47.5rem) {
    .wp-singular main .wp-block-post-title,
    .wp-singular main .wp-block-heading,
    .wp-singular main .wp-block-post-excerpt__excerpt,
    .wp-singular main .entry-content h2,
    .wp-singular main .entry-content h3,
    .wp-singular main .entry-content h4,
    .wp-singular main .entry-content h5,
    .wp-singular main .entry-content h6,
    .wp-singular main .entry-content p {
        hyphens: none;
    }
}

/* Keine Silbentrennung in Kommentaren */
.wp-block-comment-content {
    hyphens: auto;
}


@media (min-width: 47.5rem) {
    .wp-block-comment-content {
        hyphens: none;
    }
}


/* Header */

.np-logo-main {
    position: relative;
    top:-0.3rem
}


/* Float Width for Left and right aligned Images */

.wp-singular main .is-layout-constrained > .alignleft,
.wp-singular main .is-layout-constrained > .alignright {
    float:none;
    max-width: 100%;
    margin:auto;
}

@media (min-width: 760px) {
    .wp-singular main .is-layout-constrained > .alignleft {
        max-width: 250px;
        float:left;
        margin-right: 1rem;
        margin-block-start: 3rem;
    }
}

@media (min-width: 760px) {
    .wp-singular main .is-layout-constrained > .alignright {
        max-width: 250px;
        float:right;
        margin-left: 1rem;
        margin-block-start: 3rem;
    }
}


@media (min-width: 1160px) {
    .wp-singular main .is-layout-constrained > .alignleft {
        max-width: 250px;
        margin-left: calc((100% - 1160px) / 2);
    }
}

@media (min-width: 1160px) {
    .wp-singular main .is-layout-constrained > .alignright {
        max-width: 250px;
        margin-right: calc((100% - 1160px) / 2);
    }
}


/* Style for the Newsletter Plugin */

.tnp {
    img {
        max-width:100%;
        height:auto;
    }
}

.tnp.tnp-subscription {
    max-width: var(--wp--style--global--wide-size);
}

.tnp-field-list {
    display:flex;
    flex-direction: row;;
}

.tnp-section-image {
    max-width:40%;
    margin-right:2rem;
}

.tnp-subscription-form-3 .tnp-field-checkbox label {
    font-size:2.5rem;
    font-weight: bold;
}




.tnp-subscription-form-3 .tnp-field-checkbox label {
    font-size: 24px;
}

.tnp-section.tnp-section-text {
    p {
        margin: 0;
        padding: 0;
    }
}

.tnp-section.tnp-section-image {
    img {
        width: auto;
        max-height: 200px;
    }

}

.tnp-section-image {
    margin: 0;
}

.tnp-field-list {
    gap: var(--wp--preset--spacing--40);
    align-items: center
}

.tnp-section.tnp-section-text {
    width: 60%;
}

.tnp-section.tnp-section-image {
    display: flex;
    justify-content: center;
}

.tnp .abo {
    display: flex;
    gap: var(--wp--preset--spacing--40);
}

.tnp-field-email {
    width: 100%;
}
.tnp-email{
    background-color: transparent;
    border: 1px solid black !important;
    transform: translateY(-1px)
}

.tnp-submit{
    padding-left: 30px !important;
    padding-right: 30px !important;
    background-color: var(--wp--preset--color--corporate-blue) !important;
    color: white;
    padding: 8px 30px;
    border-radius: 20px;
    border: none;
    cursor: pointer;
    transition: all 333ms ease-in-out;
}


/* Style for CF7 */


.wpcf7-form {
    input {
        font-size:1.4rem;
        padding:0.25rem;
    }
}


/* Style for Authors */

.np-author-avatar {
    text-align: center;
}

.wp-singular .wp-block-post-author-name a{
    text-decoration: none;
    font-weight: bold;
    color:var(--wp--preset--color--corporate-blue-darker);
}

/* Style for Meta in Footer */


:root .is-style-group-meta :where(.wp-block-columns-is-layout-flex){
    gap:10px;
}

/* Comments */

.comment .is-nowrap {
    margin: 10px 0 0 0;
    .wp-block-comment-author-name {
        font-weight: bold;
    }
    .wp-block-comment-content {
        margin-top: 0;
    }
}



/* Search */

body.search .facetwp-template .np-block-card {
    .np-block-card__footer {
        display:flex;
    }
    .np-block-card__date {
        margin-left:1rem;
    }
    .np-block-card__figure {
        margin-top: 0.5rem;
    }
}


body.search .wp-block-search__inside-wrapper {
    border-radius:3rem;
    padding: 4px 0.4rem 4px 2rem;
}

body.search .wp-block-search__button {
    border-radius: 3rem;
}


/* Headings within The Article */

body.single-post .entry-content .wp-block-heading {
    margin-bottom: -1rem;
}

/* Excerpt in Kolumn-Header */

.post-template-single-kolumne .wp-block-post-excerpt__excerpt{
    letter-spacing: 0.05rem;
}


/* Caption in Column Header */
.post-template-single-kolumne .wp-block-post-featured-image figcaption,
.post-template-post-single-kolumne-with-image .wp-block-post-featured-image figcaption {
    color:white;
}


.post-template-single-kolumne .wp-block-post-featured-image figcaption a,
.post-template-post-single-kolumne-with-image .wp-block-post-featured-image figcaption a{
    display: inline;
}

.post-template-single-kolumne .np-intro-author-name-list,
.post-template-post-single-kolumne-with-image .np-intro-author-name-list  {
    text-align: center;
}


body .donation-form-section {
    display:none;
}

#adresse:target {
    display:block;
}

#bankverbindung:target {
    display:block;
}

#lastschrift:target {
    display:block;
}

#spendenbescheinigung:target {
    display:block;
}




/* Legacy Content */

p[data-legacy = "np_legacy_autop"] br {
    // display:none;
}
@media (max-width: 1200px) {
    .page .entry-content.alignfull > *,
    .page .entry-content.is-layout-constrained > *,
    .np-block-campaigns-position-interstitial-free,
    .np-block-campaigns-position-interstitial-footer {
        padding-right: var(--wp--preset--spacing--30) !important;
        padding-left: var(--wp--preset--spacing--30) !important;
    }
}

/* Legacy Featured Images */

.wp-singular.post-template .wp-block-post-featured-image img,
.wp-singular.post-template-default .wp-block-post-featured-image img {
    height:auto !important;
}

.wp-singular.post-template-single-50-50 .wp-block-post-featured-image img {
    height:100% !important;
}

    /* Hide some Separator */

.vollehaert-np-supertitle__separator {
   opacity: 0;
}

/* TNP The Newsletter Plugin Stuff */

.tnp-subscription input[type="text"],
.tnp-subscription input[type="email"],
.tnp-subscription input[type="submit"],
.tnp-subscription select,
.tnp-subscription textarea,
.tnp-profile input[type="text"],
.tnp-profile input[type="email"],
.tnp-profile input[type="submit"],
.tnp-profile select, .tnp-profile textarea {
    border-radius: 50px;
    border-width: 0px !important;
    font-family: var(--wp--preset--font-family--asap);
}

.tnp-subscription input {
    &:not(:disabled) {
        &[type="submit"] {
            border-radius: 50px;
            &:hover {
                background-color: var(--wp--preset--color--corporate-blue);
                color:var(--wp--preset--color--base);
            }
        }
    }
}

/* Slideable Group here */

/* ============================================================
   Swipeable Button-Gruppe für WordPress (Block-Style "slideable")
   Aktiviert wird alles über die äußere Klasse .is-style-group-slideable
   ============================================================ */

/* Äußerer Slideable-Wrapper:
   - versteckt eventuelles vertikales Overflow
   - stellt sicher, dass der horizontale Scrollbereich bis an den Rand geht */
.is-style-group-slideable {
    overflow: hidden;
}

/* Die eigentliche Scroll-Fläche ist der innere .wp-block-buttons Container.
   Wir überschreiben das WordPress-Default-Verhalten (flex-wrap: wrap). */
.is-style-group-slideable .wp-block-buttons {
    /* Horizontal scrollen statt umbrechen */
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;

    /* Kein vertikales Ausrichten, das Items stauchen würde */
    align-items: center;

    /* Sanftes Scrollen */
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;

    /* Ränder — verhindert dass der erste/letzte Button an der Kante klebt */
    /* Falls du kein Innenpadding möchtest, diese Zeile entfernen */
    padding-bottom: 8px; /* Platz für Scrollbar, falls sichtbar */

    /* Scrollbar optional dezent gestalten */
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Scrollbar für Webkit-Browser (Safari, Chrome) */
.is-style-group-slideable .wp-block-buttons::-webkit-scrollbar {
    height: 6px;
}
.is-style-group-slideable .wp-block-buttons::-webkit-scrollbar-track {
    background: transparent;
}
.is-style-group-slideable .wp-block-buttons::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

/* Die einzelnen Buttons:
   - Breite richtet sich nach dem Inhalt
   - flex-shrink: 0, damit sie nicht gestaucht werden
   - Text bricht nicht um */
.is-style-group-slideable .wp-block-button {
    flex: 0 0 auto;
    margin: 0 !important; /* WP-Default-Margins entfernen, Gap übernimmt das */
}

.is-style-group-slideable .wp-block-button__link {
    white-space: nowrap;
}




/* Optional: "Fade" am rechten Rand als visuelle Andeutung,
   dass noch Inhalt kommt. Auskommentieren, wenn nicht gewünscht. */

@media (max-width: 1200px) {
    .is-style-group-slideable .wp-block-buttons.is-content-justification-center {
        justify-content: left;
    }

    .is-style-group-slideable .wp-block-button:last-child {
        margin-right: 2rem !important;
    }
}

.is-style-group-slideable {
    position: relative;
}

.is-style-group-slideable::after {
    content: "›";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    background: var(--wp--preset--color--base);
}



@media (min-width: 1200px) {
    .is-style-group-slideable::after {
        display:none;
    }
}

/* */

.ergaenzungen p.ergaenzungen-intro a {
    padding:0;
}