/*
Theme Name: FreeConvertDesk Theme
Theme URI: https://freeconvertdesk.com/
Author: Genspark
Author URI: https://freeconvertdesk.com/
Description: Premium glassmorphism WordPress theme for FreeConvertDesk multi-tools website.
Version: 1.0.2
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: freeconvertdesk
*/

:root{
  --bg:#f5f8ff;
  --bg-soft:#eef4ff;
  --surface:rgba(255,255,255,.72);
  --surface-strong:rgba(255,255,255,.92);
  --text:#13233f;
  --muted:#5d6b86;
  --border:rgba(255,255,255,.36);
  --line:#dbe5ff;
  --primary:#4f46e5;
  --secondary:#0ea5e9;
  --accent:#7c3aed;
  --success:#10b981;
  --danger:#ef4444;
  --warning:#f59e0b;
  --shadow:0 14px 40px rgba(38,56,118,.12);
  --shadow-lg:0 25px 60px rgba(38,56,118,.16);
  --radius:22px;
  --radius-sm:14px;
  --radius-xs:10px;
  --gradient:linear-gradient(135deg,#4f46e5 0%,#7c3aed 42%,#06b6d4 100%);
  --gradient-soft:linear-gradient(135deg,rgba(79,70,229,.12),rgba(6,182,212,.08));
  --container:min(1200px,calc(100% - 28px));
  --header-h:84px;
}

html[data-theme="dark"]{
  --bg:#09111f;
  --bg-soft:#0c1729;
  --surface:rgba(10,18,32,.72);
  --surface-strong:rgba(10,18,32,.92);
  --text:#eaf1ff;
  --muted:#9cafcb;
  --border:rgba(255,255,255,.08);
  --line:#17253d;
  --shadow:0 14px 40px rgba(0,0,0,.25);
  --shadow-lg:0 25px 60px rgba(0,0,0,.32);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Poppins',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top left,rgba(79,70,229,.18),transparent 26%),
    radial-gradient(circle at top right,rgba(6,182,212,.16),transparent 24%),
    linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%);
  line-height:1.65;
  overflow-x:hidden;
}
img{max-width:100%;height:auto}
a{color:var(--text);text-decoration:none;transition:.3s ease}
a:hover{color:var(--primary)}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:var(--container);margin:0 auto}
.section{padding:76px 0;position:relative}
.section-title{font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;margin:0 0 10px;font-weight:700}
.section-subtitle{max-width:760px;color:var(--muted);margin:0 auto 22px}
.text-center{text-align:center}

.glass,
.card,
.tool-box,
.hero-panel,
.search-suggestions,
.site-header,
.footer-card,
.content-card,
.fcd-tool,
.fcd-related,
.fcd-category-card,
.fcd-rating,
.fcd-share,
.breadcrumb-wrap{
  background:var(--surface);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border:1px solid var(--border);
  box-shadow:var(--shadow);
}

