/*
Theme Name: Flex Travel
Author: flextheme
Author URI: https://www.flextheme.net/
Theme URI: https://www.flextheme.net/products/flex-travel
Description: Flex Travel is a versatile theme designed for travel and hospitality websites, perfect for showcasing travel services in an attractive and organized manner. Ideal for travel agencies, tour operators, hotels, and resorts, this theme allows businesses to present their travel offerings professionally. With a clean and minimal layout, it emphasizes clear content presentation, enabling users to navigate through different sections effortlessly. The theme is compatible with various screen sizes and devices, ensuring a seamless browsing experience on desktops, tablets, and mobile phones. Its retina-ready design features optimized code for stable performance and easy maintenance. Users can personalize the theme with customization options for colors, typography, layouts, and homepage sections to match their brand identity. Built-in features include a banner area with a travel booking search form to help visitors find relevant trips and services quickly, a city section for listing exciting destinations, and a dedicated travel blog section for sharing stories, guides, and updates related to adventure and holidays, making it a comprehensive travel and tourism website.
Version: 1.1.0
Tested up to: 7.0
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Template: flex-multi-business
Text Domain: flex-travel
Tags: blog, portfolio, entertainment, custom-background, custom-logo, custom-menu, featured-images, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-header, flexible-header, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments, rtl-language-support

flex-travel is based on Underscores https://underscores.me/, (C) 2012-2022 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

:root {
    --primary-theme-color: #017B6E !important;
    --secondary-theme-color: #000000 !important;
}
body{
	font-family: 'Inter', sans-serif;
}
.wp-caption {
    max-width: 100%;
    margin-bottom: 1em;
}
.wp-caption-text,
.gallery-caption {
    font-size: 14px;
    color: #666;
    text-align: center;
}
.bypostauthor {
    font-weight: bold;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Inter', sans-serif;
}
.header-two,.read-more a,.widget_block .wp-block-search .wp-block-search__button, .page-content .search-form .search-submit, .widget_search .search-form .search-submit,#c-scroll:hover,.footer-one,.pagination .page-numbers:hover, .pagination .current{
	background: var(--primary-theme-color);
}
.wp-block-calendar .wp-calendar-table tbody tr td#today, .widget_calendar .calendar_wrap .wp-calendar-table tbody tr td#today, .search-form .search-submit,.widget_block .wp-block-tag-cloud a:hover, .widget_tag_cloud .tagcloud a:hover{
	background-color:  var(--primary-theme-color) !important;
}
.widget_block .wp-block-search .wp-block-search__button,.main-navigation .menu .children .page_item > a::before, .main-navigation .menu .dropdown-menu .menu-item > a::before,.comments-area .form-submit .submit{
	background:  var(--primary-theme-color) !important;
}
.read-more a{
	outline-color:  var(--primary-theme-color);
}
.pagination .page-numbers, .pagination .current{
	border-color:  var(--primary-theme-color);
}
.comments-area .comment-form-comment textarea:focus, .comments-area .comment-form-comment textarea:hover,.widget_block .wp-block-tag-cloud a:hover, .widget_tag_cloud .tagcloud a:hover{
	border-color:  var(--primary-theme-color) !important;
}
.read-more a:hover,a:hover, a:active,#primary-menu .current-menu-item a,h5 a:hover, h6 a:hover,.post-meta li a:hover,.post-tags a:hover{
	color:  var(--primary-theme-color);
}
#primary-menu .menu-item:hover .nav-link,.main-navigation .menu .children .page_item:hover>a, .main-navigation .menu .dropdown-menu .menu-item:hover>a{
	color:  var(--primary-theme-color) !important;
}
.main-navbar{
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}
.ac-btn:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce input[type=submit].button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.b... [truncated]
    background-color:  var(--primary-theme-color) !important;
    color: #ffffff;
}
#page #primary-menu a.nav-link,
#page #primary-menu li{
	color: #fff !important;
}
.single-post .comment-list{
	margin-left: 0px;
}
.footer-copyright a:hover{
	color: #000;
}
.post-meta li i ,
.post-meta li,
.post-meta li a{
    color: #ffffff !important;
}
.post-meta li::after
{
    background: #ffffff !important;
}
@media (min-width: 1440px) {
    .container {
        max-width: 1360px !important;
    }
}
@media screen and (max-width: 991px){
    #page #primary-menu a.nav-link, #page #primary-menu li:hover a.nav-link, #page #primary-menu li {
        color: #000 !important;
    }
}
.page-header h1,
.site-main .blog-detail h4,
#comments .comments-title,
.post-content a,
.wp-block-latest-comments__comment-link{
    word-break: break-word;
}
.woocommerce-cart .wc-block-cart-item__image img{
  padding: 10px;
}
.woocommerce-cart .wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper{
  padding: 16px 10px !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    color: #fff !important;
}
.woocommerce nav.woocommerce-pagination ul li a{
    color: #000 !important;
}
.blog-2 .post-meta {
    background: #3e8a83e7;
}
.box-image .single-page-img:after{
    opacity: 0.5;
}
.box-image .single-page-img,
.box-image .single-page-img:after{
    height: 400px;
}
.foot-top{
    background-color: #010101;
}
.alignleft,.alignright,.aligncenter {

}

@media (min-width: 991px) and (max-width: 1199px){
    .flex-blog-banner-tab .e-n-tab-title{
        padding: 15px !important;
    }
}
.search .search-form,
.widget-area .search-form{
    box-shadow: none;
}
.search .search-form input.search-field,
.widget-area #Search input.search-field{
    border-radius: 8px;
    border: 1px solid #000000 !important;
}  
.search-form #wp-travel-search ,
.widget-area #wp-travel-search{
    text-indent: -99999px;
    background-color: #0000 !important;
    border-radius: 8px;
    width: 60px;
    height: 60px;
    z-index: 999;
    position: relative;
    cursor: pointer;
    border: none;
}
.destination-section .slick-arrow .elementor-icon-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}
.destination-section .slick-arrow {
    padding: 10px !important;
}
.premium-blog-thumbnail-container img{
    border-radius: 8px !important;
}
.premium-blog-meta-data a,
.premium-blog-meta-data span{
    font-family: 'Inter', sans-serif;
    font-size: 15px;
}
.premium-blog-meta-data a:hover,
.premium-blog-meta-data span:hover{
    color: #fff !important;
}
.footer-top .elementor-icon-list-item a:hover span{
    color: #000 !important;
}
.header-main-top .hfe-search-button-wrapper .fa-times{
    display: flex !important;
}
.premium-blog-entry-meta{
    top: 240px !important;
    transform: translateX(0%);
    margin-left: 0px !important;
}
.widget-area .search-form {
    display: flex;
    flex: auto;
    flex-wrap: nowrap;
    max-width: 100%;
    box-shadow: none;
    padding: 0;
}
.widget-area .search-form input.search-field{
    border: 1px solid #808080 !important;
}
.widget-area .search-form .search-submit {
    width: 34%;
}
.header-left-search .hfe-search-form__container{
    flex-direction: row-reverse;
}
.header-left-search .hfe-search-form__container button#clear-with-button{
    right: 7px !important;
}

/* ================================================
   DRIFT TRAILS — UNIFIED DESIGN SYSTEM
   All pages share the same hero/breadcrumb/footer
   ================================================ */

