/*!
Theme Name: Kava Child
Theme URI:
Author: Zemez
Author URI:
Description: Kava child theme.
Template: kava
Version: 1.0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kava-child
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');



/* ===== Homepage Layout Fixes ===== */

/* Fix double scrollbar: overflow-x:hidden forces overflow-y:auto in browsers.
   Use clip instead, which hides horizontal overflow without triggering a scroll context */
.fv-homepage {
    overflow-x: clip !important;
    overflow-y: visible !important;
}

/* Make homepage sections fill the full available width */
.fv-homepage,
.fv-homepage > section,
.fv-homepage > div {
    width: 100% !important;
    max-width: 100% !important;
}


			/* ===== FINANTSVAADE CUSTOM CSS ===== */

/* Google Fonts */

/* ===== HEADER REDESIGN ===== */

/* Header container - glassmorphism + gradient bottom border */
.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-bottom: none !important;
  box-shadow: 0 1px 0 0 rgba(0,0,0,0.03), 0 4px 24px -4px rgba(0,0,0,0.08) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Animated gradient line under header */



}

/* Logo styling - bold with icon */
.site-header .site-branding a,
.site-header .site-title a {
  font-family: 'Inter', sans-serif !important;
  font-weight: 800 !important;
  font-size: 26px !important;
  color: #064e3b !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  letter-spacing: -0.5px !important;
  transition: all 0.3s ease !important;
  position: relative !important;
}

/* Logo icon - chart bars via pseudo-element */
.site-header .site-branding a::before,
.site-header .site-title a::before {
  content: '' !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='8' y1='16' x2='8' y2='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='6'/%3E%3Cline x1='16' y1='16' x2='16' y2='12'/%3E%3C/svg%3E") no-repeat center / 20px, linear-gradient(135deg, #064e3b, #10b981) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3) !important;
  transition: all 0.3s ease !important;
}

.site-header .site-branding a:hover::before,
.site-header .site-title a:hover::before {
  transform: scale(1.08) !important;
  box-shadow: 0 4px 16px rgba(16, 185, 129, 0.4) !important;
}

.site-header .site-branding a:hover,
.site-header .site-title a:hover {
  color: #10b981 !important;
}

/* Nav links styling */
.site-header .main-navigation a,
.site-header .header-navigation a,
.site-header nav a {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #374151 !important;
  text-decoration: none !important;
  letter-spacing: 0.2px !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
}

.site-header .main-navigation a:hover,
.site-header .header-navigation a:hover,
.site-header nav a:hover {
  color: #10b981 !important;
  background: rgba(16, 185, 129, 0.08) !important;
}

/* Active nav item */
.site-header .current-menu-item a,
.site-header .current_page_item a {
  color: #10b981 !important;
  background: rgba(16, 185, 129, 0.1) !important;
  font-weight: 700 !important;
}

/* Header inner container */
.site-header .container,
.site-header .site-header__wrap {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 12px 24px !important;
  display: flex !important;
  align-items: center !important;
}

/* ===== HIDE OLD THEME FOOTER ===== */
footer.site-footer,
footer.page-footer,
.site-footer {
  display: none !important;
}

/* ===== HIDE PAGE TITLES ===== */
.page .entry-title,
.page-header h1,
body.page .site-content .entry-title,
.single-post .entry-title {
  display: none !important;
}

/* Hide site description */
.site-description {
  display: none !important;
}

/* ===== FULL WIDTH CONTENT ===== */
.site-content .container,
.site-content-inner,
.site-content .site-content__wrap {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ===== BREADCRUMBS ===== */
.site-breadcrumbs {
  background: #f0fdf4 !important;
  padding: 12px 24px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
}

.site-breadcrumbs a {
  color: #10b981 !important;
  text-decoration: none !important;
}

.site-breadcrumbs a:hover {
  color: #064e3b !important;
}

/* ===== SMOOTH SCROLL ===== */
html {
  scroll-behavior: smooth !important;
}

/* ===== SELECTION COLOR ===== */
::selection {
  background: rgba(16, 185, 129, 0.2) !important;
  color: #064e3b !important;
}

/* ===== HIDE ADMIN ELEMENTS ===== */
.post-edit-link, a.post-edit-link {
  display: none !important;
}

/* Hide WP admin bar spacing if any */
.set-menu.social-list,
.set-menu.social-list--footer,
div.set-menu,
.social-list--footer {
  display: none !important;
}

/* ===== BACK TO TOP BUTTON STYLE ===== */
.fv-back-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: linear-gradient(135deg, #064e3b, #10b981);
  color: white;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3);
  transition: all 0.3s ease;
  z-index: 999;
  opacity: 0;
  transform: translateY(20px);
}

