/**
 * Theme Name:   Pace 4 Child Theme
 * Template:     pace4
 * Description:  Child Theme for Pace 4
 * Version:      1.0.0
 * Author:       Wordliner GmbH
 * Author URI:   https://wordliner.com
 * Text Domain:  pace4-child-theme
 * Requires PHP: 8.2
 */

/* Fix for variable font in Safari */
body {
    font-synthesis: none;
	overflow-x: hidden;
}
/*---*/

a.wp-block-button__link {
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

a.wp-block-button__link:hover {
	background: var(--wp--preset--color--main-color);
    border-color: var(--wp--preset--color--main-color);
    color: var(--wp--preset--color--white);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.has-secondary-color-color {
	background: none;
}

/* Greenshift resets */

:root :where(.is-layout-flow) > *,
:where(.wp-site-blocks) > * {
    margin-block-start: 0 !important;
}

/* CORE BLOCK RESETS */

:where(figure) {
	  margin: 0;
}

/* Own Classes: replace with tailwind (?) */

.object-top {
	object-position: top;
}

.auto-top {
	margin-top: auto;
}

.m-auto {
	margin: auto;
}

.self-center {
	align-Self: center;
}

.p-0 {
	padding: 0;
}

.m-0 {
	margin: 0;	
}

.min-w-full {
	min-width: 100%;	
}

.w-full {
	width: 100%;
}

.h-auto {
	height: auto;
}

/* Gutemberg Core Blocks */

.gb-bild-min-w-full > * {
	min-width: 100%;	
}


/* MEGAMENU */

@media (max-width: 768px) {
	.logo img {
		width: 100px;
	}
}

.show {
    margin-top:0 !important;
}

/* Algemein */

.one-line-title {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* FORMULARIO */
.wpcf7-form {
    background-color: transparent;
    padding: 20px;
    max-width: 600px;
    margin: 20px auto;
    position: relative;
}

/* LOGO */
.wpcf7-form::before {
    content: "";
    background: url('https://klassikradio.immobilien/wp-content/uploads/2025/03/iv_logo-e1743002690283.jpg') no-repeat center center;
    background-size: contain;
    width: 150px;
    height: 50px;
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
}

/* LABELS */
.wpcf7-form label {
    font-weight: bold;
    color: #ffffff;
    display: block;
    margin-bottom: 5px;
}

/* INPUTS Y TEXTAREAS */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #ffffff;
    font-size: 16px;
    border-radius: 0;
}

/* PLACEHOLDER */
.wpcf7-form ::placeholder {
    color: #ffffff;
    opacity: 1;
}

/* CHECKBOX + LINK DATENSCHUTZ */
.wpcf7-form .wpcf7-acceptance label,
.wpcf7-form .wpcf7-acceptance a {
    color: #ffffff;
    font-size: 14px;
}

.wpcf7-form .wpcf7-acceptance a:hover {
    text-decoration: underline;
}

/* BOTÓN */
.wpcf7-form input[type="submit"] {
    background-color: #ffffff;
    color: #003151;
    border: none;
    padding: 12px 20px;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 20px;
    cursor: pointer;
    border-radius: 0;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* BOTÓN HOVER */
.wpcf7-form input[type="submit"]:hover {
    background-color: #003151;
    color: #ffffff;
}

/* * PFLICHTFELDER */
.pflicht-notice {
    color: #ffffff !important;
    font-size: 14px;
    margin-top: 10px;
}

/* MENSAJES GENERALES */
.wpcf7-response-output {
    margin-top: 15px;
    padding: 10px;
    font-size: 14px;
    border-radius: 4px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #003151;
}

/* MENSAJES DE ERROR EN CAMPOS INDIVIDUALES */
span.wpcf7-not-valid-tip {
    color: #ffffff !important;
    background-color: transparent;
    font-size: 13px;
}

/* MARCO ROJO EN CAMPOS NO VÁLIDOS – CAMBIADO A BLANCO */
.wpcf7-form-control.wpcf7-not-valid {
    border: 1px solid #ffffff !important;
}

/* Dropdown (select) personalizado con texto en negro */
.wpcf7-form select {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ffffff;
    background-color: #ffffff; /* fondo blanco para contraste */
    color: #000000; /* texto en negro */
    font-size: 16px;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg fill='%23003151' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
}

/* Para navegadores antiguos */
select::-ms-expand {
    display: none;
}