/*	kadence_child => functions.php or 
*	styles.css => @import url('chordpress/chordpress.css');
*/	

/* ChordPress
* ################# 
*/
div.cpress_line
 {
    margin: 1.2em 0 -1em 0 !important;
}
.lyric { /* bei kailabelle.com im Leadsheet-Button-Snippet als .lyricLinesNarrower */
    margin-top: -0.5em !important;
}
.cpress-interaction {
		text-align: center;
}
@media (min-width: 768px) {
	.cpress_meta {
		position: absolute;
		right: 38px;
		top: 22vh;
	}
	.cpress-interaction {
		position: absolute;
		right: 15px;
		top: 4vh;
		text-align: center;
	 }
}
span.cpress_comment {
    color: chocolate;
}

@media print { 
	/* wird ignoriert */
	.cpress_meta {		float: right !important;	}
	.cpress_meta {
		position: absolute;
		right: 38px;
		padding-top: 1vh;
	}
	.cpress-interaction {
		position: absolute;
		right: 15px;
		/* top: 640px; */
		text-align: center;
	 }	
}
@media print {
    /* Alles ausblenden: Header, Footer, Sidebars, Navigation */
    header, footer, .sidebar, .nav-container, .site-header, .site-footer, .cpress-interaction {
        display: none !important;
    }

    /* Kadence-spezifische Elemente ausblenden (falls nötig) */
    #site-header, #site-footer, .entry-header {
        display: none !important;
    }

    /* Den Bereich mit den Akkorden auf volle Breite setzen */
    .site-content, .content-container, article, .entry-content {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    /* Nur den Chord-Bereich sichtbar lassen (Anpassung der Klasse falls nötig) */
    .chordpress-wrapper {
        display: block !important;
    }
}
@media print {
    /* Kommentare und Feedback-Bereiche ausblenden */
    #comments, 
    .comments-area, 
    .comment-respond, 
    #respond, 
    .post-navigation, 
    .author-bio {
        display: none !important;
    }

    /* Kadence spezifische Layout-Elemente am Ende */
    .footer-wrapper, 
    .site-footer, 
    .entry-footer,
    #kadence-footer {
        display: none !important;
    }

    /* Verhindern, dass nach dem Song eine leere Seite durch Abstände entsteht */
    body {
        background: white !important;
    }
}
@media print {
    /* Kommentare und alles unter dem Song ausblenden */
    #comments, 
    .comments-area, 
    #respond, 
    .entry-footer, 
    .post-navigation, 
    footer, 
    #kadence-footer {
        display: none !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* Den Hauptcontainer auf volle Breite bringen */
    .site-content, .entry-content {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Seitenumbruch-Kontrolle für Chordpress-Zeilen */
    /* Wir verhindern, dass eine Zeile mit Akkorden in sich gespalten wird */
    .chordpress-line, .chordpress-chord-line {
        page-break-inside: avoid !important;
        break-inside: avoid !important;
        display: block !important;
    }

    /* Falls du möchtest, dass der Song immer auf einer neuen Seite beginnt */
    .chordpress-wrapper {
        page-break-before: auto;
        margin-top: 0 !important;
    }
}
@media print {
    @page {
        /* Hier stellst du die Ränder ein (oben, rechts, unten, links) */
        margin: 0.6cm 0.6cm 0.6cm 2.2cm;
    }

    body {
        /* Wichtig: Die Seite muss ohne zusätzliche Abstände starten */
        margin: 0 !important;
        padding: 0 !important;
    }
}
@media print {
    /* Methode 1: Klassischer Zoom (funktioniert in den meisten Browsern gut) */
    body {
        zoom: 80%;
    }

    /* Methode 2: Skalierung (falls der Browser 'zoom' nicht mag) */
    /* Wir verschieben den Ursprung nach oben links, damit nichts abgeschnitten wird */
    .chordpress-wrapper {
        transform: scale(0.8);
        transform-origin: top left;
        width: 125% !important; /* Ausgleich, da scale den Container optisch verkleinert */
    }
}






.chordshort {
    color: cornflowerblue;
    font-weight: 600;
}
.cpress_comment {
    font-weight: 700;
}
.cpress-form-control{
  min-width: 52px;
}
.cpress-col {
	min-width:58px;
}
/* Styling für deinen speziellen Button */
#Leadsheet-Btn {
    min-width: 200px;
    transition: all 0.3s ease;
    background-color: var(--global-palette1); /* Nutzt Kadence Farben */
    color: white;
    border-radius: 4px;
    padding: 10px 20px;
}
#Leadsheet-Btn:hover {
    filter: brightness(1.2);
    transform: translateY(-2px);
}
#leadsheet-notice {
    background: #fff3f3;
    padding: 10px;
    border-left: 4px solid #d9534f;
    border-radius: 4px;
}