.site-header{
  position:sticky;top:0;z-index:999;border-radius:0 0 24px 24px;
  margin:0 auto;background:rgba(255,255,255,.6)
}
html[data-theme="dark"] .site-header{background:rgba(10,18,32,.72)}
.header-inner{min-height:var(--header-h);display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}
.brand{display:flex;align-items:center;gap:14px;font-weight:700;font-size:1.1rem}
.brand-badge{
  width:46px;height:46px;border-radius:16px;background:var(--gradient);display:grid;place-items:center;color:#fff;font-weight:800;
  box-shadow:0 12px 26px rgba(79,70,229,.3)
}
.brand-text small{display:block;color:var(--muted);font-size:.72rem;font-weight:500}
.main-nav{display:flex;align-items:center;justify-content:center;gap:24px}
.main-nav a,.footer-links a,.fcd-share a,.tool-actions a{
  position:relative;font-weight:500
}
.main-nav a:after,.footer-links a:after,.fcd-share a:after,.tool-actions a:after{
  content:'';position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--gradient);transition:width .3s ease;border-radius:99px
}
.main-nav a:hover:after,.footer-links a:hover:after,.fcd-share a:hover:after,.tool-actions a:hover:after{width:100%}
.header-actions{display:flex;align-items:center;gap:12px}
.icon-btn,.primary-btn,.secondary-btn,.ghost-btn,.search-pill{
  border:none;border-radius:16px;padding:13px 18px;transition:transform .28s ease,box-shadow .28s ease,background .28s ease,color .28s ease
}
.icon-btn:hover,.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover,.search-pill:hover{transform:translateY(-2px) scale(1.02)}
.icon-btn{width:46px;height:46px;padding:0;display:grid;place-items:center;background:var(--surface-strong);color:var(--text)}
.primary-btn{background:var(--gradient);color:#fff;box-shadow:0 18px 30px rgba(79,70,229,.24)}
.secondary-btn{background:rgba(79,70,229,.08);color:var(--primary);border:1px solid rgba(79,70,229,.18)}
.ghost-btn{background:transparent;border:1px solid var(--line);color:var(--text)}
.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover,.icon-btn:hover{box-shadow:0 16px 28px rgba(79,70,229,.18)}

.mobile-toggle{display:none}
.mobile-panel{display:none}

.hero{padding:54px 0 28px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:center}
.hero-panel{padding:34px;border-radius:28px;position:relative;overflow:hidden}
.hero-panel:before,
.cta-box:before{
  content:'';position:absolute;inset:auto -20% -40% auto;width:280px;height:280px;background:radial-gradient(circle,rgba(6,182,212,.24),transparent 62%);pointer-events:none
}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(79,70,229,.08);color:var(--primary);font-weight:600;font-size:.88rem}
.hero h1{font-size:clamp(2.1rem,5vw,4.1rem);line-height:1.04;margin:16px 0 14px}
.hero p{font-size:1.03rem;color:var(--muted);max-width:62ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.stat-card{padding:16px;border-radius:18px;background:var(--gradient-soft);border:1px solid rgba(79,70,229,.08)}
.stat-card strong{display:block;font-size:1.3rem}
.stat-card span{color:var(--muted);font-size:.92rem}
.hero-side{display:grid;gap:18px}
.floating-card{padding:20px;border-radius:24px}
.tool-badge{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.55);margin-top:10px;border:1px solid rgba(255,255,255,.26)}
html[data-theme="dark"] .tool-badge{background:rgba(255,255,255,.03)}
.tool-badge strong{display:block;font-size:.98rem}
.tool-badge span{color:var(--muted);font-size:.86rem}

.search-shell{margin-top:18px;position:relative}
.search-tool-box{
  padding:18px;border-radius:24px;background:var(--surface-strong);display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center
}
.search-field{position:relative}
.search-field input,.form-control,.fcd-tool input,.fcd-tool textarea,.fcd-tool select{
  width:100%;padding:15px 16px 15px 48px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.76);color:var(--text);outline:none;transition:.25s ease
}
html[data-theme="dark"] .search-field input,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .fcd-tool input,
html[data-theme="dark"] .fcd-tool textarea,
html[data-theme="dark"] .fcd-tool select{background:rgba(255,255,255,.03)}
.search-field input:focus,.form-control:focus,.fcd-tool input:focus,.fcd-tool textarea:focus,.fcd-tool select:focus{border-color:rgba(79,70,229,.42);box-shadow:0 0 0 4px rgba(79,70,229,.08)}
.search-field .icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);opacity:.66}
.search-suggestions{position:absolute;top:calc(100% + 10px);left:0;right:0;padding:10px;border-radius:20px;display:none;z-index:50}
.search-suggestions.active{display:block}
.search-suggestions a{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:14px}
.search-suggestions a:hover{background:rgba(79,70,229,.08)}