/* Kill parent theme's old elements globally */
.box-image, .page-header,
.sp-100 .blog-detail > h4.text-capitalize,
.sp-100 .blog-detail > .post-meta,
.sp-100 .blog-detail > .wp-post-image,
.foot-top, .footer-one, .footer-copyright {
    display: none !important;
}

/* ---- CONTAINERS ---- */
.wt-container-wide {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* ---- LOGO ---- */
.logo {
    display: flex;
    align-items: center;
}
.wt-logo-link {
    display: flex;
    align-items: center;
    text-decoration: none;
}
.wt-logo {
    height: 40px;
    width: auto;
}

/* ---- UNIFIED HERO (used on single/archive/page) ---- */
.wt-hero {
    position: relative;
    height: 480px;
    background-size: cover;
    background-position: center 40%;
    background-repeat: no-repeat;
    background-color: #0a4f4a;
}
.wt-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0) 35%,
        rgba(0,0,0,0.3) 70%,
        rgba(0,0,0,0.5) 100%
    );
    display: flex;
    align-items: flex-end;
}
.wt-hero__overlay > .wt-container-wide {
    padding-bottom: 48px;
}
.wt-hero__cats a,
.wt-hero__cats span {
    display: inline-block;
    background: rgba(1,123,110,0.9);
    color: #fff !important;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 5px 14px;
    border-radius: 3px;
    margin-right: 8px;
    margin-bottom: 12px;
    text-decoration: none;
}
.wt-hero__title {
    color: #fff !important;
    font-size: 2.8rem;
    font-weight: 800;
    line-height: 1.12;
    margin: 0 0 16px;
    text-shadow: 0 2px 16px rgba(0,0,0,0.5);
    letter-spacing: -0.02em;
    max-width: 800px;
}
.wt-hero__meta {
    color: rgba(255,255,255,0.9);
    font-size: 0.92rem;
    text-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
.wt-hero__sep {
    margin: 0 10px;
    opacity: 0.5;
}

/* Home hero taller variant */
.wt-hero--tall {
    height: 600px;
}
.wt-hero__title a {
    color: #fff !important;
    text-decoration: none;
}
.wt-hero__title a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}
.wt-hero__cta {
    display: inline-block;
    background: #fff;
    color: #017B6E !important;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 12px 28px;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.2s;
    margin-top: 16px;
}
.wt-hero__cta:hover {
    background: #017B6E;
    color: #fff !important;
}

/* ---- BREADCRUMB ---- */
.wt-breadcrumb {
    background: #f7f7f7;
    border-bottom: 1px solid #e5e5e5;
    padding: 14px 0;
    font-size: 0.82rem;
    color: #888;
}
.wt-breadcrumb .wt-container-wide {
    /* same container as hero and grid = aligned */
}
.wt-breadcrumb a {
    color: #017B6E;
    text-decoration: none;
}
.wt-breadcrumb a:hover {
    text-decoration: underline;
}
.wt-breadcrumb__sep {
    margin: 0 6px;
    color: #ccc;
}
.wt-breadcrumb__current {
    color: #555;
}

/* ---- ARTICLE LAYOUT (two-column) ---- */
.wt-article {
    padding: 40px 0 60px;
    background: #fff;
}
.wt-article__featured-img {
    margin-bottom: 36px;
    border-radius: 10px;
    overflow: hidden;
}
.wt-article__featured-img img {
    width: 100%;
    height: auto;
    display: block;
}
.wt-article__layout {
    display: flex;
    gap: 48px;
    align-items: flex-start;
}
.wt-article__main {
    flex: 1;
    min-width: 0;
}
.wt-article__body {
    font-size: 1.08rem;
    line-height: 1.85;
    color: #363636;
}
.wt-article__body > h2:first-child {
    margin-top: 0;
}
.wt-article__body img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 28px 0;
}
.wt-article__body h2 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #0a4f4a;
    margin: 44px 0 16px;
    padding-bottom: 10px;
    border-bottom: 3px solid #017B6E;
}
.wt-article__body h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #222;
    margin: 28px 0 12px;
}
.wt-article__body h4 {
    font-size: 1.08rem;
    font-weight: 600;
    color: #333;
    margin: 20px 0 8px;
}
.wt-article__body p {
    margin-bottom: 18px;
}
.wt-article__body ul,
.wt-article__body ol {
    margin: 0 0 22px 20px;
    padding: 0;
}
.wt-article__body li {
    margin-bottom: 6px;
    line-height: 1.75;
}
.wt-article__body strong {
    color: #222;
}
.wt-article__body blockquote {
    border-left: 4px solid #017B6E;
    background: #f0f9f8;
    padding: 16px 20px;
    margin: 24px 0;
    border-radius: 0 6px 6px 0;
    font-style: normal;
    color: #2a5f5a;
}
.wt-article__body a {
    color: #017B6E;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Tip / Callout boxes */
.wt-tip {
    background: #f0f9f7;
    border-left: 4px solid #017B6E;
    border-radius: 0 6px 6px 0;
    padding: 16px 20px;
    margin: 20px 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #2d5a54;
}
.wt-tip strong {
    color: #015c53;
}

/* Pros / Cons */
h4.wt-pros {
    color: #017B6E;
    font-weight: 700;
}
h4.wt-pros::before {
    content: "✓ ";
    color: #017B6E;
}
h4.wt-cons {
    color: #c0392b;
    font-weight: 700;
}
h4.wt-cons::before {
    content: "✗ ";
    color: #c0392b;
}

/* Tables */
.wt-article__body table {
    width: 100%;
    border-collapse: collapse;
    margin: 28px 0;
    font-size: 0.95rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
}
.wt-article__body th,
.wt-article__body td {
    padding: 12px 16px;
    border: 1px solid #e0e0e0;
    text-align: left;
}
.wt-article__body th {
    background: #0a4f4a;
    color: #fff;
    font-weight: 600;
}
.wt-article__body tr:nth-child(even) {
    background: #f9f9f9;
}

/* Tags */
.wt-article__tags {
    margin-top: 36px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    font-size: 0.9rem;
    color: #666;
}
.wt-article__tags a {
    color: #017B6E;
}

/* ---- SIDEBAR ---- */
.wt-sidebar {
    width: 300px;
    flex-shrink: 0;
}
.wt-sidebar__inner {
    position: sticky;
    top: 24px;
}

/* TOC */
.wt-toc {
    background: #f8faf9;
    border: 1px solid #e5ebe9;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 28px;
}
.wt-toc__title {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0a4f4a;
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid #017B6E;
}
.wt-toc__nav {
    max-height: 50vh;
    overflow-y: auto;
}
.wt-toc__link {
    display: block;
    padding: 5px 0;
    font-size: 0.82rem;
    color: #555;
    text-decoration: none;
    line-height: 1.45;
    border-left: 2px solid transparent;
    padding-left: 10px;
    transition: all 0.15s;
}
.wt-toc__link:hover {
    color: #017B6E;
}
.wt-toc__link.active {
    color: #017B6E;
    font-weight: 600;
    border-left-color: #017B6E;
    background: rgba(1, 123, 110, 0.04);
}
.wt-toc__link--sub {
    padding-left: 22px;
    font-size: 0.78rem;
    color: #888;
}

/* Related Posts */
.wt-related__title {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0a4f4a;
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid #017B6E;
}
.wt-related__item {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 10px 0;
    text-decoration: none;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.15s;
}
.wt-related__item:last-child {
    border-bottom: none;
}
.wt-related__item:hover {
    background: #f7faf9;
}
.wt-related__item img {
    width: 60px;
    height: 45px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
}
.wt-related__item span {
    font-size: 0.85rem;
    color: #333;
    line-height: 1.35;
    font-weight: 500;
}

/* ---- AUTHOR BOX ---- */
.wt-author-box {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    background: #f7faf9;
    border: 1px solid #e0ebe9;
    border-radius: 8px;
    padding: 24px;
    margin-top: 40px;
}
.wt-author-box__avatar img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    object-fit: cover;
}
.wt-author-box__info h4 {
    margin: 0 0 6px;
    font-size: 1.05rem;
    color: #222;
}
.wt-author-box__info p {
    margin: 0;
    font-size: 0.9rem;
    color: #666;
    line-height: 1.5;
}

