/*
Theme Name: CoachAva
Theme URI: https://themeshaper.com/coachava/
Author: Automattic
Author URI: https://automattic.com
Description: Coach Ava is a theme designed for coaching professionals. It is tailored to showcase services, blog posts, and podcasts. It is the ideal platform to establish a solid online presence and connect coaches with their audience.
Requires at least: 6.1
Tested up to: 6.6
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: coachava
Tags: blog, education, one-column, right-sidebar, wide-blocks, block-patterns, block-styles, featured-images, full-site-editing, rtl-language-support, sticky-post, style-variations, threaded-comments, translation-ready

/* Progresive enhancement to reduce widows and orphans.
/* https://github.com/WordPress/gutenberg/issues/55190
*/

/* Progresive enhancement to reduce widows and orphans.
/* https://github.com/WordPress/gutenberg/issues/55190
*/

h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption {
    text-wrap: balance;
}
p {
    text-wrap: pretty;
}

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--secondary);
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: .0625em !important;
	text-underline-offset: .15em;
}

.anker-offset::before {
    content: "";
    display: block;
    height: 220px;          /* Höhe des Headers */
    margin-top: -220px;     /* gleicht die Scrollposition aus */
    visibility: hidden;
}

@media (max-width: 768px) {
    .anker-offset::before {
		content: "";
		display: block;
		height: 200px;          /* Höhe des Headers */
		margin-top: -200px;     /* gleicht die Scrollposition aus */
		visibility: hidden;
	}
	
	h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }

    h6 {
        font-size: 14px;
    }
}


html {
  scroll-behavior: smooth;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="url"],
textarea,
select {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 16px;
    font-family: inherit;
    background-color: #f9f9f9;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    box-sizing: border-box;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #0073aa; /* WordPress-Blau */
    box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.2);
    outline: none;
}

textarea {
    min-height: 120px;
    resize: vertical;
}

/* Optional: Buttons */
input[type="submit"],
button,
.wp-block-button__link {
    background-color: #52594b;
    color: white;
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

input[type="submit"]:hover,
button:hover,
.wp-block-button__link:hover {
    background-color: #52594b;
}