/*
========================================================
Wander Wise Pro - Global Styles
========================================================
*/
 
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Josefin+Sans:wght@300;400;500;600;700&display=swap');
 
/* -----------------------------------------------------
Global Fonts
----------------------------------------------------- */
 
:root{
    --heading-font:'Cinzel',serif;
    --body-font:'Josefin Sans',sans-serif;
}
 
body{
    font-family:var(--body-font);
    font-size:18px;
    line-height:1.75;
    color:#334155;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
 
p,
span,
a,
li,
input,
textarea,
button,
label{
    font-family:var(--body-font);
}
 
h1,
h2,
h3,
h4,
h5,
h6{
    font-family:var(--heading-font);
    font-weight:700;
    line-height:1.2;
    letter-spacing:.5px;
    color:#0F172A;
}
 
img{
    max-width:100%;
    height:auto;
    display:block;
}
 
/* -----------------------------------------------------
Newsletter
----------------------------------------------------- */
 
.ww-newsletter{
    padding:100px 0;
    background:#F8FAFC;
    text-align:center;
}
 
.ww-newsletter .ww-container{
    max-width:650px;
}
 
.ww-newsletter h2{
    margin-bottom:14px;
}
 
.ww-newsletter p{
    margin-bottom:32px;
}
 
.ww-newsletter-form{
    display:flex;
    align-items:center;
    gap:12px;
}
 
.ww-newsletter-form input{
    flex:1;
    height:56px;
    padding:0 20px;
    border:1px solid #E2E8F0;
    border-radius:999px;
    font-size:16px;
    outline:none;
}
 
.ww-newsletter-form input:focus{
    border-color:var(--primary);
}
 
.ww-newsletter-form button{
    height:56px;
    min-width:170px;
    padding:0 32px;
    border:none;
    border-radius:999px;
    background:var(--primary);
    color:#fff;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
    white-space:nowrap;
    writing-mode:horizontal-tb;
    text-orientation:mixed;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s ease;
    flex-shrink:0;
}
 
.ww-newsletter-form button:hover{
    background:var(--primary-dark);
    transform:translateY(-2px);
}
 
/* -----------------------------------------------------
Mobile
----------------------------------------------------- */
 
@media (max-width:768px){
 
    body{
        font-size:17px;
    }
 
    h1{
        font-size:38px;
    }
 
    h2{
        font-size:30px;
    }
 
    .ww-newsletter{
        padding:70px 20px;
    }
 
    .ww-newsletter-form{
        flex-direction:column;
    }
 
    .ww-newsletter-form input,
    .ww-newsletter-form button{
        width:100%;
        max-width:100%;
    }
 
    .ww-newsletter-form button{
        min-width:unset;
    }
 
}

/* ======================================
Front page layout safety net

The homepage is rendered entirely by this plugin's own header/hero/
sections, but the active theme (Kadence) may still be reserving space
for its own sidebar/widget column on this page depending on its
per-page layout setting. That's the most likely cause of a blank
gutter beside the hero and any stray theme navigation markup showing
through. This forces the theme's content area to true full width and
hides its sidebar/mobile-drawer on the front page specifically -
it does not touch any other page on the site.
====================================== */

body.home #primary,
body.home .content-area,
body.home .site-main,
body.home #main{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

body.home #secondary,
body.home .sidebar,
body.home .widget-area,
body.home .site-header,
body.home .site-footer,
body.home .kadence-mobile-drawer,
body.home .mobile-nav-wrap{
    display:none !important;
}