/* ---- POST NAVIGATION ---- */
.wt-post-nav {
    display: flex;
    gap: 20px;
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

/* removed duplicate Tags block */
.wt-post-nav__prev,
.wt-post-nav__next {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 16px 20px;
    background: #f7f7f7;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.2s;
}
.wt-post-nav__prev:hover,
.wt-post-nav__next:hover {
    background: #eef6f5;
}
.wt-post-nav__next {
    text-align: right;
}
.wt-post-nav__prev small,
.wt-post-nav__next small {
    font-size: 0.78rem;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}
.wt-post-nav__prev span,
.wt-post-nav__next span {
    font-size: 0.95rem;
    font-weight: 600;
    color: #017B6E;
}

/* ---- RESPONSIVE ---- */
@media screen and (max-width: 960px) {
    .wt-sidebar {
        width: 240px;
    }
    .wt-article__layout {
        gap: 32px;
    }
}
@media screen and (max-width: 768px) {
    .wt-hero {
        height: 380px;
    }
    .wt-hero__title {
        font-size: 1.7rem;
    }
    .wt-hero__overlay > .wt-container-wide {
        padding-bottom: 32px;
    }
    .wt-container-wide {
        padding: 0 16px;
    }
    .wt-article__layout {
        flex-direction: column;
    }
    .wt-sidebar {
        width: 100%;
        order: -1;
    }
    .wt-sidebar__inner {
        position: static;
    }
    .wt-toc__nav {
        max-height: 200px;
    }
    .wt-article__body {
        font-size: 1rem;
    }
    .wt-author-box {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .wt-post-nav {
        flex-direction: column;
    }
    .wt-post-nav__next {
        text-align: left;
    }
}

/* ---- CATEGORIES BAR ---- */
.wt-cats-bar {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 18px 0;
}
.wt-cats-bar .wt-container-wide {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}
.wt-cats-bar__item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    background: #f5f5f5;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #444 !important;
    text-decoration: none;
    transition: all 0.2s;
}
.wt-cats-bar__item:hover {
    background: #017B6E;
    color: #fff !important;
}
.wt-cats-bar__count {
    background: rgba(0,0,0,0.08);
    font-size: 0.72rem;
    padding: 2px 7px;
    border-radius: 10px;
    color: #888;
}
.wt-cats-bar__item:hover .wt-cats-bar__count {
    background: rgba(255,255,255,0.25);
    color: #fff;
}

/* ---- SECTION TITLE ---- */
.wt-section-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: #222;
    margin: 0 0 28px;
    padding-bottom: 12px;
    border-bottom: 3px solid #017B6E;
    display: inline-block;
}

/* ---- GRID ---- */
.wt-grid-section {
    padding: 52px 0 60px;
    background: #fafafa;
}
.wt-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 28px;
}

/* ---- CARD ---- */

/* === Archive/Category Grid === */
.wt-grid-section {
    padding: 3rem 0 4rem;
    background: #fff;
}
.wt-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.8rem;
    max-width: 1200px;
    margin: 0 auto;
}
@media (max-width: 900px) {
    .wt-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
    .wt-grid { grid-template-columns: 1fr; }
}
.wt-pagination {
    text-align: center;
    margin-top: 2.5rem;
}