.grid{display:grid;gap:22px}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card,.fcd-category-card,.fcd-related-item,.feature-card,.faq-item,.latest-card,.footer-card,.content-card{
  border-radius:24px;padding:24px;position:relative;overflow:hidden
}
.card:hover,.fcd-category-card:hover,.fcd-related-item:hover,.feature-card:hover,.latest-card:hover,.content-card:hover{
  transform:translateY(-8px);box-shadow:var(--shadow-lg)
}
.card-icon,.tool-icon,.feature-icon,.cat-icon{
  width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--gradient);color:#fff;font-size:1.5rem;box-shadow:0 16px 28px rgba(79,70,229,.22)
}
.card h3,.feature-card h3,.latest-card h3,.fcd-category-card h3{margin:16px 0 8px;font-size:1.18rem}
.card p,.feature-card p,.latest-card p,.fcd-category-card p,.footer-text,.content-card p{color:var(--muted)}
.inline-link{font-weight:600;color:var(--primary)}
.inline-link:hover{filter:drop-shadow(0 0 12px rgba(79,70,229,.26))}

.categories-hero,.page-hero{padding:36px 0 16px}
.breadcrumb-wrap{padding:14px 18px;border-radius:18px;margin:18px 0 20px;font-size:.92rem;color:var(--muted)}
.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap}
.breadcrumbs span.sep{opacity:.5}

.why-grid .feature-card{min-height:100%}
.faq-list{display:grid;gap:16px;max-width:920px;margin:0 auto}
.faq-item summary{list-style:none;cursor:pointer;font-weight:600;display:flex;justify-content:space-between;gap:16px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item .faq-content{padding-top:14px;color:var(--muted)}
.cta-box{padding:32px;border-radius:30px;position:relative;overflow:hidden;text-align:center}
.cta-box h2{margin:0 0 12px;font-size:clamp(1.8rem,4vw,3rem)}
.cta-box p{max-width:720px;margin:0 auto 18px;color:var(--muted)}

.site-footer{padding:28px 0 38px}
.footer-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr .9fr;gap:20px}
.footer-card{height:100%}
.footer-links{display:grid;gap:10px}
.footer-meta{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:18px;color:var(--muted);font-size:.92rem}
.socials{display:flex;gap:10px;flex-wrap:wrap}
.socials a{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(79,70,229,.08)}

.page-wrap{padding:26px 0 70px}
.content-card{padding:32px}
.page-title{font-size:clamp(2rem,4vw,3rem);margin:0 0 8px}
.page-intro{color:var(--muted);max-width:840px}
.page-content h2,.entry-content h2{font-size:1.65rem;margin-top:1.7em}
.page-content h3,.entry-content h3{font-size:1.2rem;margin-top:1.25em}
.page-content ul,.entry-content ul{padding-left:22px}
.entry-content table{width:100%;border-collapse:collapse}
.entry-content th,.entry-content td{padding:12px;border:1px solid var(--line)}

.fcd-tool{padding:24px;border-radius:24px;margin:24px 0;overflow:hidden}
.fcd-tool-header{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:20px}
.fcd-tool-header p{margin:6px 0 0;color:var(--muted)}
.fcd-tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.fcd-tool-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.fcd-tool-grid.cols-1{grid-template-columns:1fr}
.fcd-tool .full{grid-column:1/-1}
.fcd-tool label{display:block;font-size:.92rem;font-weight:600;margin-bottom:6px}
.fcd-tool .field{display:grid;gap:8px}
.fcd-tool .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.fcd-result,
.fcd-preview,
.fcd-rating,
.fcd-share,
.fcd-related,
.fcd-recently-used{
  margin-top:18px;padding:18px;border-radius:20px;background:rgba(79,70,229,.05);border:1px solid rgba(79,70,229,.08)
}
.fcd-result strong{display:block;margin-bottom:6px}
.fcd-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(79,70,229,.08);color:var(--primary);font-size:.9rem;font-weight:600}
.fcd-help{font-size:.88rem;color:var(--muted)}
.fcd-files{display:grid;gap:10px;margin-top:12px}
.fcd-file-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.55)}
html[data-theme="dark"] .fcd-file-row{background:rgba(255,255,255,.03)}
.fcd-output{white-space:pre-wrap;word-break:break-word}
.fcd-share,.fcd-rating{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.rating-stars button{background:none;border:none;font-size:1.3rem;padding:0 2px;opacity:.35}
.rating-stars button.active{opacity:1;filter:drop-shadow(0 0 10px rgba(245,158,11,.5))}
.fcd-related-items{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}
.fcd-related-item{padding:18px;border-radius:18px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.22)}
html[data-theme="dark"] .fcd-related-item{background:rgba(255,255,255,.03)}
.tag{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(6,182,212,.1);color:#0891b2;font-weight:600;font-size:.85rem}
.hero-tags,.mini-tags{display:flex;gap:10px;flex-wrap:wrap}
.notice{padding:14px 16px;border-radius:14px;background:rgba(14,165,233,.08);border:1px solid rgba(14,165,233,.14);color:var(--muted)}
.error{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.14)}
.success{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.14)}