.fv-back-top.visible {
  opacity: 1;
  transform: translateY(0);
}

.fv-back-top:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.4);
}


/* Remove white space between header and content */
.site-content,
.site-content-inner,
.site-content .site-content__wrap,
#content,
main,
.site-main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.site-header + *,
.site-header ~ .site-content,
.site-header ~ #content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Remove any theme spacing above content area */
body.page .site-content {
  padding-top: 0 !important;
}

.entry-content,
.page .entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Remove breadcrumb spacing on homepage */
body.home .site-breadcrumbs,
body.page-template-default.page-id-9 .site-breadcrumbs {
  display: none !important;
}

/* Fix: Remove page-header margin causing gap between header and content */
.page-header, header.page-header {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  display: none !important;
}
.site-main, #main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
article.page, article.hentry {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ===== FIX: Hide empty top-panel to reduce header height ===== */
.site-header .top-panel {
  display: none !important;
}

/* ===== FIX: Logo and nav alignment on same line ===== */
.site-header__wrap .space-between-content {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}
.site-header .site-branding {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}
.site-header .site-logo {
  margin: 0 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
}
.site-header .site-logo__link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  line-height: 1 !important;
}
.site-header .main-navigation {
  display: flex !important;
  align-items: center !important;
}
.site-header .main-navigation .menu {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  gap: 4px !important;
}
.site-header .main-navigation .menu > li {
  display: flex !important;
  align-items: center !important;
}
.site-header .main-navigation .menu > li > a {
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

/* ===== FIX: Scroll glitch - disable smooth scroll, optimize sticky ===== */
html {
  scroll-behavior: auto !important;
}
.site-header {
  will-change: transform !important;
  }


/* ===== REDESIGNED: Back to top button ===== */
#toTop {
  width: 48px !important;
  height: 48px !important;
  background: linear-gradient(135deg, #064e3b, #10b981) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 16px rgba(16, 185, 129, 0.35), 0 2px 4px rgba(0,0,0,0.1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  bottom: 28px !important;
  right: 28px !important;
  z-index: 9998 !important;
  border: 2px solid rgba(255,255,255,0.2) !important;
}
#toTop::after {
  content: '' !important;
  display: block !important;
  width: 12px !important;
  height: 12px !important;
  border-top: 2.5px solid #fff !important;
  border-right: 2.5px solid #fff !important;
  transform: rotate(-45deg) translateY(3px) !important;
  transition: transform 0.3s ease !important;
}
#toTop:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.45), 0 4px 8px rgba(0,0,0,0.12) !important;
  background: linear-gradient(135deg, #065f46, #34d399) !important;
}
#toTop:hover::after {
  transform: rotate(-45deg) translateY(1px) !important;
}
#toTop i, #toTop span, #toTop svg {
  display: none !important;
}

/* Fix: Hide Kava native back-to-top chevron */
#toTop::before {
  display: none !important;
  content: none !important;
}

/* Fix: Ensure sticky works without transform */
.site-header {
  will-change: auto !important;
  transform: none !important;
  -webkit-transform: none !important;
}


/* ===== CRITICAL FIX: Allow sticky header by removing overflow:hidden on .site ===== */
.site {
  overflow: visible !important;
}


/* Fix: Offset sticky header for WP admin bar (logged-in users) */
body.admin-bar .site-header {
  top: 32px !important;
}
@media (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px !important;
  }
}





/* Hide ::after - using real DOM element for progress bar instead */
.site-header::after {
  display: none !important;
}

/* ===== LOGO & BREADCRUMBS FIX ===== */
.site-header .site-branding a,
.site-header .site-logo__link,
.site-header .site-title a {
  text-decoration: none !important;
  color: #064e3b !important;
}

.site-header .site-branding a:visited,
.site-header .site-logo__link:visited {
  color: #064e3b !important;
  text-decoration: none !important;
}