/*
Theme Name: Traveling Ana
Theme URI: https://thetravelingana.com
Author: Ana Barreto
Description: Custom WordPress theme for Traveling Ana travel blog
Version: 2.0
License: GNU General Public License v2 or later
Text Domain: traveling-ana
*/
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bleach:#fdfaf5;--sand:#f5ede0;--linen:#ede4d6;--dune:#c8b89a;
  --stone:#8a7060;--bark:#5a3e2b;--earth:#2e1f12;
  --coral:#e8735a;--peach:#f0a080;--lagoon:#5bbfcc;--aqua:#7dd4df;
  --amber:#d4a040;--white:#ffffff;
}
html{scroll-behavior:smooth;}

/* NAV */
nav.site-nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:20px 64px;min-height:61px;background:rgba(253,250,245,0.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(200,184,154,0.2);}
nav.site-nav ul.nav-links{display:flex;gap:32px;list-style:none;margin:0;padding:0;}
nav.site-nav ul.nav-links li{margin:0;padding:0;}
nav.site-nav ul.nav-links li a{font-size:0.65rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--stone);text-decoration:none;transition:color 0.3s;}
nav.site-nav ul.nav-links li a:hover,nav.site-nav ul.nav-links li.current-menu-item a{color:var(--coral);}
.nav-logo{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:300;letter-spacing:0.28em;text-transform:uppercase;color:var(--earth);text-decoration:none;}
.nav-logo em{font-style:italic;color:var(--coral);}
.nav-cta{padding:10px 28px;background:var(--coral);color:var(--white);font-size:0.65rem;letter-spacing:0.22em;text-transform:uppercase;text-decoration:none;transition:background 0.3s;white-space:nowrap;}
.nav-cta:hover{background:var(--peach);}
.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;padding:8px;background:none;border:none;z-index:201;}
.nav-hamburger span{display:block;width:24px;height:2px;background:var(--earth);transition:all 0.3s;}
.nav-mobile{display:none;position:fixed;top:0;padding-top:61px;left:0;right:0;background:rgba(253,250,245,0.98);backdrop-filter:blur(16px);padding:24px 20px;flex-direction:column;gap:0;z-index:199;border-bottom:1px solid var(--linen);}
.nav-mobile.open{display:flex !important;}
.nav-mobile a{font-size:0.75rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--stone);text-decoration:none;padding:16px 0;border-bottom:1px solid var(--linen);transition:color 0.3s;display:block;}
.nav-mobile a:last-child{border-bottom:none;}
.nav-mobile a:hover{color:var(--coral);}
@media(max-width:768px){
  nav.site-nav{padding:16px 20px;}
  nav.site-nav ul.nav-links{display:none;}
  .nav-cta{display:none;}
  .nav-hamburger{display:flex !important;}
  .nav-logo{font-size:1rem;letter-spacing:0.18em;}
}