.share-buttons{display:flex;gap:10px;flex-wrap:wrap}
.share-buttons a,.mini-button{
  display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:14px;background:rgba(79,70,229,.08);font-weight:600
}
.copy-btn{border:none;background:rgba(79,70,229,.08);padding:11px 14px;border-radius:14px;color:var(--primary);font-weight:600}
.copy-btn:hover,.share-buttons a:hover,.mini-button:hover{background:rgba(79,70,229,.14)}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
.reveal.active{opacity:1;transform:none}

.mega-menu{position:relative}
.mega-dropdown{
  position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%);width:min(880px,90vw);padding:20px;border-radius:24px;display:none;
  background:var(--surface-strong);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow-lg)
}
.mega-menu:hover .mega-dropdown{display:block}
.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mega-item{padding:16px;border-radius:18px;background:rgba(79,70,229,.06)}
.mega-item h4{margin:10px 0 8px;font-size:1rem}
.mega-item a{display:block;padding:6px 0;color:var(--muted)}
.mega-item a:hover{color:var(--primary)}

.tool-search-results{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.tool-empty{color:var(--muted);text-align:center;padding:22px}

@media (max-width:1100px){
  .hero-grid,.footer-grid,.grid-4,.grid-3,.fcd-related-items,.tool-search-results,.mega-grid{grid-template-columns:repeat(2,1fr)}
  .header-inner{grid-template-columns:auto auto auto;justify-content:space-between}
  .main-nav{display:none}
  .mobile-toggle,.mobile-panel{display:block}
  .mobile-panel{position:fixed;inset:0 0 0 auto;width:min(360px,90vw);padding:18px;background:var(--surface-strong);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);transform:translateX(100%);transition:transform .3s ease;z-index:1001}
  .mobile-panel.active{transform:none}
  .mobile-panel nav{display:grid;gap:6px;margin-top:20px}
  .mobile-panel nav a{padding:12px 14px;border-radius:14px;background:rgba(79,70,229,.06)}
  .mobile-overlay{position:fixed;inset:0;background:rgba(5,12,24,.45);opacity:0;pointer-events:none;transition:.3s ease;z-index:1000}
  .mobile-overlay.active{opacity:1;pointer-events:auto}
}

@media (max-width:780px){
  :root{--header-h:76px}
  .hero-stats,.grid-2,.fcd-tool-grid,.tool-search-results,.footer-grid,.grid-4,.grid-3,.fcd-related-items{grid-template-columns:1fr}
  .search-tool-box{grid-template-columns:1fr}
  .hero-panel,.floating-card,.card,.content-card,.footer-card{padding:20px}
  .fcd-tool-header{flex-direction:column}
  .hero-actions,.header-actions{gap:10px}
}

@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}


