/*
Theme Name: Golden Pineapple Villas
Theme URI: https://goldenpineapplevillas.com/
Author: Golden Pineapple Villas
Description: A purpose-built, accessible block theme for Golden Pineapple Villas in Uvita, Costa Rica.
Version: 0.1.1
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: golden-pineapple
*/

:root { --gp-pine:#173f36; --gp-pine-deep:#0e2923; --gp-gold:#b28a3e; --gp-cream:#faf7f0; --gp-sand:#f2eadc; --gp-ink:#17352f; }
html { scroll-behavior:smooth; }
body { background:var(--gp-cream); color:var(--gp-ink); }
.wp-site-blocks { overflow:hidden; }
.gp-header { position:absolute; z-index:20; left:0; right:0; border-bottom:1px solid rgb(255 255 255 / 28%); }
.gp-header a,.gp-header .wp-block-navigation-item__content { color:#fff; }
.gp-header .wp-block-site-logo img { filter:drop-shadow(0 2px 8px rgb(0 0 0 / 28%)); }
.gp-hero { min-height:780px; display:flex; align-items:center; position:relative; }
.gp-hero .wp-block-cover__background { background:linear-gradient(90deg,rgb(7 29 24 / 89%),rgb(7 29 24 / 48%),rgb(7 29 24 / 14%))!important; opacity:1!important; }
.gp-hero-copy { max-width:760px; margin-left:clamp(1.25rem,8vw,9rem)!important; }
.gp-eyebrow { color:#e3c77f; font-size:.78rem; font-weight:800; letter-spacing:.19em; text-transform:uppercase; }
.gp-hero h1 { max-width:780px; font-size:clamp(3.4rem,7.2vw,7rem); line-height:.95; letter-spacing:-.055em; }
.gp-proof { background:rgb(10 38 31 / 96%); backdrop-filter:blur(12px); }
.gp-proof .wp-block-column { border-left:1px solid rgb(255 255 255 / 22%); }
.gp-proof .wp-block-column:first-child { border-left:0; }
.gp-section { padding-top:clamp(5rem,9vw,9rem)!important; padding-bottom:clamp(5rem,9vw,9rem)!important; }
.gp-section-title { font-size:clamp(2.7rem,5vw,5rem); line-height:1.02; letter-spacing:-.05em; }
.gp-villa-card { height:100%; background:#fff; box-shadow:0 18px 55px rgb(24 50 43 / 9%); }
.gp-villa-card .wp-block-image img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.gp-villa-card-content { padding:1.7rem 1.7rem 2rem!important; }
.gp-dark { background:var(--gp-pine-deep); color:#fff; }
.gp-dark p { color:rgb(255 255 255 / 72%); }
.gp-location-image img { width:100%; height:100%; min-height:620px; object-fit:cover; }
.gp-quote { text-align:center; }
.gp-quote blockquote { max-width:1040px; margin-inline:auto; font-family:var(--wp--preset--font-family--display); font-size:clamp(2.5rem,5.2vw,5.2rem); line-height:1.08; letter-spacing:-.045em; }
.gp-booking { min-height:650px; }
.gp-footer { background:#091f1a; color:#fff; }
.gp-footer a { color:#fff; }
:focus-visible { outline:3px solid #f2cf74; outline-offset:4px; }
@media (max-width:782px) { .gp-header { padding-inline:1rem!important; } .gp-hero { min-height:740px; } .gp-hero-copy { margin-inline:1.15rem!important; padding-top:7rem; } .gp-proof .wp-block-columns { display:grid; grid-template-columns:1fr 1fr; } .gp-location-image img { min-height:390px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; } }