/*
Theme Name: Machupicchu Glory
Author: Hans Ccarita
Description: Travel Agency Theme
Author URI: https://github.com/hanszio
version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: machupicchuglory
Tags: wordpress theme, travel agency
*/

:root {
    --red: #B05C33;
    --yellow: #C29B52;
    --green: #46512C;
    --blue: #23281C;
    --clear-blue: #171D10;
    --background: #F6F1E6;
}

/* =============================================================
   BASE DEL PROYECTO — Machupicchu Glory
   Mobile-first. Overrides de tablet/desktop viven en sus propios
   archivos. Este archivo cubre body/tipografía/enlaces base y
   pequeños ajustes globales que no son "componentes" reutilizables.
   ============================================================= */

/* clip el panel nav off-canvas (translateX 100%) para que no genere scroll horizontal.
   overflow-x: clip en html+body no crea contenedor de scroll (mejor que hidden). */
html { overflow-x: clip; }
body {
    background: var(--mpg-cream);
    color: var(--mpg-text);
    font-family: var(--font-body);
    overflow-x: clip;
}

a { transition: color var(--transition); }

::selection {
    background: var(--mpg-gold);
    color: var(--mpg-dark-green);
}

/* WhatsApp float button ya viene de components.css (.wa-float) —
   lo recoloreamos al verde de marca por si el WhatsApp verde puro
   no calza con la paleta cream/dark-green (se mantiene reconocible). */
.wa-float { bottom: 2rem; left: 2rem; }

/* Contenedor helper para plantillas que aún no usan .container de components.css */
img { border-radius: 0; }

/* Selects/inputs nativos heredan tipografía del proyecto */
select, input, textarea, button {
    font-family: var(--font-body);
}

/* Utilidad genérica para textos con acento manuscrito (Caveat) */
.text-accent {
    font-family: var(--font-accent);
    color: var(--mpg-terracotta);
    display: inline-block;
    transform: rotate(-2deg);
}

/* Links dentro de contenido enriquecido (the_content) */
.tdx-prose a,
.abx-prose a {
    color: var(--mpg-terracotta);
    text-decoration: underline;
    text-decoration-color: var(--mpg-sand);
    text-underline-offset: .2em;
}
.tdx-prose a:hover,
.abx-prose a:hover { color: var(--mpg-forest); }

/* ── RESPONSIVE BASE (mobile-first, <480px) ───────────────────── */
.site-footer__columns { grid-template-columns: 1fr; }
.footer-newsletter__form { flex-direction: column; }
.footer-newsletter__btn { width: 100%; }