/*
Theme Name: Arunika Creative
Theme URI: https://arunikacreative.online
Author: Arunika Creative
Author URI: https://arunikacreative.online
Description: Custom theme for Arunika Creative — strategic, data-led creative and digital marketing. Includes a dedicated homepage template plus styled blog and page templates.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: arunika-creative
*/

:root{
  --primary:#FF6B4A;--secondary:#FFB347;--soft:#FFD1C0;
  --dark:#1D2B4F;--bg:#FFF8F0;--ink:#2A2420;--white:#FFFFFF;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);font-family:'Space Grotesk',system-ui,sans-serif;color:var(--ink);}
img,svg{max-width:100%;}
a,a:link,a:visited,a:hover,a:active{text-decoration:none !important;}
a{color:inherit;}
.wrap{width:100%;max-width:1100px;margin:0 auto;padding:0 24px;}
.btn{display:inline-block;border-radius:999px;font-weight:600;text-decoration:none !important;transition:opacity .15s ease;cursor:pointer;border:none;}
.btn:hover{opacity:.85;}
.btn-outline{border:1.5px solid var(--dark);color:var(--dark);background:transparent;padding:9px 20px;font-size:13px;}
.btn-primary{background:var(--primary);color:var(--bg);padding:15px 32px;font-size:15px;}
.btn-dark{background:var(--dark);color:var(--bg);padding:15px 32px;font-size:15px;}

.nav{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px;border-bottom:1px solid #EDE3D6;}
.brand{display:flex;align-items:center;gap:10px;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:18px;text-decoration:none;color:var(--ink);}
.brand,.brand *{text-decoration:none !important;}
.brand .mark{width:32px;height:32px;flex-shrink:0;}
.nav-menu{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0;}
.nav-menu li{margin:0;}
.nav-menu a{text-decoration:none;color:var(--ink);font-size:14px;font-weight:500;}
.nav-menu a{text-decoration:none !important;}
.nav-menu a:hover{color:var(--primary);}
.nav-right{display:flex;align-items:center;gap:20px;}

.hero{padding-top:clamp(48px,9vw,100px);padding-bottom:clamp(44px,7vw,88px);text-align:center;}
.hero .mark{width:clamp(64px,12vw,104px);height:clamp(64px,12vw,104px);margin:0 auto 22px;}
.eyebrow{font-weight:600;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--primary);margin-bottom:16px;}
.h1{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:clamp(28px,6vw,56px);line-height:1.12;letter-spacing:-0.02em;max-width:760px;margin:0 auto 18px;}
.sub{font-size:clamp(15px,2vw,18px);line-height:1.6;opacity:.72;max-width:580px;margin:0 auto 26px;}

.stats{background:var(--dark);padding-top:clamp(28px,5vw,44px);padding-bottom:clamp(28px,5vw,44px);}
.stats-row{display:flex;flex-wrap:wrap;justify-content:center;gap:30px 10px;text-align:center;}
.stat{flex:0 1 140px;}
.stat-num{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:clamp(26px,5vw,44px);color:var(--bg);white-space:nowrap;}
.stat-label{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--soft);font-weight:500;margin-top:6px;}

.section{padding-top:clamp(48px,8vw,80px);padding-bottom:clamp(48px,8vw,80px);}
.why-row{display:flex;flex-wrap:wrap;gap:clamp(28px,5vw,56px);align-items:center;}
.why-left{flex:1 1 320px;display:flex;flex-direction:column;gap:16px;}
.why-right{flex:1.6 1 360px;font-size:clamp(15px,1.7vw,17px);line-height:1.75;}
.h2{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:clamp(24px,4vw,34px);line-height:1.2;}
.quote{padding:18px 20px;background:var(--soft);border-radius:12px;font-size:15px;line-height:1.5;font-weight:500;color:var(--dark);font-style:italic;}