.wt-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    transition: box-shadow 0.25s, transform 0.25s;
}
.wt-card:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    transform: translateY(-3px);
}
.wt-card__img-link {
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}
.wt-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s;
}
.wt-card:hover .wt-card__img {
    transform: scale(1.05);
}
.wt-card__img--placeholder {
    background: linear-gradient(135deg, #017B6E 0%, #0a4f4a 100%);
    width: 100%;
    height: 100%;
}
.wt-card__body {
    padding: 20px 22px 24px;
}
.wt-card__cat {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #017B6E !important;
    text-decoration: none;
    margin-bottom: 8px;
}
.wt-card__title {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 10px;
}
.wt-card__title a {
    color: #222 !important;
    text-decoration: none;
}
.wt-card__title a:hover {
    color: #017B6E !important;
}
.wt-card__excerpt {
    font-size: 0.9rem;
    color: #666;
    line-height: 1.55;
    margin: 0 0 12px;
}
.wt-card__meta {
    font-size: 0.78rem;
    color: #999;
}
.wt-card__meta span {
    margin-right: 4px;
}

/* ---- CTA SECTION ---- */
.wt-cta-section {
    background: #0a4f4a;
    padding: 56px 0;
    text-align: center;
}
.wt-cta-section h2 {
    color: #fff;
    font-size: 1.8rem;
    margin: 0 0 12px;
}
.wt-cta-section p {
    color: rgba(255,255,255,0.7);
    font-size: 1rem;
    max-width: 520px;
    margin: 0 auto;
}

/* ---- PAGINATION ---- */
.wt-pagination {
    margin-top: 40px;
    text-align: center;
}
.wt-pagination .nav-links {
    display: flex;
    justify-content: center;
    gap: 8px;
}
.wt-pagination .page-numbers {
    padding: 8px 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    color: #444;
    font-size: 0.9rem;
}
.wt-pagination .page-numbers.current {
    background: #017B6E;
    color: #fff;
    border-color: #017B6E;
}

/* ---- FOOTER ---- */
.wt-footer {
    background: #111;
    color: #ccc;
}
.wt-footer__top {
    padding: 52px 0 40px;
}
.wt-footer__grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 40px;
}
.wt-footer__brand {
    font-size: 1.3rem;
    color: #fff;
    margin: 0 0 14px;
}
.wt-footer__brand a {
    display: inline-block;
}
.wt-footer__logo {
    height: 32px;
    width: auto;
}
.wt-footer__col p {
    font-size: 0.9rem;
    line-height: 1.6;
    color: #999;
}
.wt-footer__col h4 {
    font-size: 0.95rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.wt-footer__col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.wt-footer__col li {
    margin-bottom: 8px;
}
.wt-footer__col a {
    color: #999 !important;
    text-decoration: none;
    font-size: 0.88rem;
}
.wt-footer__col a:hover {
    color: #fff !important;
}
.wt-footer__bottom {
    border-top: 1px solid #2a2a2a;
    padding: 20px 0;
    text-align: center;
}
.wt-footer__bottom p {
    margin: 0;
    font-size: 0.82rem;
    color: #666;
}

/* ---- GLOBAL RESPONSIVE ---- */
@media screen and (max-width: 768px) {
    .wt-home-hero {
        height: 440px;
    }
    .wt-home-hero__title a {
        font-size: 1.9rem;
    }
    .wt-home-hero__excerpt {
        font-size: 0.95rem;
    }
    .wt-grid {
        grid-template-columns: 1fr;
    }
    .wt-footer__grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}
/* ---- TOPBAR NAV FINAL ---- */
#page .main-navbar {
    background: transparent !important;
}
.header-two {
    background: #017B6E !important;
}
#page #primary-menu .nav-link,
#page #primary-menu .menu-item > a,
.main-navigation .menu .menu-item a,
.main-navigation .menu .nav-link {
    color: #fff !important;
    transition: all 0.25s ease;
}
#page #primary-menu .menu-item:hover > .nav-link,
#page #primary-menu .menu-item:hover > a {
    color: #fff !important;
    background: rgba(255,255,255,0.15) !important;
    border-radius: 4px;
}

/* === Contact Form === */
.wt-contact-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 3rem;
    padding: 2rem 0;
}
@media (max-width: 768px) {
    .wt-contact-grid { grid-template-columns: 1fr; }
}
.wt-contact-form-wrap h2 {
    color: #017B6E;
    margin-bottom: 0.5rem;
}
.wt-contact-form .wt-form-group {
    margin-bottom: 1.2rem;
}
.wt-contact-form label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.3rem;
    color: #333;
}
.wt-contact-form label .required {
    color: #e74c3c;
}
.wt-contact-form input[type="text"],
.wt-contact-form input[type="email"],
.wt-contact-form textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    transition: border-color 0.3s;
    font-family: inherit;
}
.wt-contact-form input:focus,
.wt-contact-form textarea:focus {
    border-color: #017B6E;
    outline: none;
    box-shadow: 0 0 0 3px rgba(1,123,110,0.1);
}
.wt-btn-submit {
    background: #017B6E;
    color: #fff;
    border: none;
    padding: 0.85rem 2.5rem;
    font-size: 1.05rem;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.3s, transform 0.2s;
}
.wt-btn-submit:hover {
    background: #015f55;
    transform: translateY(-1px);
}
.wt-contact-info h3 {
    color: #017B6E;
    margin-top: 1.5rem;
    margin-bottom: 0.8rem;
}
.wt-contact-info h3:first-child {
    margin-top: 0;
}
.wt-info-card {
    background: #f8faf9;
    border-left: 4px solid #017B6E;
    padding: 1rem 1.2rem;
    border-radius: 0 8px 8px 0;
    margin-bottom: 1rem;
}
.wt-info-card p {
    margin: 0;
    line-height: 1.6;
}
.wt-form-success {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 8px;
    padding: 1.2rem;
    margin-bottom: 1rem;
}
.wt-form-error {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

/* === About Us Page === */
.wt-about-intro {
    max-width: 800px;
    margin-bottom: 2.5rem;
}
.wt-about-intro h2 {
    color: #017B6E;
    margin-bottom: 0.8rem;
}
.wt-lead {
    font-size: 1.15rem;
    line-height: 1.8;
    color: #444;
    margin-bottom: 1rem;
}
.wt-about-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 3rem;
    margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
    .wt-about-grid { grid-template-columns: 1fr; }
}
.wt-about-main h2 {
    color: #017B6E;
    margin-top: 2rem;
    margin-bottom: 0.8rem;
}
.wt-about-main h2:first-child {
    margin-top: 0;
}
.wt-about-main p {
    line-height: 1.8;
    color: #444;
    margin-bottom: 1rem;
}
.wt-about-sidebar h3 {
    color: #017B6E;
    margin-top: 1.5rem;
    margin-bottom: 0.8rem;
}
.wt-about-sidebar h3:first-child {
    margin-top: 0;
}
/* Feature Cards */
.wt-feature-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.2rem;
    margin-top: 1.5rem;
}
@media (max-width: 600px) {
    .wt-feature-cards { grid-template-columns: 1fr; }
}
.wt-feature-card {
    background: #f8faf9;
    border-radius: 10px;
    padding: 1.5rem;
    border: 1px solid #e8f0ed;
    transition: transform 0.2s, box-shadow 0.2s;
}
.wt-feature-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(1,123,110,0.1);
}
.wt-feature-icon {
    font-size: 2rem;
    margin-bottom: 0.5rem;
}
.wt-feature-card h3 {
    color: #017B6E;
    margin-bottom: 0.4rem;
    font-size: 1.05rem;
}
.wt-feature-card p {
    font-size: 0.92rem;
    line-height: 1.6;
    color: #555;
    margin: 0;
}
/* Mission */
.wt-about-mission {
    background: #f0f7f5;
    border-radius: 12px;
    padding: 2.5rem;
    margin-bottom: 2.5rem;
}
.wt-about-mission h2 {
    color: #017B6E;
    margin-bottom: 1rem;
}
.wt-about-mission p {
    line-height: 1.8;
    color: #444;
    max-width: 720px;
}
/* CTA */
.wt-about-cta {
    text-align: center;
    padding: 2rem 0 1rem;
    margin-bottom: 1rem;
}
.wt-about-cta h3 {
    color: #017B6E;
    margin-bottom: 0.5rem;
}
.wt-cta-buttons {
    margin-top: 1.2rem;
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}
.wt-btn-primary {
    background: #017B6E;
    color: #fff !important;
    padding: 0.8rem 2rem;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.3s, transform 0.2s;
    display: inline-block;
}
.wt-btn-primary:hover {
    background: #015f55;
    transform: translateY(-1px);
}
.wt-btn-secondary {
    background: transparent;
    color: #017B6E !important;
    padding: 0.8rem 2rem;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    border: 2px solid #017B6E;
    transition: all 0.3s;
    display: inline-block;
}
.wt-btn-secondary:hover {
    background: #017B6E;
    color: #fff !important;
}

