/*
Theme Name:   F5 Air Park — Reservas
Description:  Child theme de GeneratePress para el checkout de F5 Air Park.
Template:     generatepress
Version:      1.0.0
Text Domain:  f5-reservas
*/

/* Paleta tomada de la web pública (app/globals.css de f5airpark.com.ar). */
:root {
	--f5-violet: #59358c;
	--f5-violet-light: #7b53b8;
	--f5-violet-dark: #3f2566;
	--f5-orange: #f2872e;
	--f5-orange-dark: #d16a12;
	--f5-ink: #0a0a0a;
	--f5-cream: #f7f4f0;
	--f5-smoke: #e6e1dc;
}

body {
	background: var(--f5-cream);
	color: var(--f5-ink);
}

/* Sin navegación ni buscador: respaldo por si el tema vuelve a pintarlos. */
.main-navigation,
.menu-toggle,
.navigation-search,
#mobile-header {
	display: none !important;
}

/* Header: sólo logo (o el título hasta que se cargue el logo). */
.site-header {
	background: #fff;
	border-bottom: 4px solid var(--f5-violet);
}
.inside-header {
	justify-content: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.site-branding,
.site-logo {
	text-align: center;
	margin: 0 auto;
}
.main-title a,
.main-title a:hover {
	color: var(--f5-violet);
	font-weight: 800;
}
.site-description {
	color: var(--f5-ink);
}
.site-logo img {
	max-height: 64px;
	width: auto;
}

/* Contenido angosto y sobrio. */
.site-content .content-area {
	width: 100%;
}
.separate-containers .inside-article,
.one-container .site-content {
	background: #fff;
	border-radius: 12px;
}
.container.grid-container {
	max-width: 960px;
}

/* Links y acentos. */
a {
	color: var(--f5-violet);
}
a:hover,
a:focus {
	color: var(--f5-orange-dark);
}

/* Botones: naranja como acción principal, violeta como secundaria. */
button,
.button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background: var(--f5-violet);
	color: #fff;
	border: 0;
	border-radius: 999px;
	font-weight: 700;
}
button:hover,
.button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background: var(--f5-violet-dark);
	color: #fff;
}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #place_order,
.woocommerce .single_add_to_cart_button,
.woocommerce .checkout-button {
	background: var(--f5-orange);
	color: var(--f5-ink);
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #place_order:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce .checkout-button:hover {
	background: var(--f5-orange-dark);
	color: #fff;
}

/* Formularios. */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	border: 1px solid var(--f5-smoke);
	border-radius: 8px;
	padding: 10px 12px;
}
.woocommerce form .form-row input.input-text:focus {
	border-color: var(--f5-violet);
	outline: 2px solid rgba(89, 53, 140, 0.2);
}
.woocommerce-info,
.woocommerce-message {
	border-top-color: var(--f5-violet);
}
.woocommerce-info::before,
.woocommerce-message::before {
	color: var(--f5-violet);
}
.woocommerce-error {
	border-top-color: var(--f5-orange-dark);
}
.woocommerce .price,
.woocommerce-Price-amount {
	color: var(--f5-violet);
	font-weight: 700;
}

/* Pie: sólo datos de contacto. */
.site-footer,
.site-info {
	background: var(--f5-ink);
	color: #fff;
}
.site-info a {
	color: var(--f5-orange);
}
.f5-footer {
	text-align: center;
	font-size: 14px;
	line-height: 1.7;
}
.f5-footer strong {
	color: var(--f5-orange);
}