.services{background:var(--soft);}
.section-head{text-align:center;margin-bottom:clamp(28px,5vw,40px);}
.h2c{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:clamp(24px,4vw,36px);margin-top:10px;}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.card{background:var(--bg);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;}
.card,.card *{text-decoration:none !important;}
.card-title{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:17px;}
.card-desc{font-size:14px;line-height:1.5;opacity:.75;transition:font-weight .1s ease;}
.card:hover .card-desc{font-weight:600;}
.card-more{margin-top:auto;padding-top:6px;font-size:13px;font-weight:500;color:var(--primary);transition:font-weight .1s ease;}
.card:hover .card-more{font-weight:600;}
.badge{display:inline-block;align-self:flex-start;padding:4px 10px;border-radius:999px;background:var(--primary);color:var(--bg);font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;}

.ghost-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;}
.ghost-card{border:2px dashed var(--soft);border-radius:16px;padding:30px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;height:300px;}
.ghost-icon{width:28px;height:28px;}
.ghost-cat{font-weight:600;font-size:13px;opacity:.6;}
.ghost-soon{font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--primary);}

.work-card{background:var(--bg);border:1px solid #EDE3D6;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:border-color .15s ease;height:300px;}
.work-card,.work-card *{text-decoration:none !important;}
.work-card:hover{border-color:var(--primary);}
.work-thumb{width:100%;height:180px;object-fit:cover;display:block;}
.work-info{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1;overflow:hidden;}
.work-title{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:15px;line-height:1.35;}

.partners{background:var(--bg);}
.partners-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;}
.partner-slot{width:150px;height:68px;border:2px dashed var(--soft);border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);opacity:.65;text-align:center;padding:0 10px;}
.partner-logo{width:112.5px;height:51px;object-fit:contain;}

.cta{background:var(--primary);padding-top:clamp(44px,8vw,70px);padding-bottom:clamp(44px,8vw,70px);text-align:center;}
.cta .h2{color:var(--bg);max-width:560px;margin:0 auto 22px;}

.footer{background:var(--dark);}
.footer-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding-top:26px;padding-bottom:26px;}
.footer-brand{display:flex;align-items:center;gap:10px;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:16px;color:var(--bg);text-decoration:none;}
.footer-brand,.footer-brand *{text-decoration:none !important;}
.footer-brand .mark{width:26px;height:26px;}
.footer-right{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--soft);}
.footer-right a{text-decoration:none !important;color:var(--soft);}
.footer-widgets{border-top:1px solid rgba(255,255,255,.12);padding-top:26px;padding-bottom:26px;color:var(--soft);font-size:13px;}
.footer-widgets .widget-title{color:var(--bg);font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:14px;margin:0 0 10px;}

/* Blog / page content (WYSIWYG output from the block editor) */
.page-title{text-align:left;font-size:clamp(28px,5vw,44px);margin:0 0 24px;}
.entry-meta{font-size:13px;color:var(--ink);opacity:.6;margin-bottom:18px;}
.page-content,.entry-content{font-size:16px;line-height:1.75;}
.page-content h2,.entry-content h2{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:26px;margin:1.6em 0 .6em;}
.page-content h3,.entry-content h3{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:21px;margin:1.4em 0 .6em;}
.page-content p,.entry-content p{margin:1em 0;}
.page-content a,.entry-content a{color:var(--primary);text-decoration:none !important;}
.page-content img,.entry-content img{max-width:100%;height:auto;border-radius:12px;}
.page-content ul,.page-content ol,.entry-content ul,.entry-content ol{padding-left:1.4em;}
.page-content blockquote,.entry-content blockquote{border-left:3px solid var(--soft);padding-left:16px;margin:1.5em 0;font-style:italic;opacity:.85;}
.post-list article{padding:22px 0;border-bottom:1px solid #EDE3D6;}
.post-list h2{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:700;font-size:22px;margin:0 0 6px;}
.post-list h2 a{text-decoration:none !important;color:var(--ink);}
.post-list h2 a:hover{color:var(--primary);}
.pagination{display:flex;gap:12px;justify-content:center;padding:30px 0;font-size:14px;}
.pagination a{color:var(--primary);text-decoration:none !important;}

@media (max-width:600px){
  .nav .btn-outline{padding:7px 14px;font-size:12px;}
  .nav-menu{display:none;}
  .why-row{flex-direction:column;align-items:stretch;text-align:left;}
}