/* === Legal Pages (Privacy Policy & Disclaimer) === */
.wt-legal-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 3rem;
    padding: 2rem 0;
}
@media (max-width: 768px) {
    .wt-legal-grid { grid-template-columns: 1fr; }
}
.wt-legal-updated {
    color: #777;
    margin-bottom: 1.5rem;
}
.wt-legal-main h2 {
    color: #017B6E;
    margin-top: 2rem;
    margin-bottom: 0.8rem;
    padding-bottom: 0.4rem;
    border-bottom: 2px solid #e8f0ed;
}
.wt-legal-main h3 {
    color: #333;
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
}
.wt-legal-main p {
    line-height: 1.8;
    color: #444;
    margin-bottom: 1rem;
}
.wt-legal-main ul {
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}
.wt-legal-main li {
    line-height: 1.8;
    color: #444;
    margin-bottom: 0.4rem;
}
.wt-legal-main a {
    color: #017B6E;
    text-decoration: underline;
}
.wt-legal-main a:hover {
    color: #015f55;
}
.wt-legal-highlight {
    background: #f0f7f5;
    border-left: 4px solid #017B6E;
    padding: 1.2rem 1.5rem;
    border-radius: 0 8px 8px 0;
    margin: 1.2rem 0;
}
.wt-legal-highlight p {
    margin: 0;
}
.wt-legal-table-wrap {
    overflow-x: auto;
    margin: 1rem 0;
}
.wt-legal-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}
.wt-legal-table th {
    background: #017B6E;
    color: #fff;
    padding: 0.7rem 1rem;
    text-align: left;
}
.wt-legal-table td {
    padding: 0.6rem 1rem;
    border-bottom: 1px solid #e8f0ed;
}
.wt-legal-table tr:nth-child(even) td {
    background: #f8faf9;
}
.wt-legal-sidebar h3 {
    color: #017B6E;
    margin-top: 1.5rem;
    margin-bottom: 0.8rem;
}
.wt-legal-sidebar h3:first-child {
    margin-top: 0;
}
.wt-legal-sidebar .wt-info-card a {
    color: #017B6E;
    text-decoration: none;
    font-weight: 600;
}
.wt-legal-sidebar .wt-info-card a:hover {
    text-decoration: underline;
}



/* ========================================================================
   HOMEPAGE — Magazine-Grade Design System
   Font: Playfair Display (headings) + Inter (body)
   ======================================================================== */

/* --- Global Typography Override --- */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 400;
    color: #2d2d2d;
    -webkit-font-smoothing: antialiased;
}

/* --- Container --- */
.hp-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

/* --- Section Header (editorial style) --- */
.hp-section-header {
    margin-bottom: 2rem;
}
.hp-section-header h2 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 0.4rem;
    letter-spacing: -0.3px;
}
.hp-section-header p {
    font-size: 1rem;
    color: #777;
    margin: 0;
    font-weight: 300;
    letter-spacing: 0.1px;
}

/* ===== HERO — Full-bleed immersive ===== */
.hp-hero {
    position: relative;
    min-height: 75vh;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
}
.hp-hero__overlay {
    width: 100%;
    padding: 6rem 0 4rem;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        transparent 50%,
        rgba(0,0,0,0.18) 72%,
        rgba(0,0,0,0.45) 100%
    );
}
.hp-hero__cat {
    display: inline-block;
    font-family: 'Inter', sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    background: rgba(1,123,110,0.85);
    padding: 0.35rem 1rem;
    border-radius: 2px;
    margin-bottom: 1.2rem;
}
.hp-hero__title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.15;
    margin: 0 0 1rem;
    max-width: 720px;
    letter-spacing: -0.5px;
}
.hp-hero__title a {
    color: #fff;
    text-decoration: none;
    text-shadow: 0 2px 12px rgba(0,0,0,0.5), 0 1px 3px rgba(0,0,0,0.3);
}
.hp-hero__excerpt {
    font-size: 1.05rem;
    color: rgba(255,255,255,0.92);
    max-width: 580px;
    line-height: 1.7;
    margin: 0 0 0.8rem;
    font-weight: 300;
    text-shadow: 0 1px 6px rgba(0,0,0,0.4);
}
.hp-hero__meta {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.65);
    font-weight: 400;
}
.hp-hero__dot {
    margin: 0 0.4rem;
}
.hp-hero__btn {
    display: inline-block;
    margin-top: 1.5rem;
    padding: 0.85rem 2.2rem;
    background: #017B6E;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
    border-radius: 4px;
    transition: background 0.3s, transform 0.2s;
}
.hp-hero__btn:hover {
    background: #015f55;
    transform: translateY(-1px);
}
@media (max-width: 768px) {
    .hp-hero { min-height: 60vh; }
    .hp-hero__title { font-size: 2rem; }
    .hp-hero__excerpt { font-size: 0.95rem; }
}

