@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');
html { color-scheme: light !important; }
body.fiftytools-theme { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif !important; color: #222222 !important; background: #FFFFFF !important; }
body.fiftytools-theme a { color: #1A73E8 !important; text-decoration: none !important; }
body.fiftytools-theme a:hover { text-decoration: none !important; }

body.fiftytools-theme .hero .container { text-align: center !important; }
body.fiftytools-theme .hero { background: radial-gradient(600px 200px at 20% 0%, #eef4ff 0%, #fff 60%), linear-gradient(180deg, #f9fbff, #fff) !important; border-bottom: 1px solid #eee !important; }
body.fiftytools-theme .hero-title { font-size: 42px !important; font-weight: 800 !important; background: linear-gradient(135deg, #0b63f6, #7f53ac) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; }
body.fiftytools-theme.single-tool .tool-hero .hero-title { color:#fff !important; -webkit-text-fill-color: unset !important; background: none !important; }
body.fiftytools-theme.single-tool .tool-hero .hero-title { color:#fff !important; -webkit-text-fill-color: unset !important; background: none !important; }
body.fiftytools-theme .hero-sub { font-size: 18px !important; color: #475569 !important; }
body.fiftytools-theme .hero-search { display: flex !important; align-items: center !important; gap: 12px !important; background: #fff !important; border: 1px solid #e6e8eb !important; border-radius: 14px !important; padding: 10px 12px !important; box-shadow: 0 1px 2px rgba(0,0,0,.06) !important; max-width: 720px !important; margin: 0 auto !important; }
body.fiftytools-theme .hero-search .search-icon { font-size: 18px !important; opacity: .7 !important; }
body.fiftytools-theme .hero-search .search-input { flex: 1 !important; border: none !important; outline: none !important; font-size: 15px !important; }
body.fiftytools-theme .hero-search .search-input { background: #fff !important; color: #222 !important; border-radius: 10px !important; padding: 10px 12px !important; }
body.fiftytools-theme .hero-search .search-btn { border-radius: 10px !important; }
body.fiftytools-theme .tag-filters { margin-top: 14px !important; justify-content: center !important; }

body.fiftytools-theme .btn { background: linear-gradient(135deg, #1A73E8, #4aa0ff) !important; color: #fff !important; border: 1px solid #1669d4 !important; box-shadow: 0 6px 20px rgba(26,115,232,.18) !important; }
body.fiftytools-theme .btn.secondary { background: #fff !important; color: #1A73E8 !important; border-color: #cfe0ff !important; }

body.fiftytools-theme .card { border: 1px solid #e6e6e6 !important; background: #fff !important; box-shadow: 0 1px 2px rgba(0,0,0,.06) !important; }
body.fiftytools-theme .card.card-about { border: none !important; box-shadow: none !important; }
body.fiftytools-theme .card.card-about:hover { box-shadow: none !important; }
body.fiftytools-theme .card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.08) !important; }
body.fiftytools-theme .category-title { margin-bottom: 24px !important; }
body.fiftytools-theme .grid + .category-title { margin-top: 28px !important; }
body.fiftytools-theme .card .meta { background: #f1f5ff !important; color: #0b63f6 !important; padding: 4px 10px !important; border-radius: 999px !important; border: 1px solid #e0ebff !important; }
body.fiftytools-theme .card.card-tool { position: relative !important; overflow: hidden !important; }
body.fiftytools-theme .card-top { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 10px !important; }
body.fiftytools-theme .icon-circle { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; background: linear-gradient(135deg, #1A73E8, #4aa0ff) !important; box-shadow: 0 6px 16px rgba(26,115,232,.18) !important; }
body.fiftytools-theme .badge.featured { display:none !important; }
body.fiftytools-theme .chip { border: 1px solid #e6e6e6 !important; }

body.fiftytools-theme .site-header .nav { position: relative !important; }
body.fiftytools-theme .menu-toggle { display: none !important; }
@media (max-width: 960px) {
  body.fiftytools-theme .menu-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; border-radius: 10px !important; border: 1px solid #e6e6e6 !important; background: #fff !important; }
  body.fiftytools-theme .nav-links { display: none !important; }
  body.fiftytools-theme.nav-open .nav-links { display: block !important; position: absolute !important; left: 16px !important; right: 16px !important; top: 64px !important; background: #fff !important; border: 1px solid #e6e6e6 !important; border-radius: 12px !important; padding: 12px !important; box-shadow: 0 8px 24px rgba(0,0,0,.08) !important; }
  body.fiftytools-theme.nav-open .nav-links > ul { display: flex !important; flex-direction: column !important; gap: 8px !important; list-style: none !important; margin: 0 !important; padding: 0 !important; }
  body.fiftytools-theme .tool-layout { grid-template-columns: 1fr !important; }
  body.fiftytools-theme .tool-sidebar { display: none !important; }
  body.fiftytools-theme .nav-links .sub-menu { position: static !important; box-shadow:none !important; border:0 !important; padding:4px 0 !important; }
}

@media (max-width: 960px) {
  body.fiftytools-theme .brand .logo-svg { width: 64px !important; height: 64px !important; }
  body.fiftytools-theme .menu-toggle { width: 60px !important; height: 60px !important; font-size: 30px !important; }
  body.fiftytools-theme .brand { font-size: 28px !important; }
}

body.fiftytools-theme .site-footer { background: #0f172a !important; color: #cbd5e1 !important; }
body.fiftytools-theme .site-footer a { color: #e2e8f0 !important; }
body.fiftytools-theme .site-footer .grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 24px !important; }
@media (max-width: 960px) { body.fiftytools-theme .site-footer .grid { grid-template-columns: 1fr !important; } }
body.fiftytools-theme .site-footer h3 { margin: 0 0 8px 0 !important; color: #ffffff !important; font-weight: 600 !important; }
body.fiftytools-theme .site-footer ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
body.fiftytools-theme .site-footer li { padding: 6px 0 !important; }
body.fiftytools-theme .site-footer .copyright-row { margin-top: 16px !important; text-align: center !important; }
body.fiftytools-theme .site-footer .grid { display:grid !important; grid-template-columns: repeat(4, 1fr) !important; gap:24px !important; }
@media (max-width: 960px) { body.fiftytools-theme .site-footer .grid { grid-template-columns: 1fr !important; } }
body.fiftytools-theme .site-footer h3 { margin:0 0 8px 0 !important; color:#fff !important; }
body.fiftytools-theme .site-footer ul { list-style:none !important; margin:0 !important; padding:0 !important; }
body.fiftytools-theme .site-footer li { padding:6px 0 !important; }

body.fiftytools-theme .nav-links a { padding: 8px 12px !important; border-radius: 10px !important; }
body.fiftytools-theme .nav-links a { color: #000 !important; }
body.fiftytools-theme .nav-links a:hover { color: #000 !important; }
body.fiftytools-theme .brand .logo-svg { width: 48px !important; height: 48px !important; }
body.fiftytools-theme .brand { font-size: 22px !important; }
body.fiftytools-theme .tag.tag-main { font-weight:700 !important; font-size: 15px !important; background: #0b63f6 !important; color: #fff !important; border-color: #0a57d6 !important; padding: 8px 14px !important; box-shadow: 0 6px 20px rgba(26,115,232,.18) !important; }
body.fiftytools-theme .nav-links > ul { list-style:none !important; margin:0 !important; padding:0 !important; display:flex !important; gap:12px !important; }
body.fiftytools-theme .nav-links li { position:relative !important; }
body.fiftytools-theme .nav-links .submenu-toggle { display:inline-flex !important; align-items:center !important; justify-content:center !important; padding: 8px 6px !important; background: transparent !important; border: 0 !important; cursor: pointer !important; }
body.fiftytools-theme .nav-links .submenu-toggle { color:#e11d48 !important; margin-left:4px !important; }
body.fiftytools-theme .nav-links .submenu-toggle { transition: transform .18s ease !important; }
body.fiftytools-theme .nav-links li.open > .submenu-toggle { transform: rotate(180deg) !important; }
body.fiftytools-theme .nav-links .sub-menu { position:absolute !important; z-index:1000 !important; top:calc(100% + 8px) !important; left:0 !important; min-width:260px !important; background:#fff !important; border:1px solid #e6e6e6 !important; border-radius:14px !important; box-shadow:0 12px 30px rgba(0,0,0,.10) !important; padding:8px 0 !important; display:none !important; }
body.fiftytools-theme .nav-links .sub-menu li { margin:0 !important; }
body.fiftytools-theme .nav-links .sub-menu a { display:block !important; padding:10px 16px !important; color:#334155 !important; border-radius:8px !important; white-space:nowrap !important; }
body.fiftytools-theme .nav-links .sub-menu a:hover { background:#f8fafc !important; }
body.fiftytools-theme .nav-links li.open > .sub-menu { display:block !important; }
body.fiftytools-theme .nav-links li.open > a { background:#f8fafc !important; border:1px solid #e6e6e6 !important; box-shadow:0 6px 16px rgba(0,0,0,.08) !important; }
body.fiftytools-theme .nav-links .sub-menu .sub-menu { left:100% !important; top:0 !important; }
@keyframes dropdownIn { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@media (hover:hover) {
  body.fiftytools-theme .nav-links li.menu-item-has-children:hover > .sub-menu { display:block !important; animation: dropdownIn .16s ease-out; }
}
/* Force white inputs sitewide */
body.fiftytools-theme input,
body.fiftytools-theme input[type="text"],
body.fiftytools-theme input[type="search"],
body.fiftytools-theme input[type="number"],
body.fiftytools-theme select,
body.fiftytools-theme textarea {
  background: #fff !important;
  color: #222 !important;
  border: 1px solid #e6e6e6 !important;
}
body.fiftytools-theme.single-tool .tool-hero .breadcrumbs,
body.fiftytools-theme.single-tool .tool-hero .breadcrumbs a { color:#fff !important; }
body.fiftytools-theme.single-tool .box { box-shadow: none !important; }
body.fiftytools-theme .accordion-content[hidden] { display: none !important; }
body.fiftytools-theme.single-tool .tool-hero .breadcrumbs, 
body.fiftytools-theme.single-tool .tool-hero .breadcrumbs a { color:#fff !important; }
body.fiftytools-theme.single-tool .box { box-shadow: none !important; }
/* Accordion visibility fix */
body.fiftytools-theme .accordion-content[hidden] { display: none !important; }

/* Blog layouts */
body.fiftytools-theme .blog-layout { display:grid !important; grid-template-columns: 3fr 1fr !important; gap:24px !important; }
body.fiftytools-theme .blog-sidebar .box { position: sticky !important; top: 80px !important; }
body.fiftytools-theme .blog-sidebar .box { box-shadow: none !important; }
body.fiftytools-theme .blog-sidebar .sidebar-list { list-style: none !important; margin:0 !important; padding:0 !important; }
body.fiftytools-theme .blog-sidebar .sidebar-list li { padding:8px 0 !important; border-bottom:1px solid #e6e6e6 !important; }
body.fiftytools-theme .blog-sidebar .sidebar-list a { color:#222 !important; text-decoration:none !important; }
@media (max-width: 960px) {
  body.fiftytools-theme .blog-layout { grid-template-columns: 1fr !important; }
  body.fiftytools-theme .blog-sidebar { display:none !important; }
}

body.fiftytools-theme .card.card-post { box-shadow: none !important; }
body.fiftytools-theme .card.card-post:hover { box-shadow: none !important; }
body.fiftytools-theme .blog-main.card { box-shadow: none !important; }
body.fiftytools-theme .blog-main.card:hover { box-shadow: none !important; }
body.fiftytools-theme .card.card-post img { margin-bottom: 10px !important; }
body.fiftytools-theme .card.card-post .tool-title { margin-top: 6px !important; }
body.fiftytools-theme .card.card-post .tool-desc { margin-top: 8px !important; }
body.fiftytools-theme .card.card-post .continue-reading { display:inline-block !important; margin-top:8px !important; font-weight:600 !important; color:#1A73E8 !important; }
body.fiftytools-theme .card.card-post:hover .continue-reading { text-decoration: underline !important; }
body.fiftytools-theme .blog-main .wp-post-image { margin-bottom: 12px !important; }

body.single.fiftytools-theme .blog-sidebar .box { position: static !important; top: auto !important; }
body.single-post.fiftytools-theme .blog-sidebar .box { position: static !important; top: auto !important; }
body.fiftytools-theme .hero { padding: 40px 0 !important; }
body.fiftytools-theme .section { padding: 32px 0 !important; }
body.fiftytools-theme .hero + .section { padding-top: 16px !important; }
body.fiftytools-theme .tag-filters { margin-top: 8px !important; }
body.fiftytools-theme .site-header .nav { padding: 8px 0 !important; }
body.fiftytools-theme .tool-hero { padding: 20px 0 !important; }
body.fiftytools-theme .category-title { margin-bottom: 16px !important; }
body.fiftytools-theme .grid { gap: 12px !important; }
@media (max-width: 960px) { body.fiftytools-theme .tool-hero { padding: 16px 0 !important; } }
body.fiftytools-theme .contact-info li { display:block !important; padding:10px 0 !important; border-bottom:1px solid var(--border) !important; }
body.fiftytools-theme .contact-info .label { font-weight:600 !important; }
body.fiftytools-theme .contact-info .value { margin-top:6px !important; }
body.fiftytools-theme .contact-info .meta { margin-top:4px !important; color: var(--muted) !important; font-size:13px !important; }
body.fiftytools-theme .select-flag { display:flex !important; align-items:center !important; gap:8px !important; }
body.fiftytools-theme .select-flag .flag { display:none !important; }
body.fiftytools-theme .currency-select { position: relative !important; flex: 1 !important; }
body.fiftytools-theme .currency-button { display:flex !important; align-items:center !important; gap:8px !important; width:100% !important; border:1px solid #e6e6e6 !important; background:#fff !important; border-radius:10px !important; padding:8px 10px !important; cursor:pointer !important; }
body.fiftytools-theme .currency-menu { position:absolute !important; z-index:1000 !important; top:calc(100% + 6px) !important; left:0 !important; right:0 !important; background:#fff !important; border:1px solid #e6e6e6 !important; border-radius:12px !important; box-shadow:0 12px 30px rgba(0,0,0,.10) !important; padding:8px !important; max-height:280px !important; overflow:auto !important; }
body.fiftytools-theme .currency-search { padding:6px !important; }
body.fiftytools-theme .currency-search-input { width:100% !important; border:1px solid #e6e6e6 !important; border-radius:8px !important; padding:8px 10px !important; }
body.fiftytools-theme .currency-options { display:flex !important; flex-direction:column !important; gap:4px !important; }
body.fiftytools-theme .currency-option { display:flex !important; align-items:center !important; gap:10px !important; padding:8px !important; border-radius:8px !important; cursor:pointer !important; }
body.fiftytools-theme .currency-option:hover { background:#f8fafc !important; }
body.fiftytools-theme .currency-flag { width:24px !important; height:16px !important; border:1px solid #e6e6e6 !important; border-radius:3px !important; background-size:cover !important; background-position:center !important; display:inline-block !important; }
body.fiftytools-theme .currency-code { min-width:44px !important; font-weight:600 !important; }
body.fiftytools-theme .currency-name { flex:1 !important; color:#334155 !important; }
body.fiftytools-theme .currency-symbol { color:#0b63f6 !important; font-weight:600 !important; }

/* Responsive Grid Overrides */
@media (max-width: 640px) {
  body.fiftytools-theme .grid-2, 
  body.fiftytools-theme .grid-3, 
  body.fiftytools-theme .grid-4 { 
    grid-template-columns: 1fr !important; 
  }
}
@media (min-width: 641px) and (max-width: 960px) {
  body.fiftytools-theme .grid-2, 
  body.fiftytools-theme .grid-3, 
  body.fiftytools-theme .grid-4 { 
    grid-template-columns: repeat(2, 1fr) !important; 
  }
}