body{font-family:'Nunito Sans',sans-serif;background:var(--bleach);color:var(--earth);overflow-x:hidden;min-height:100vh;}
footer{background:var(--earth);padding:56px 64px 36px;border-top:3px solid;border-image:linear-gradient(90deg,var(--coral),var(--lagoon),var(--amber)) 1;}
.footer-inner{max-width:1300px;margin:0 auto;}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:56px;padding-bottom:40px;border-bottom:1px solid rgba(245,237,224,0.08);margin-bottom:28px;}
.f-logo{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:300;letter-spacing:0.2em;text-transform:uppercase;color:var(--bleach);margin-bottom:14px;}
.f-logo em{font-style:italic;color:var(--coral);}
.f-bio{font-size:0.83rem;font-weight:200;line-height:1.75;color:rgba(245,237,224,0.42);margin-bottom:24px;}
.f-socials{display:flex;gap:10px;}
.f-soc{width:36px;height:36px;border:1px solid rgba(245,237,224,0.15);display:flex;align-items:center;justify-content:center;color:rgba(245,237,224,0.45);text-decoration:none;font-size:0.55rem;letter-spacing:0.05em;font-weight:400;border-radius:100px;transition:all 0.3s;}
.f-soc:hover{border-color:var(--coral);color:var(--coral);}
.f-soc svg{width:14px;height:14px;}
@media(max-width:768px){
  .f-soc{width:32px;height:32px;font-size:0.5rem;}
}
.f-col h4{font-size:0.6rem;letter-spacing:0.28em;text-transform:uppercase;color:var(--amber);margin-bottom:18px;}
.f-col ul{list-style:none;}
.f-col li{margin-bottom:10px;}
.f-col a{font-size:0.82rem;font-weight:200;color:rgba(245,237,224,0.4);text-decoration:none;transition:color 0.3s;}
.f-col a:hover{color:var(--bleach);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;}
.f-copy{font-size:0.68rem;color:rgba(245,237,224,0.22);}
.section-eyebrow{font-size:0.62rem;letter-spacing:0.32em;text-transform:uppercase;color:var(--coral);margin-bottom:16px;display:flex;align-items:center;gap:10px;}
.section-eyebrow::before{content:'';width:22px;height:1.5px;background:var(--coral);display:block;}
.section-h{font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,5vw,4.5rem);font-weight:300;color:var(--earth);line-height:1;margin-bottom:48px;}
.section-h em{font-style:italic;color:var(--coral);}
.btn-dark{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:var(--earth);color:var(--bleach);font-size:0.68rem;letter-spacing:0.22em;text-transform:uppercase;text-decoration:none;transition:background 0.3s;}
.btn-dark:hover{background:var(--lagoon);}
.btn-coral{padding:14px 36px;background:var(--coral);color:var(--white);font-family:'Nunito Sans',sans-serif;font-size:0.68rem;letter-spacing:0.22em;text-transform:uppercase;text-decoration:none;display:inline-block;transition:background .3s,transform .2s;}
.btn-coral:hover{background:var(--peach);transform:translateY(-2px);}
.signature{font-family:'Italiana',serif;font-size:2.8rem;color:var(--coral);}
.pc{display:block;text-decoration:none;}
.pc-img-w{aspect-ratio:3/2;overflow:hidden;margin-bottom:22px;position:relative;}
.pc-img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05);transition:transform .7s ease,filter .7s;}
.pc:hover .pc-img{transform:scale(1.05);filter:saturate(1.15);}
.pc-cat{position:absolute;bottom:0;left:0;background:var(--coral);color:var(--white);font-size:0.57rem;letter-spacing:0.2em;text-transform:uppercase;padding:5px 14px;}
.pc-date{font-size:0.62rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--dune);margin-bottom:10px;}
.pc-title{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:400;color:var(--earth);line-height:1.2;margin-bottom:12px;transition:color .3s;}
.pc:hover .pc-title{color:var(--lagoon);}
.pc-exc{font-size:0.86rem;font-weight:200;line-height:1.8;color:var(--stone);}
.pc-more{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:0.63rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--coral);transition:gap .3s;}
.pc:hover .pc-more{gap:14px;}
.pc-more::after{content:'→';}
.rv{opacity:0;transform:translateY(36px);transition:opacity 0.85s ease,transform 0.85s ease;}
.rv.on{opacity:1;transform:translateY(0);}
.rv.d1{transition-delay:0.1s;}.rv.d2{transition-delay:0.2s;}.rv.d3{transition-delay:0.3s;}
@media(max-width:768px){
  html,body{overflow-x:hidden;width:100%;}
  footer{padding:40px 24px 28px;}
  .footer-top{grid-template-columns:1fr;gap:32px;}
  .footer-bottom{flex-direction:column;gap:12px;text-align:center;}
}

@media(max-width:768px){
  .destinations-section{padding:60px 16px !important;}
  .region-title{font-size:clamp(1.2rem,5vw,1.8rem) !important;}
}

/* WordPress admin bar compensation */
.admin-bar nav.site-nav{top:32px;}
.admin-bar .nav-mobile{top:calc(32px + 61px);}
@media(max-width:782px){
  .admin-bar nav.site-nav{top:46px;}
  .admin-bar .nav-mobile{top:calc(46px + 61px);}
}
/* Hide admin bar on frontend for cleaner view */

/* Nav overlap fix for mobile */
@media(max-width:768px){
  .blog-hero-section{padding-top:90px !important;padding-left:20px !important;padding-right:20px !important;}
  .destinations-hero{padding-top:90px !important;}
  .page-hero{padding-top:90px !important;}
  section[style*="background:var(--sand)"]:first-of-type{padding-top:90px !important;}
}

.blog-featured-img{width:100%;height:100%;object-fit:cover;display:block;min-height:400px;}