/* ===== EDITORIAL PICKS — Magazine staggered grid ===== */
.hp-editorial {
    padding: 4.5rem 0 3.5rem;
    background: #fff;
}
.hp-editorial__grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    grid-template-rows: 1fr 1fr;
    gap: 1rem;
    height: 480px;
}
.hp-editorial__large {
    grid-row: 1 / 3;
}
.hp-editorial__card {
    position: relative;
    display: block;
    border-radius: 6px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    text-decoration: none;
    transition: transform 0.35s ease;
}
.hp-editorial__card:hover {
    transform: scale(1.015);
}
.hp-editorial__card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.1) 50%, transparent 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1.8rem;
    color: #fff;
}
.hp-editorial__cat {
    font-family: 'Inter', sans-serif;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: rgba(255,255,255,0.9);
    margin-bottom: 0.5rem;
}
.hp-editorial__card h3 {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    margin: 0 0 0.4rem;
    line-height: 1.25;
    color: #fff;
}
.hp-editorial__large h3 {
    font-size: 1.6rem;
}
.hp-editorial__small h3 {
    font-size: 1.1rem;
}
.hp-editorial__card-meta {
    font-size: 0.78rem;
    color: rgba(255,255,255,0.7);
    font-weight: 400;
}
@media (max-width: 768px) {
    .hp-editorial__grid {
        grid-template-columns: 1fr;
        grid-template-rows: 300px 200px 200px;
        height: auto;
    }
    .hp-editorial__large { grid-row: auto; }
}

/* ===== DESTINATIONS — Photo cards ===== */
.hp-destinations {
    padding: 4rem 0;
    background: #fafbfa;
}
.hp-destinations__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.8rem;
}
.hp-dest-card {
    position: relative;
    display: block;
    height: 180px;
    border-radius: 6px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    text-decoration: none;
    transition: transform 0.3s ease;
}
.hp-dest-card:hover {
    transform: scale(1.03);
}
.hp-dest-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.05) 50%, transparent 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1.2rem;
    color: #fff;
}
.hp-dest-card h3 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 0 0.15rem;
    color: #fff;
}
.hp-dest-card span {
    font-size: 0.78rem;
    color: rgba(255,255,255,0.8);
    font-weight: 400;
}
@media (max-width: 768px) {
    .hp-destinations__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .hp-destinations__grid { grid-template-columns: 1fr; }
}

/* ===== LATEST GUIDES — Clean card grid ===== */
.hp-guides {
    padding: 4rem 0;
    background: #fff;
}
.hp-guides__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.8rem;
}
@media (max-width: 900px) {
    .hp-guides__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
    .hp-guides__grid { grid-template-columns: 1fr; }
}
.hp-guide-card {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #eaeaea;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hp-guide-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.08);
}
.hp-guide-card__img-wrap {
    display: block;
    overflow: hidden;
    height: 200px;
}
.hp-guide-card__img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.hp-guide-card:hover .hp-guide-card__img-wrap img {
    transform: scale(1.06);
}
.hp-guide-card__placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #017B6E, #4db8a4);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
}
.hp-guide-card__body {
    padding: 1.3rem 1.4rem 1.5rem;
}
.hp-guide-card__cat {
    font-family: 'Inter', sans-serif;
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #017B6E;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 0.5rem;
}
.hp-guide-card__cat:hover {
    color: #015f55;
}
.hp-guide-card__body h3 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 0.6rem;
}
.hp-guide-card__body h3 a {
    color: #1a1a1a;
    text-decoration: none;
    transition: color 0.2s;
}
.hp-guide-card__body h3 a:hover {
    color: #017B6E;
}
.hp-guide-card__body p {
    font-size: 0.88rem;
    color: #666;
    line-height: 1.6;
    margin: 0 0 0.8rem;
    font-weight: 300;
}
.hp-guide-card__meta {
    font-size: 0.78rem;
    color: #999;
    font-weight: 400;
}

/* ===== ABOUT TEASER ===== */
.hp-about {
    padding: 4.5rem 0;
    background: #f5f8f6;
    border-top: 1px solid #e8ece9;
    border-bottom: 1px solid #e8ece9;
}
.hp-about__grid {
    display: grid;
    grid-template-columns: 1.4fr 0.6fr;
    gap: 4rem;
    align-items: center;
}
@media (max-width: 768px) {
    .hp-about__grid { grid-template-columns: 1fr; gap: 2rem; }
}
.hp-about__text h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.8rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 1.2rem;
}
.hp-about__text p {
    font-size: 1rem;
    color: #555;
    line-height: 1.8;
    margin: 0 0 1rem;
    font-weight: 300;
}
.hp-about__btn {
    display: inline-block;
    margin-top: 0.5rem;
    color: #017B6E;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.95rem;
    border-bottom: 2px solid #017B6E;
    padding-bottom: 2px;
    transition: color 0.2s, border-color 0.2s;
}
.hp-about__btn:hover {
    color: #015f55;
    border-color: #015f55;
}
.hp-about__stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.hp-stat {
    background: #fff;
    border-radius: 8px;
    padding: 1.5rem 1rem;
    text-align: center;
    border: 1px solid #e0e5e2;
}
.hp-stat__num {
    display: block;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 2rem;
    font-weight: 800;
    color: #017B6E;
    line-height: 1.1;
}
.hp-stat__label {
    display: block;
    font-size: 0.72rem;
    color: #888;
    margin-top: 0.35rem;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-weight: 500;
}