.pro-chip{margin-left:auto}
.post-grid,.post-card,.post-single-card{height:auto}
.post-card h2,.post-single-card h1{line-height:1.2}
.ad-slot{margin:18px 0;padding:22px;border-radius:22px;border:1px dashed rgba(79,70,229,.24);background:linear-gradient(135deg,rgba(79,70,229,.06),rgba(6,182,212,.08));text-align:center}
.ad-slot span{display:block;font-size:1rem;font-weight:700;color:var(--primary)}
.ad-slot small{display:block;color:var(--muted);margin-top:6px}
.post-grid .content-card{padding:24px}
.entry-content iframe,.entry-content video,.entry-content table{max-width:100%}
.entry-content table{display:block;overflow:auto}
@media (max-width:980px){.hero-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.header-inner{gap:12px}.content-card{padding:24px}}
@media (max-width:640px){.footer-grid{grid-template-columns:1fr}.brand-text small{display:none}.page-wrap{padding:20px 0 52px}.content-card,.card,.latest-card,.fcd-category-card{padding:18px}.page-title{font-size:clamp(1.7rem,7vw,2.4rem)}.hero h1{font-size:clamp(1.9rem,9vw,3rem)}.share-buttons a,.mini-button,.copy-btn,.primary-btn,.secondary-btn,.ghost-btn{width:100%;justify-content:center}}


.top-utility-bar{background:#0f172a;color:#fff;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.top-utility-inner{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.top-utility-inner p{margin:0;color:rgba(255,255,255,.84);font-size:.92rem}
.language-switcher{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.language-switcher label{font-size:.84rem;font-weight:600;color:#fff}
.language-switcher select{min-width:180px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.12);color:#fff}
.language-switcher select option{color:#111}
.small-dropdown{width:min(320px,90vw);left:auto;transform:none}
.home-category-dropdown{margin-top:12px;padding:14px;border-radius:20px;background:var(--surface-strong);border:1px solid var(--border);box-shadow:var(--shadow)}
.home-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.home-category-link{display:grid;gap:5px;padding:14px;border-radius:16px;background:rgba(79,70,229,.06);border:1px solid rgba(79,70,229,.08)}
.home-category-link strong{font-size:1rem}
.home-category-link span{color:var(--muted);font-size:.88rem}
@media (max-width:780px){.top-utility-inner{align-items:flex-start}.language-switcher{width:100%}.language-switcher select{width:100%}.home-category-grid{grid-template-columns:1fr}}


/* FCD 1.0.1 enhancements */
.mini-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#fff;color:#111;font-weight:600;box-shadow:0 10px 18px rgba(15,23,42,.16)}
.language-switcher{align-items:center}
.language-switcher .mini-button{white-space:nowrap}
.home-category-shell{z-index:12}
.home-category-shell.is-open .search-tool-box{box-shadow:var(--shadow-lg)}
.home-category-dropdown[hidden]{display:none !important}
.home-category-dropdown{position:relative;z-index:20}
.search-suggestions{z-index:30}
.tool-empty{padding:14px;border-radius:14px;color:var(--muted);background:rgba(79,70,229,.05)}
.main-nav .mega-menu{position:relative}
@media (max-width:980px){
  .language-switcher .mini-button{width:100%}
}


/* FCD 1.0.2 refinements */
.mega-dropdown-wide{width:min(1120px,96vw)}
.mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mega-tool-links{display:grid;gap:4px}
.mega-item.has-two-rows .mega-tool-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:4px}
.small-dropdown .mega-tool-links{grid-template-columns:1fr}
.content-with-rail{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.content-main{min-width:0}
.page-ad-rail{display:grid;gap:18px;position:sticky;top:calc(var(--header-h) + 22px)}
.page-actions-buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.page-actions-buttons-inline{justify-content:flex-start}
.home-category-shell .search-suggestions.active{display:block;position:absolute;left:0;right:0;top:calc(100% + 12px)}
.hero-side .page-ad-rail{top:auto;position:relative}
.mega-item p.fcd-help{margin:8px 0 0}
@media (max-width:1280px){
  .content-with-rail{grid-template-columns:minmax(0,1fr) 260px}
}
@media (max-width:1100px){
  .mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .content-with-rail{grid-template-columns:1fr}
  .page-ad-rail{position:relative;top:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:780px){
  .mega-item.has-two-rows .mega-tool-links,.page-ad-rail{grid-template-columns:1fr}
  .page-actions-buttons{width:100%}
  .page-actions-buttons .primary-btn,.page-actions-buttons .secondary-btn,.page-actions-buttons .mini-button{width:100%;justify-content:center}
}