/*
Theme Name: Marketing Desk AI
Theme URI: https://marketingdeskai.com/
Author: Umesh Kaushan
Author URI: https://marketingdeskai.com/
Description: A modern editorial WordPress theme for digital marketing news, AI tools, author profiles and newsletters.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: marketingdesk-ai
Tags: blog, news, custom-menu, featured-images, responsive-layout, accessibility-ready
*/

:root{--ink:#07130f;--paper:#f4f2eb;--white:#fffefa;--acid:#c8ff36;--mint:#8de9c5;--orange:#ff6d3a;--muted:#66706b;--line:rgba(7,19,15,.16)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}
body.admin-bar .site-header{top:32px}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button,input{font:inherit}
.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:12px 16px;background:var(--acid);border-radius:8px;font-weight:800}
.skip-link:focus{top:16px}
:focus-visible{outline:3px solid var(--orange);outline-offset:4px}

.signal-bar{background:var(--acid);border-bottom:1px solid var(--ink)}
.signal-bar .shell{min-height:37px;display:flex;align-items:center;gap:18px;overflow:hidden;font-size:.82rem;white-space:nowrap}
.signal-bar strong,.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.site-header{position:sticky;top:0;z-index:20;background:rgba(244,242,235,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-inner{min-height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px}
.brand{display:inline-flex;align-items:center;gap:11px;font-size:1.12rem;font-weight:800;letter-spacing:-.04em}
.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--ink);color:var(--acid);border-radius:10px;font-size:.84rem;letter-spacing:-.07em}
.main-nav{justify-self:center}
.main-nav-list{display:flex;align-items:center;gap:32px;margin:0;padding:0;list-style:none}
.main-nav a{font-size:.88rem;font-weight:700}
.main-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.header-cta{display:inline-flex;justify-content:center;padding:10px 15px;border:1px solid var(--ink);border-radius:999px;font-size:.84rem;font-weight:800}
.header-cta:hover{background:var(--ink);color:var(--white)}
.menu-toggle{display:none;border:0;background:transparent;padding:8px}
.menu-toggle span:not(.screen-reader-text){display:block;width:23px;height:2px;margin:4px;background:var(--ink)}

h1,h2,h3{font-weight:800;letter-spacing:-.045em}
.hero{padding:56px 0 64px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:24px}
.feature{position:relative;min-height:520px;overflow:hidden;border-radius:30px;padding:clamp(30px,5vw,58px);background:var(--ink);color:var(--white);display:flex;align-items:end}
.feature:before{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(200,255,54,.32);border-radius:50%;right:-150px;top:-205px;box-shadow:0 0 0 62px rgba(200,255,54,.06),0 0 0 124px rgba(200,255,54,.04)}
.feature>div{position:relative;z-index:1}
.pill{display:inline-flex;padding:7px 12px;border:1px solid var(--acid);border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.feature h1{max-width:760px;margin:22px 0 20px;font-size:clamp(2.7rem,6.2vw,5.35rem);line-height:.98}
.feature p{max-width:600px;margin:0 0 30px;color:rgba(255,255,255,.72);font-size:1.08rem}
.arrow-link{display:inline-flex;align-items:center;gap:11px;font-weight:800}
.arrow-link span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--acid);color:var(--ink)}
.briefing{background:var(--white);border:1px solid var(--line);border-radius:30px;padding:30px;display:flex;flex-direction:column}
.brief-head{display:flex;justify-content:space-between;align-items:start;padding-bottom:20px;border-bottom:1px solid var(--line)}
.brief-head h2{margin:0;font-size:1.35rem}
.brief-head small{color:var(--muted);font-weight:800;text-transform:uppercase}
.brief-row{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid var(--line);font-weight:700;line-height:1.35}
.brief-row b{color:var(--muted);font-size:.72rem}
.brief-row small{display:block;margin-top:7px;color:var(--muted);font-size:.75rem;font-weight:500}
.brief-empty{padding:22px 0;color:var(--muted)}
.text-link{font-size:.88rem;font-weight:800;text-decoration:underline;text-underline-offset:5px}
.briefing>.text-link{margin-top:auto;padding-top:20px;text-decoration:none}

.latest,.authors-preview{padding:78px 0;background:var(--white);border-block:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}
.section-head h2{margin:6px 0 0;font-size:clamp(2rem,4vw,3.4rem);line-height:1}
.section-head>p{max-width:430px;margin:0;color:var(--muted)}
.article-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.article-card{display:flex;flex-direction:column;min-height:410px;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--paper);transition:.2s ease}
.article-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(7,19,15,.12)}
.card-visual{height:144px;margin:-10px -10px 24px;border-radius:15px;overflow:hidden;display:flex;align-items:end;padding:18px;font-size:3.7rem;font-weight:900;letter-spacing:-.08em}
.card-visual img{width:100%;height:100%;object-fit:cover}
.visual-0{background:var(--ink);color:var(--acid)}
.visual-1{background:var(--acid);color:var(--ink)}
.visual-2{background:var(--orange);color:var(--ink);font-size:1.8rem}
.article-card h2,.article-card h3{margin:13px 0;font-size:1.42rem;line-height:1.18}
.article-card>p{margin:0;color:var(--muted);font-size:.92rem}
.card-meta{margin-top:auto;padding-top:24px;display:flex;justify-content:space-between;color:var(--muted);font-size:.76rem;font-weight:600}
.empty-state{padding:36px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}
.empty-state h2,.empty-state h3{margin-top:0}