/* ===== NEWSLETTER ===== */
.hp-newsletter {
    padding: 3.5rem 0;
    background: #1a1a1a;
}
.hp-newsletter__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
}
@media (max-width: 768px) {
    .hp-newsletter__inner { flex-direction: column; text-align: center; }
}
.hp-newsletter h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 0.5rem;
}
.hp-newsletter p {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.6);
    line-height: 1.6;
    margin: 0;
    max-width: 440px;
    font-weight: 300;
}
.hp-newsletter__form {
    display: flex;
    gap: 0;
    flex-shrink: 0;
}
.hp-newsletter__form input {
    padding: 0.9rem 1.3rem;
    border: 1px solid #444;
    border-right: none;
    background: #2a2a2a;
    color: #fff;
    font-size: 0.9rem;
    font-family: 'Inter', sans-serif;
    width: 260px;
    border-radius: 4px 0 0 4px;
    outline: none;
    transition: border-color 0.3s;
}
.hp-newsletter__form input::placeholder {
    color: #777;
}
.hp-newsletter__form input:focus {
    border-color: #017B6E;
}
.hp-newsletter__form button {
    padding: 0.9rem 1.8rem;
    background: #017B6E;
    color: #fff;
    border: 1px solid #017B6E;
    font-size: 0.85rem;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    letter-spacing: 0.5px;
    cursor: pointer;
    border-radius: 0 4px 4px 0;
    transition: background 0.3s;
    white-space: nowrap;
}
.hp-newsletter__form button:hover {
    background: #015f55;
}
@media (max-width: 500px) {
    .hp-newsletter__form { flex-direction: column; width: 100%; }
    .hp-newsletter__form input { width: 100%; border-right: 1px solid #444; border-radius: 4px; }
    .hp-newsletter__form button { border-radius: 4px; margin-top: 0.5rem; }
}

/* ===== Hide old homepage-only classes ===== */
.wt-cta-section,
.wt-cats-bar,
.wt-value-strip,
.wt-featured-section,
.wt-explore-section,
.wt-why-section,
.wt-destinations-section {
    display: none !important;
}
/* wt-grid-section, wt-grid, wt-card — used by archive/category pages, keep visible */

/* ===== Nav refinement — tighter, cleaner ===== */
.header-two .main-navbar #primary-menu > li > a {
    font-family: 'Inter', sans-serif;
    font-size: 0.82rem;
    font-weight: 500;
    letter-spacing: 0.3px;
    text-transform: none;
    padding: 0.5rem 0.9rem;
}


/* ===== Nav Fix — single row, refined ===== */
.header-two .main-navbar #primary-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end;
    gap: 0;
}
.header-two .main-navbar #primary-menu > li > a {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.92rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
    padding: 0.5rem 0.85rem !important;
    white-space: nowrap !important;
    text-transform: none !important;
    color: rgba(255,255,255,0.9) !important;
    transition: color 0.2s, background 0.2s !important;
    border-radius: 3px !important;
}
.header-two .main-navbar #primary-menu > li > a:hover {
    color: #fff !important;
    background: rgba(255,255,255,0.12) !important;
}

/* ===== Hero — taller, more cinematic ===== */
.hp-hero {
    min-height: 82vh !important;
}
.hp-hero__overlay {
    padding: 8rem 0 5rem !important;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(0,0,0,0.02) 20%,
        rgba(0,0,0,0.35) 55%,
        rgba(0,0,0,0.72) 85%,
        rgba(0,0,0,0.82) 100%
    ) !important;
}
.hp-hero__title {
    font-size: 3.2rem !important;
    max-width: 750px !important;
}
.hp-hero__btn {
    padding: 1rem 2.5rem !important;
    font-size: 0.85rem !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border-radius: 3px !important;
    background: transparent !important;
    border: 2px solid #fff !important;
    color: #fff !important;
}
.hp-hero__btn:hover {
    background: #fff !important;
    color: #1a1a1a !important;
}

/* ===== Homepage — unified hover colors (override Bootstrap/parent theme leaks) ===== */
/* Dark-background areas: hero, editorial picks, destination cards — stay white */
.hp-hero__title a:hover,
.hp-hero__title a:focus,
.hp-editorial__card:hover h3,
.hp-editorial__card:hover .hp-editorial__cat,
.hp-editorial__card:hover .hp-editorial__card-meta,
.hp-dest-card:hover h3,
.hp-dest-card:hover span {
    color: #fff !important;
    text-decoration: none !important;
}
/* White-background areas: guide cards, about section — bright teal */
.hp-guide-card__body h3 a:hover {
    color: #02a896 !important;
}
.hp-guide-card__cat:hover {
    color: #02a896 !important;
}
.hp-about__btn:hover {
    color: #02a896 !important;
    border-color: #02a896 !important;
}

/* ===== Destinations — varied sizes (masonry feel) ===== */
.hp-destinations__grid {
    display: grid !important;
    grid-template-columns: 2fr 1fr 1fr !important;
    grid-template-rows: 180px 180px !important;
    gap: 0.6rem !important;
}
.hp-dest-card:first-child {
    grid-row: 1 / 3 !important;
    height: auto !important;
}
.hp-dest-card {
    height: auto !important;
}
.hp-dest-card h3 {
    font-size: 1.1rem !important;
}
.hp-dest-card:first-child h3 {
    font-size: 1.5rem !important;
}
@media (max-width: 768px) {
    .hp-destinations__grid {
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: auto !important;
    }
    .hp-dest-card:first-child {
        grid-row: auto !important;
        height: 200px !important;
    }
    .hp-dest-card {
        height: 160px !important;
    }
}

/* ===== Guide cards — refined typography ===== */
.hp-guide-card__body h3 {
    font-size: 1.08rem !important;
}
.hp-guide-card__body p {
    font-size: 0.85rem !important;
    color: #777 !important;
}

/* ===== About stats — cleaner look ===== */
.hp-stat {
    border: none !important;
    background: #fff !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important;
    border-radius: 6px !important;
}

/* ===== Newsletter — more editorial ===== */
.hp-newsletter {
    background: #111 !important;
    border-top: 4px solid #017B6E !important;
}

/* ===== Section headers — editorial underline ===== */
.hp-section-header h2 {
    position: relative;
    padding-bottom: 0.8rem;
}
.hp-section-header h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background: #017B6E;
}

/* ===== Footer typography ===== */
footer, .site-footer, #colophon {
    font-family: 'Inter', sans-serif !important;
}


/* ===== Final Polish ===== */

/* Stats cards — proper shadow and spacing */
.hp-stat {
    padding: 1.6rem 1.2rem !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
    border-radius: 8px !important;
    background: #fff !important;
    border: none !important;
}
.hp-stat__num {
    font-size: 2.2rem !important;
}

/* Guide cards grid — fill with 3 per row, last row center */
.hp-guides__grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.5rem !important;
}
/* Last 2 cards — center them */
.hp-guide-card:nth-last-child(2):nth-child(3n+1),
.hp-guide-card:nth-last-child(1):nth-child(3n+2) {
    /* When last row has 2 items, shift right */
}
/* Actually just make it look good with 5 items: 3+2 with wider cards in last row */
.hp-guide-card:nth-child(4),
.hp-guide-card:nth-child(5) {
    max-width: 100%;
}

/* About section — "Our Story" link more refined */
.hp-about__btn {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
}

/* Section header subtitle — slightly more muted */
.hp-section-header p {
    font-size: 0.95rem !important;
    color: #888 !important;
}

/* Global link hover — brand color */
a:hover {
    color: #017B6E;
}

