/*
Theme Name: MyTripsTravels Luxe
Theme URI: https://mytripstravels.com/
Author: MyTripsTravels
Description: A responsive luxury travel affiliate theme with destination-led design and editable Trip.com affiliate links.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: mytripstravels-luxe
*/
:root{--navy:#101d2b;--navy2:#172b3d;--gold:#c7a66a;--gold2:#e0c58e;--ink:#192633;--muted:#697581;--cream:#f7f5f0;--white:#fff;--line:#e8e4dc;--serif:Georgia,"Times New Roman",serif;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(1160px,calc(100% - 44px));margin:auto}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-family:var(--serif);font-size:27px;letter-spacing:.2px;font-weight:600;line-height:1.1}.brand span{display:block;font:9px var(--sans);letter-spacing:3px;text-transform:uppercase;color:var(--gold2);margin-top:7px}.main-nav ul{display:flex;align-items:center;gap:25px;list-style:none;margin:0;padding:0}.main-nav a{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600}.main-nav a:hover{color:var(--gold2)}.menu-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.5);color:#fff;padding:9px 12px}.hero{min-height:720px;height:92vh;max-height:900px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(8,20,31,.78),rgba(8,20,31,.36) 55%,rgba(8,20,31,.12)),url('https://images.unsplash.com/photo-1516483638261-f4dbaf036963?auto=format&fit=crop&w=2200&q=88') center/cover;position:relative}.hero-content{padding-top:75px;max-width:730px}.eyebrow{color:var(--gold2);font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:700}.hero h1{font:clamp(48px,7vw,86px)/1.03 var(--serif);font-weight:400;max-width:760px;margin:20px 0}.hero p{font-size:17px;color:rgba(255,255,255,.86);max-width:560px;margin:0 0 32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 23px;background:var(--gold);color:#14202a;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:800;border:1px solid var(--gold);transition:.2s}.btn:hover{background:var(--gold2);border-color:var(--gold2);transform:translateY(-2px)}.btn-outline{background:transparent;border-color:rgba(255,255,255,.65);color:#fff;margin-left:10px}.btn-outline:hover{color:var(--navy)}.hero-note{position:absolute;bottom:35px;right:4%;font:italic 16px var(--serif);color:rgba(255,255,255,.8)}.section{padding:92px 0}.section-soft{background:var(--cream)}.section-head{text-align:center;max-width:700px;margin:0 auto 42px}.section-head .eyebrow{color:#9b7a43}.section-head h2{font:clamp(34px,4vw,49px)/1.12 var(--serif);font-weight:400;margin:12px 0;color:var(--navy)}.section-head p{color:var(--muted);margin:0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-card{min-height:175px;background:var(--navy);color:#fff;padding:27px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:.25s}.category-card:after{content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(199,166,106,.35);border-radius:50%;right:-60px;bottom:-85px}.category-card:hover{background:var(--navy2);transform:translateY(-4px)}.category-icon{color:var(--gold2);font-size:24px}.category-card h3{font:25px var(--serif);font-weight:400;margin:12px 0 0}.category-card span:last-child{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold2);margin-top:8px}.dest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.dest-card{height:310px;position:relative;overflow:hidden;color:#fff;background:#344}.dest-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.dest-card:hover img{transform:scale(1.06)}.dest-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(7,18,27,.78))}.dest-label{position:absolute;z-index:1;bottom:22px;left:22px}.dest-label small{display:block;color:var(--gold2);font-size:10px;letter-spacing:2px;text-transform:uppercase}.dest-label strong{font:29px var(--serif);font-weight:400}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split-image{height:510px;overflow:hidden}.split-image img{width:100%;height:100%;object-fit:cover}.split-copy h2{font:clamp(36px,4vw,52px)/1.1 var(--serif);font-weight:400;color:var(--navy);margin:12px 0 20px}.split-copy p{color:var(--muted)}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:28px 0}.feature-list div{border-top:1px solid var(--line);padding-top:12px;font-size:13px}.feature-list b{display:block;color:var(--navy);font:19px var(--serif);font-weight:400}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{border:1px solid var(--line);background:#fff}.article-card img{width:100%;height:220px;object-fit:cover}.article-body{padding:22px}.article-body small{color:#9b7a43;text-transform:uppercase;letter-spacing:1.5px;font-size:10px}.article-body h3{font:24px/1.2 var(--serif);font-weight:400;margin:10px 0}.article-body p{font-size:13px;color:var(--muted)}.text-link{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:800;color:#92703a}.cta-band{background:var(--navy);color:#fff;padding:64px 0;text-align:center}.cta-band h2{font:clamp(34px,4vw,48px) var(--serif);font-weight:400;margin:0 0 12px}.cta-band p{color:rgba(255,255,255,.7);margin:0 auto 25px;max-width:620px}.site-footer{background:#0b1520;color:#dce1e5;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px}.footer-brand{font:28px var(--serif);color:#fff}.footer-grid p,.footer-grid a{font-size:13px;color:#aeb8c0}.footer-grid h4{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--gold2)}.footer-links{display:grid;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:35px;padding-top:18px;font-size:11px;color:#8e9aa4;display:flex;justify-content:space-between;gap:15px}.page-hero{padding:160px 0 70px;background:var(--navy);color:#fff}.page-hero h1{font:clamp(40px,5vw,60px) var(--serif);font-weight:400;margin:10px 0}.content-area{padding:60px 0;min-height:45vh}.content-area h2,.content-area h3{font-family:var(--serif);font-weight:400;color:var(--navy)}.content-area a{color:#92703a;text-decoration:underline}.post-card{padding:25px 0;border-bottom:1px solid var(--line)}.post-card h2{margin:0 0 8px}.post-meta{font-size:12px;color:var(--muted)}.affiliate-note{font-size:11px;color:#7a858d;margin-top:25px}.screen-reader-text{position:absolute;left:-9999px}.wp-block-button__link{background:var(--gold);color:var(--navy)}@media(max-width:900px){.main-nav{display:none;position:absolute;top:86px;left:0;width:100%;background:var(--navy);padding:20px 25px}.main-nav.is-open{display:block}.main-nav ul{display:grid;gap:17px}.menu-toggle{display:block}.dest-grid{grid-template-columns:repeat(2,1fr)}.split{gap:35px}.hero{min-height:650px}}@media(max-width:640px){.container{width:min(100% - 32px,1160px)}.header-inner{min-height:75px}.brand{font-size:23px}.hero{height:auto;min-height:690px;background-position:58% center}.hero h1{font-size:49px}.hero p{font-size:15px}.btn{padding:13px 16px}.btn-outline{margin:10px 0 0}.hero-note{display:none}.section{padding:65px 0}.category-grid{grid-template-columns:1fr 1fr;gap:10px}.category-card{min-height:150px;padding:18px}.category-card h3{font-size:21px}.dest-grid{gap:10px}.dest-card{height:230px}.dest-label{left:14px;bottom:15px}.dest-label strong{font-size:23px}.split{grid-template-columns:1fr}.split-image{height:330px;order:2}.article-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}