.intelligence{padding:78px 0;background:var(--ink);color:var(--white)}
.section-head.light>p{color:rgba(255,255,255,.62)}
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.15)}
.topic{min-height:205px;padding:27px;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column}
.topic:hover{background:rgba(255,255,255,.05)}
.topic>span{color:var(--acid);font-size:.74rem;font-weight:800}
.topic h3{margin:auto 0 8px;font-size:1.55rem}
.topic p{margin:0;color:rgba(255,255,255,.55);font-size:.88rem}
.tools-section{padding:78px 0;background:var(--mint)}
.tools-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:start}
.tools-section h2{margin:8px 0 0;font-size:clamp(2.3rem,5vw,4.4rem);line-height:1}
.tool-list{border-top:1px solid var(--ink)}
.tool-list a{display:flex;justify-content:space-between;gap:20px;padding:24px 4px;border-bottom:1px solid var(--ink)}
.tool-list span{color:rgba(7,19,15,.65);font-size:.88rem}

.authors-preview{background:var(--paper)}
.author-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.author-card{position:relative;min-height:260px;padding:27px;background:var(--white);border:1px solid var(--line);border-radius:22px;display:flex;flex-direction:column;align-items:flex-start;transition:.2s ease}
.author-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(7,19,15,.1)}
.avatar,.profile-avatar{display:grid;place-items:center;background:var(--acid);font-weight:900}
.avatar{width:58px;height:58px;border-radius:18px}
.author-card h3{margin:22px 0 2px;font-size:1.45rem}
.author-card strong{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.author-card p{margin:13px 0 0;color:var(--muted);font-size:.9rem}
.card-arrow{position:absolute;right:24px;top:26px}

.newsletter{padding:88px 0;background:var(--acid)}
.newsletter-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.newsletter h2{margin:8px 0 18px;font-size:clamp(2.3rem,5vw,4.3rem);line-height:1}
.newsletter p{max-width:560px;margin:0;font-size:1.08rem}
.newsletter-form label{display:block;margin-bottom:8px;font-size:.82rem;font-weight:800}
.newsletter-controls{display:grid;grid-template-columns:1fr auto;gap:10px}
.newsletter-input{width:100%;height:52px;border:1px solid var(--ink);border-radius:12px;background:var(--white);padding:0 16px;font-size:1rem}
.newsletter-button{height:52px;border:1px solid var(--ink);border-radius:12px;background:var(--ink);color:var(--white);padding-inline:22px;font-weight:800;cursor:pointer}
.newsletter-status{min-height:24px;margin:9px 0 0!important;font-size:.8rem!important}
.newsletter-status.success{font-weight:800}.newsletter-status.error{color:#941c1c;font-weight:800}
.compact-newsletter{padding:66px 0}

.site-footer{padding:54px 0 28px;background:var(--ink);color:var(--white)}
.footer-grid{display:grid;grid-template-columns:1.5fr .6fr .6fr;gap:55px;padding-bottom:42px}
.footer-brand{margin-bottom:16px}
.footer-grid p{max-width:430px;color:rgba(255,255,255,.55)}
.footer-grid h2{margin:5px 0 15px;color:var(--acid);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}
.footer-grid>div:not(:first-child) a{display:block;padding:5px 0;color:rgba(255,255,255,.7);font-size:.9rem}
.footer-bottom{display:flex;justify-content:space-between;padding-top:24px;border-top:1px solid rgba(255,255,255,.13);color:rgba(255,255,255,.45);font-size:.76rem}

.page-hero{padding:76px 0 55px;border-bottom:1px solid var(--line)}
.page-hero h1{max-width:950px;margin:10px 0 18px;font-size:clamp(3rem,7vw,6rem);line-height:.98}
.page-hero p,.archive-description{max-width:750px;color:var(--muted);font-size:1.15rem}
.archive-posts{padding:66px 0 90px}
.archive-grid{grid-template-columns:repeat(3,1fr)}
.navigation.pagination{margin-top:40px}
.nav-links{display:flex;flex-wrap:wrap;gap:8px}
.page-numbers{display:grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;font-weight:700}
.page-numbers.current{background:var(--ink);color:var(--white)}

.profile-page{padding:72px 0 90px}
.profile-head{display:grid;grid-template-columns:170px 1fr;gap:46px;align-items:center;padding-bottom:52px;border-bottom:1px solid var(--line)}
.profile-avatar{width:150px;height:150px;border-radius:38px;font-size:2rem}
.profile-head h1{margin:8px 0;font-size:clamp(3rem,7vw,5.8rem);line-height:.95}
.profile-head .role{font-weight:800}
.profile-body{display:grid;grid-template-columns:1fr 320px;gap:70px;padding-top:52px}
.bio-copy p{font-size:1.1rem;line-height:1.75}
.expertise{padding:26px;background:var(--white);border:1px solid var(--line);border-radius:20px}
.expertise h2{margin:0 0 15px;font-size:1rem}
.expertise span{display:inline-flex;margin:4px 3px;padding:7px 10px;background:var(--paper);border-radius:999px;font-size:.78rem;font-weight:700}
.written{padding:75px 0;background:var(--white);border-top:1px solid var(--line)}

.article-hero{padding:70px 0 54px;border-bottom:1px solid var(--line)}
.article-hero h1{max-width:980px;margin:12px 0 22px;font-size:clamp(3rem,7vw,6.2rem);line-height:.98}
.article-dek{max-width:820px;color:var(--muted);font-size:1.2rem}
.article-byline{display:flex;align-items:center;gap:12px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.article-byline .avatar{width:42px;height:42px;border-radius:12px;font-size:.75rem}
.article-byline a{display:block;font-weight:800}
.article-byline span{display:block;color:var(--muted);font-size:.82rem}
.article-layout{display:grid;grid-template-columns:minmax(0,740px) 260px;justify-content:space-between;gap:70px;padding-top:62px;padding-bottom:90px}
.page-layout{grid-template-columns:minmax(0,800px)}
.article-body{font-size:1.08rem;line-height:1.75}
.article-body h2{margin:52px 0 16px;font-size:2.2rem;line-height:1.15}
.article-body h3{margin:38px 0 12px;font-size:1.6rem}
.article-body p{margin:0 0 22px}
.article-body li{padding:5px 0}
.article-body a{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px}
.article-image{margin:0 0 40px}.article-image img{width:100%;border-radius:20px}
.post-tags{margin-top:46px;padding-top:22px;border-top:1px solid var(--line);font-size:.85rem}.post-tags span{font-weight:800}.post-tags a{display:inline-flex;margin:3px;padding:6px 10px;background:var(--white);border-radius:999px;text-decoration:none}
.toc{position:sticky;top:105px;align-self:start;padding:22px;background:var(--white);border:1px solid var(--line);border-radius:18px}
.toc h2{margin:0 0 13px;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}
.toc span,.toc a{display:block;padding:9px 0;border-top:1px solid var(--line);font-size:.84rem;font-weight:700}
.related{padding:72px 0;background:var(--ink);color:var(--white)}
.related .article-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.16);min-height:260px}
.related .article-card>p,.related .card-meta{color:rgba(255,255,255,.58)}
.not-found{min-height:55vh;display:flex;align-items:center}.not-found .header-cta{margin-top:18px}

@media(max-width:920px){
	body.admin-bar .site-header{top:46px}
	.header-inner{grid-template-columns:1fr auto auto;position:relative}
	.menu-toggle{display:block}
	.main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border:1px solid var(--line);box-shadow:0 18px 40px rgba(7,19,15,.12)}
	.main-nav.is-open{display:block}
	.main-nav-list{display:block;padding:12px}
	.main-nav-list a{display:block;padding:13px 12px}
	.hero-grid,.newsletter-grid,.profile-body,.article-layout,.tools-grid{grid-template-columns:1fr}
	.article-cards,.author-cards{grid-template-columns:repeat(2,1fr)}
	.article-card:last-child,.author-card:last-child{grid-column:1/-1}
	.topic-grid{grid-template-columns:repeat(2,1fr)}
	.toc{display:none}
}
@media(max-width:640px){
	.shell{width:min(100% - 28px,1180px)}
	.signal-bar span{overflow:hidden;text-overflow:ellipsis}
	.header-inner{min-height:68px;gap:10px}
	.brand{font-size:.98rem}.brand-mark{width:32px;height:32px}
	.header-cta{font-size:.72rem;padding:8px 10px}
	.hero{padding:28px 0 46px}.feature{min-height:500px;padding:28px;border-radius:22px}.feature h1{font-size:clamp(2.55rem,14vw,4.1rem)}
	.latest,.authors-preview,.intelligence,.tools-section{padding:58px 0}
	.section-head{align-items:start;flex-direction:column}
	.article-cards,.author-cards,.topic-grid,.archive-grid{grid-template-columns:1fr}
	.article-card:last-child,.author-card:last-child{grid-column:auto}
	.newsletter{padding:62px 0}.newsletter-grid{gap:32px}.newsletter-controls{grid-template-columns:1fr}
	.tool-list a{flex-direction:column;gap:5px}
	.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}
	.profile-head{grid-template-columns:1fr;gap:24px}.profile-avatar{width:110px;height:110px}.article-hero{padding:45px 0 38px}.article-layout{padding-top:40px}.article-body{font-size:1rem}
}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}