/* Clearer edges for white boxes: a soft tan-orange outline that defines each box without drawing the eye.
   --line stays the very light divider colour; --edge is used on the box outlines. */
:root{--edge:#e2c8ae}

/* search boxes and form fields */
.search input,.search-header input,.blog-search input{border:1px solid var(--edge)}
.search input:focus,.search-header input:focus,.blog-search input:focus{border-color:var(--orange-l)}
.be-f input,.be-f select,.be-trav-btn,.be-swap,.be-pop{border-color:var(--edge)}
.be-f input:focus,.be-f select:focus{border-color:transparent}
.cm-form input,.cm-form textarea,.nomatch .row input,.admin-card input[type=password]{border-color:var(--edge)}

/* cards, tiles and panels */
.card,.stats div,.bcard,.hero-panel,.country-chip,.svc-list a,.post-nav a,.results{border-color:var(--edge)}
.hp-tiles a{border-color:var(--edge)}
a.card:hover,.topic:hover,.bcard:hover,.country-chip:hover,.hp-tiles a:hover,.airline.prime:hover{border-color:#f0b98f}

/* white pills and buttons */
.chips a,.region-chips a,.rtab,.chip,.bpager a,.bpager span,.letters a,.btn-ghost,.mono.logo{border-color:var(--edge)}
.region-chips a.on,.rtab.on,.bpager .on,.chip.cat{border-color:transparent}
.region-chips a.on,.rtab.on{border-color:var(--orange)}
.bpager .on{border-color:var(--orange)}


/* ===== Second colour: deep teal, to balance the orange =====
   Orange stays for actions (search, book, main buttons) and highlights.
   Teal is used for links, labels, icons, active tabs, the footer and cool section backgrounds. */
:root{--teal:#0f6e75;--teal-d:#0b565c;--teal-dd:#0f3b41;--teal-l:#2a8f96;--teal-bg:#edf5f4;--teal-tint:#d9ecea;--teal-line:#cfe3e1}
a{color:var(--teal)}
a:hover{color:var(--teal-d)}
.btn,.btn:hover{color:#fff!important}
.btn-light{color:var(--orange-d)!important}

/* text accents */
.eyebrow{color:var(--teal)}
.stats strong{color:var(--teal)}
.crumbs a,.head-row a,.rmore a,.side .more,.mega-all,.rmore,.az-group h2,.dir-page h2 a:hover,.post-nav small,.mega-toggle i,.mega-toggle:hover,.mega-toggle[aria-expanded=true],.nav-links a:hover{color:var(--teal)}
.nav-links a:hover{color:var(--teal-d)}
.chips a,.hp-chips a,.bcat,.letters a,.region-chips a.more-cats{color:var(--teal)}
.count,.country-chip b{background:var(--teal-tint);color:var(--teal-d)}
.country-chip:hover,.hp-tiles a:hover{color:var(--teal-d)}
.chips a:hover,.region-chips a:hover,.rtab:hover,.chip:hover,.letters a:hover,.bpager a:hover,.svc-list a:hover,.post-nav a:hover,.btn-ghost:hover,.results a:hover,.results a.on{background:var(--teal-bg)}
.quick a{background:var(--teal-tint);color:var(--teal-d)}
.quick a:hover{background:var(--teal);color:#fff}
.chip.cat{background:var(--teal-tint);color:var(--teal-d)}
.mega-region{border-bottom-color:var(--teal-tint)}
.mega-region:hover,.mega-list a:hover{color:var(--teal)}
.mega-list a{color:var(--muted)}

/* active tabs and filters */
.rtab.on,.region-chips a.on,.bpager .on{background:var(--teal);border-color:var(--teal);color:#fff}
.country-chip:hover,.hp-tiles a:hover,a.card:hover,.topic:hover,.bcard:hover,.airline.prime:hover{border-color:var(--teal-l)}
.hp-logos > span,.footer-note{color:var(--muted)}

/* icon tiles */
.icon,.svc-icon{background:linear-gradient(145deg,#f4faf9,var(--teal-tint));box-shadow:inset 0 0 0 1px rgba(15,110,117,.18);color:var(--teal)}
a.card.topic:hover .icon,.hp-tiles a:hover .icon{background:linear-gradient(145deg,var(--teal-l),var(--teal-d));color:#fff;box-shadow:none}
.ico-sm,.side li a .ico-sm{color:var(--teal)}
.svc-mini{background:linear-gradient(145deg,#f4faf9,var(--teal-tint))}
.side li a:hover,.side li a.on{background:var(--teal-bg);color:var(--teal-d)}

/* section backgrounds: warm page, cool alternate bands */
.alt{background:var(--teal-bg)}
.hero{background:radial-gradient(900px 420px at 85% 0,var(--peach) 0,transparent 65%),radial-gradient(760px 380px at 0 100%,#dcefed 0,transparent 62%),var(--cream)}
.hp-tiles a{background:var(--cream)}
.hp-tiles .icon{background:linear-gradient(145deg,#fff,var(--teal-tint))}
.bthumb.none{background:var(--teal-tint)}

/* blog */
.bthumb .ph0{background:linear-gradient(135deg,var(--teal-l),var(--teal-dd))}
.bthumb .ph1{background:linear-gradient(135deg,#f4935a,#d85f1a)}
.bthumb .ph2{background:linear-gradient(135deg,var(--teal),#0a4b52)}
.post-body a{text-decoration-color:rgba(15,110,117,.4)}
.post-body a:hover{text-decoration-color:var(--teal)}
.post-body li::marker{color:var(--teal)}
.post-body blockquote{border-left-color:var(--teal);background:var(--teal-bg)}
.post-body th{background:var(--teal-bg)}
.cm .av{background:var(--teal-tint);color:var(--teal-d)}
.cm.admin .av,.badge{background:var(--teal)}
.cm .reply,.post-side .related small{color:var(--teal)}
.blog-search button{background:var(--teal)}.blog-search button:hover{background:var(--teal-d)}
.bbody h3 a:hover{color:var(--teal)}

/* footer: deep teal with off-white text */
.site-footer{background:var(--teal-dd);border-top:0;color:#bcd3d3}
.site-footer .foot-grid h4{color:#fff}
.site-footer .foot-grid a,.site-footer .foot-grid span{color:#a9c6c6}
.site-footer .foot-grid a:hover{color:#fff}
.site-footer .foot-bottom{border-top-color:rgba(255,255,255,.14);color:#8fb0b0}
.site-footer .foot-grid p{color:#bcd3d3}

/* the last tile of the Top airlines grid */
.more-tile{align-items:center;justify-content:center;gap:12px;flex-direction:row!important;background:var(--teal-bg);color:var(--teal-d)}
.more-tile strong{display:block;color:var(--teal-d)}
.more-tile small{display:block;color:var(--muted)}
.more-tile .more-arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--teal);color:#fff;font-size:1.3rem;flex:none}
.more-tile:hover{background:var(--teal-tint)}

/* footer social icons: each in its own brand colour */
.site-footer .social{display:flex;gap:10px;margin-top:16px}
.site-footer .social a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fff;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.site-footer .social a:hover{transform:translateY(-3px);box-shadow:0 6px 14px rgba(0,0,0,.35)}
.site-footer .social svg{width:20px;height:20px;fill:currentColor}
.site-footer .social svg[stroke]{fill:none}
.site-footer .social a[href*="facebook.com"]{background:#1877f2}
.site-footer .social a[href*="x.com"]{background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.4),0 2px 6px rgba(0,0,0,.25)}
.site-footer .social a[href*="youtube.com"]{background:#ff0000}
.site-footer .social a[href*="instagram.com"]{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}