/* Footer — match Inter font */
footer h3, footer h4, .site-footer h3, .site-footer h4 {
    font-family: 'Inter', sans-serif !important;
    letter-spacing: 1px !important;
}
footer a, .site-footer a {
    font-family: 'Inter', sans-serif !important;
}

/* Guide card image height consistent */
.hp-guide-card__img-wrap {
    height: 190px !important;
}


/* ========================================================================
   GLOBAL FONT UNIFICATION — All pages use Playfair Display + Inter
   ======================================================================== */

/* Global body */
body, html {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* All headings site-wide → Playfair Display */
h1, h2, h3, h4, h5, h6,
.wt-hero__title,
.wt-card__title,
.wt-card__title a,
.wt-article h1, .wt-article h2, .wt-article h3,
.wt-sidebar h3, .wt-sidebar h4,
.contact-form-section h2,
.contact-info-card h3,
.legal-content h1, .legal-content h2, .legal-content h3,
.about-content h2, .about-content h3,
.about-features h3,
.about-mission h2,
.about-cta h2,
.hp-hero__title, .hp-hero__title a,
.hp-section-header h2,
.hp-editorial__card h3,
.hp-dest-card h3,
.hp-guide-card__body h3,
.hp-about__text h2,
.hp-newsletter h2,
.hp-stat__num,
.page-content h1, .page-content h2, .page-content h3,
.entry-title, .page-title, .archive-title,
.wt-breadcrumb,
footer h3, footer h4 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
}

/* Keep labels/meta/nav/buttons in Inter */
.wt-hero__cats span,
.wt-card__cat,
.wt-card__meta,
.wt-breadcrumb a, .wt-breadcrumb span,
.wt-hero__meta,
.hp-hero__cat, .hp-hero__meta,
.hp-editorial__cat, .hp-editorial__card-meta,
.hp-guide-card__cat, .hp-guide-card__meta,
.hp-stat__label,
.hp-about__btn,
nav, nav a,
button, .btn, input, textarea, select,
.contact-form-section label,
.legal-sidebar, .legal-sidebar a,
footer a, footer p, footer li {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Breadcrumb — match Inter */
.wt-breadcrumb {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.85rem;
}

/* wt-hero title — larger, Playfair */
.wt-hero__title {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 2.8rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
}

/* wt-hero overlay — refined gradient like homepage */
.wt-hero__overlay {
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(0,0,0,0.03) 25%,
        rgba(0,0,0,0.4) 65%,
        rgba(0,0,0,0.75) 100%
    ) !important;
}

/* Single post hero — no overlay, let featured image shine fully */
.wt-hero--single .wt-hero__overlay {
    background: none !important;
}

/* Single post hero — match card brightness: no dark bg-color, center crop */
.wt-hero--single {
    background-color: #333 !important;
    background-position: center center !important;
    background-image: none !important;
}

/* Single post hero img — same rendering as homepage card images */
.wt-hero--single .wt-hero__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    z-index: 0;
}
.wt-hero--single .wt-hero__overlay {
    z-index: 1;
}

/* All non-homepage wt-hero pages — very light bottom gradient (except single posts) */
.wt-hero:not(.wt-hero--single) .wt-hero__overlay {
    background: linear-gradient(
        to bottom,
        transparent 0%,
        transparent 60%,
        rgba(0,0,0,0.3) 100%
    ) !important;
}

/* Category tag in hero */
.wt-hero__cats span {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}

/* Article card titles */
.wt-card__title {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}
.wt-card__cat {
    font-size: 0.68rem !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}
.wt-card__excerpt {
    font-size: 0.88rem !important;
    color: #666 !important;
    font-weight: 300 !important;
}
.wt-card__meta {
    font-size: 0.78rem !important;
    color: #999 !important;
}

/* Contact page */
.contact-form-section h2 {
    font-size: 1.6rem !important;
    font-weight: 700 !important;
}
.contact-info-card h3 {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
}

/* Legal pages (Privacy / Disclaimer) */
.legal-content h2 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    margin-top: 2rem !important;
}
.legal-content h3 {
    font-size: 1.2rem !important;
    font-weight: 600 !important;
}
.legal-content p, .legal-content li {
    font-size: 0.95rem !important;
    line-height: 1.8 !important;
    color: #444 !important;
}

/* About page */
.about-content h2 {
    font-size: 1.6rem !important;
    font-weight: 700 !important;
}
.about-features h3 {
    font-size: 1.1rem !important;
}

/* Sidebar cards — green border + Inter */
.contact-info-card,
.legal-sidebar .sidebar-card {
    border-left: 4px solid #017B6E !important;
    border-radius: 6px !important;
}

/* Section header green underline — apply to wt- pages too */
.wt-container-wide h2 {
    font-family: 'Playfair Display', Georgia, serif !important;
}

/* ==========================================================================
   Social Share Buttons
   ========================================================================== */
.wt-share {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}
.wt-share--top {
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eee;
}
.wt-share--bottom {
    margin-top: 2rem;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
}
.wt-share--bottom .wt-share__buttons {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}
.wt-share__label {
    font-family: 'Inter', sans-serif;
    font-size: 0.85rem;
    font-weight: 500;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.wt-share__btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.75rem;
    border-radius: 6px;
    font-family: 'Inter', sans-serif;
    font-size: 0.82rem;
    font-weight: 500;
    text-decoration: none !important;
    transition: all 0.2s ease;
    border: 1px solid #ddd;
    color: #444 !important;
    background: #fff;
}
.wt-share__btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.wt-share__btn svg {
    flex-shrink: 0;
}
/* X (Twitter) */
.wt-share__btn--x:hover {
    background: #000;
    color: #fff !important;
    border-color: #000;
}
/* Facebook */
.wt-share__btn--fb:hover {
    background: #1877F2;
    color: #fff !important;
    border-color: #1877F2;
}
/* Pinterest */
.wt-share__btn--pin:hover {
    background: #E60023;
    color: #fff !important;
    border-color: #E60023;
}
/* Email */
.wt-share__btn--email:hover {
    background: #017B6E;
    color: #fff !important;
    border-color: #017B6E;
}
/* Top bar: icon only (compact) */
.wt-share--top .wt-share__btn {
    padding: 0.4rem;
}
/* Bottom bar: icon + text */
.wt-share--bottom .wt-share__btn span {
    font-size: 0.82rem;
}

@media (max-width: 768px) {
    .wt-share--bottom .wt-share__buttons {
        width: 100%;
    }
    .wt-share--bottom .wt-share__btn {
        flex: 1;
        justify-content: center;
        min-width: 100px;
    }
}