/*
Theme Name: Aarav Multipurpose
Theme URI: https://aaravmultipurpose.com
Author: Aarav Multipurpose
Description: Custom theme for Aarav Multipurpose – Comprehensive Strategy for Online Success.
Version: 1.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: aarav
*/

:root{--maroon:#7a0019;--deep:#4f000f;--gold:#b8862b;--goldl:#d9ac55;--bg:#fdfaf6;--card:#fff;--ink:#2a2226;--mute:#6b6166;--line:#eadfd6;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
:root[data-theme="dark"]{}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1a1214;--card:#251a1d;--ink:#f3eaea;--mute:#b9a9ad;--line:#3a2a2e}}
*,*::before,*::after{box-sizing:inherit}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Inter,system-ui,sans-serif}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif;line-height:1.15;margin:0 0 .5em;color:var(--maroon)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) h1,:root:not([data-theme="light"]) h2,:root:not([data-theme="light"]) h3{color:#f0c9d0}}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.top{background:var(--deep);color:#f4dede;font-size:13.5px}
.top .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.top span{margin-right:20px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:78px}
.brand img{height:80px;width:auto;display:block;mix-blend-mode:multiply;border-radius:6px}
nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;font-weight:500;font-size:15px}
nav a{padding:6px 0;border-bottom:2px solid transparent}
nav a:hover,nav a.on{color:var(--maroon);border-color:var(--gold)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:6px;font-weight:600;border:1.5px solid var(--maroon);cursor:pointer;font:inherit;font-weight:600;transition:.2s}
.btn.gold{background:linear-gradient(135deg,var(--goldl),var(--gold));border-color:var(--gold);color:#3a2300}
.btn.solid{background:var(--maroon);color:#fff}
.btn.solid:hover{background:var(--deep)}
.btn.line{color:var(--maroon);background:transparent;border-color:var(--gold)}
.btn.line:hover{background:var(--maroon);color:#fff}
.burger{display:none;background:none;border:0;font-size:28px;color:var(--maroon);cursor:pointer}
.hero{position:relative;overflow:hidden;background:linear-gradient(100deg,var(--bg) 45%,transparent 70%)}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;padding-top:60px;padding-bottom:110px}
.kicker{color:var(--gold);letter-spacing:.2em;font-size:13px;font-weight:600;text-transform:uppercase}
.hero h1{font-size:clamp(36px,5vw,58px)}
.hero h1 em{color:var(--gold);font-style:normal}
.hero p{max-width:520px;color:var(--mute);font-size:18px}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}
.ticks{display:flex;gap:26px;flex-wrap:wrap;font-weight:500;font-size:15px}
.ticks b{color:var(--maroon)}
.art{position:relative;height:440px;border-radius:14px 14px 14px 90px;overflow:hidden;background:linear-gradient(180deg,#5a3557 0%,#c9707a 45%,#f3b57a 75%,#f8d9a6 100%);box-shadow:0 20px 50px rgba(79,0,15,.25)}
.art svg{position:absolute;left:0;bottom:0;width:100%}
.screen{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%) rotate(-3deg);width:64%;background:#fff;border:8px solid #1e1416;border-radius:10px;padding:14px;box-shadow:0 20px 40px rgba(0,0,0,.4)}
.screen img{width:100%;display:block}
.svc-strip{margin-top:-70px;position:relative;z-index:2}
.grid{display:grid;gap:20px}
.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:26px;box-shadow:0 8px 24px rgba(79,0,15,.07)}
.ic{width:52px;height:52px;border-radius:50%;background:var(--maroon);color:#fff;display:grid;place-items:center;font-size:22px;margin-bottom:14px}
.card h3{font-size:20px;margin-bottom:6px}
.card p{margin:0;color:var(--mute);font-size:15px}
.more{display:inline-block;margin-top:12px;color:var(--gold);font-weight:600;font-size:14px}
section{padding:84px 0}
.alt{background:linear-gradient(180deg,rgba(184,134,43,.07),rgba(122,0,25,.04))}
.head{max-width:640px;margin-bottom:38px}
.head h2{font-size:clamp(28px,3.6vw,40px)}
.head p{color:var(--mute)}
.about{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.stat{text-align:center;padding:24px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.stat b{display:block;font:700 38px "Playfair Display",serif;color:var(--maroon)}
.stat span{font-size:14px;color:var(--mute)}
.tags{display:inline-block;background:rgba(184,134,43,.15);color:#7a5511;padding:3px 10px;border-radius:20px;font-size:12.5px;font-weight:600;margin-bottom:10px}
.proj{padding:0;overflow:hidden}
.proj .pic{height:150px;display:grid;place-items:center;color:#fff;font:700 26px "Playfair Display",serif;background:linear-gradient(135deg,var(--maroon),var(--deep))}
.proj:nth-child(2) .pic{background:linear-gradient(135deg,var(--gold),#7a5511)}
.proj:nth-child(3) .pic{background:linear-gradient(135deg,#3b2a4a,var(--maroon))}
.proj .in{padding:20px 24px 24px}
.steps{counter-reset:s}
.steps .card{position:relative;padding-top:44px}
.steps .card::before{counter-increment:s;content:counter(s);position:absolute;top:-16px;left:24px;width:36px;height:36px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center;font-weight:700}
.jobs{display:grid;gap:14px}
.job{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.job h3{margin:0;font-size:19px}.job p{margin:2px 0 0}
.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}
.contact ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:14px}
form{display:grid;gap:14px}
label{font-size:14px;font-weight:600}
input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);font:inherit;margin-top:5px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#msg{font-size:14px;color:var(--maroon);min-height:20px}
footer{background:var(--deep);color:#e9d3d3;padding:56px 0 24px}
footer .grid{grid-template-columns:1.4fr 1fr 1fr 1fr}
footer h4{color:var(--goldl);margin:0 0 12px;font-family:"Playfair Display",serif;font-size:17px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14.5px}
footer a:hover{color:var(--goldl)}
footer .logo{background:#fff;border-radius:8px;padding:8px;display:inline-block}
footer .logo img{height:64px;display:block}
.copy{border-top:1px solid rgba(255,255,255,.15);margin-top:36px;padding-top:18px;font-size:13.5px;text-align:center}
@media(max-width:920px){
.hero .wrap,.about,.contact{grid-template-columns:1fr}
.g4{grid-template-columns:1fr 1fr}.g3{grid-template-columns:1fr 1fr}
footer .grid{grid-template-columns:1fr 1fr}
.burger{display:block}
nav{position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);display:none}
nav.open{display:block}
nav ul{flex-direction:column;gap:0;padding:8px 22px 16px}nav li{padding:8px 0}
header .btn.gold{display:none}
.art{height:340px}
}
@media(max-width:600px){.g4,.g3,.g2,.two,footer .grid{grid-template-columns:1fr}.top .hide{display:none}.svc-strip{margin-top:-60px}}

.entry{max-width:780px;margin:0 auto}.entry img{max-width:100%;height:auto}.entry h1{font-size:36px}.meta{color:var(--mute);font-size:14px}.postlist .card h3 a:hover{color:var(--gold)}
.notice{background:rgba(184,134,43,.15);border:1px solid var(--gold);padding:10px 14px;border-radius:6px;font-size:14px}
.thumb{display:block;margin:-26px -26px 16px;overflow:hidden;border-radius:10px 10px 0 0}.thumb img{width:100%;height:190px;object-fit:cover;display:block}
.entry>img{border-radius:10px;margin:0 0 20px}

.art.photo img{width:100%;height:100%;object-fit:cover;display:block}
.pimg{display:block;height:170px;overflow:hidden}.pimg img{width:100%;height:100%;object-fit:cover;display:block}
.proj h3 a:hover{color:var(--gold)}

.ci li{display:flex;gap:10px;align-items:flex-start}.ci svg{flex:none;margin-top:3px;color:var(--goldl)}.ci a:hover{color:var(--goldl)}
.btt{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:10px 18px;border:1px solid rgba(255,255,255,.28);border-radius:30px;font-size:14px;color:#fff}.btt:hover{background:rgba(255,255,255,.1);border-color:var(--goldl)}
.wa{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 10px rgba(37,211,102,.16),0 8px 20px rgba(0,0,0,.3);z-index:30;transition:transform .2s}.wa:hover{transform:scale(1.07)}

.ci li{gap:8px}.wa{font-size:28px;line-height:1}

.phead{background:linear-gradient(120deg,var(--deep),var(--maroon));color:#fff;padding:64px 0 54px}
.phead h1,:root:not([data-theme="light"]) .phead h1{color:#fff;font-size:clamp(32px,5vw,48px);margin:8px 0 10px}
.phead p{margin:0;max-width:640px;color:#f0d9d9}.phead .crumb{font-size:14px;color:#e8c7c7}.crumb a:hover{color:var(--goldl)}
.split{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
.ticklist{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px;font-size:15px}
.ticklist li{padding-left:26px;position:relative;color:var(--mute)}.ticklist li::before{content:"✔";position:absolute;left:0;color:var(--gold);font-weight:700}
.faq{max-width:820px}.faq details{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin-bottom:12px}
.faq summary{cursor:pointer;font-weight:600;color:var(--maroon)}.faq p{margin:10px 0 0;color:var(--mute)}
.band{background:linear-gradient(120deg,var(--deep),var(--maroon));color:#fff;padding:54px 0}
.band .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.band h2,:root:not([data-theme="light"]) .band h2{color:#fff;margin:0 0 6px;font-size:30px}.band p{margin:0;color:#f0d9d9}
.chips{display:flex;flex-wrap:wrap;gap:10px}.chips span{background:var(--card);border:1px solid var(--line);border-radius:30px;padding:8px 18px;font-size:14.5px;font-weight:500}
.jobtop{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:8px}.jobtop h3{margin:0}
.card a:not(.btn):hover{color:var(--gold)}
@media(max-width:920px){.split{grid-template-columns:1fr}}

.phead{background-size:cover;background-position:center}
.photo{margin-bottom:20px}.photo img{width:100%;height:auto;max-height:380px;object-fit:cover;border-radius:12px;display:block;box-shadow:0 12px 30px rgba(79,0,15,.18)}
.photo.wide{margin-bottom:34px}.photo.wide img{max-height:420px}
/* OUR TEAM */

.team-grid{
    align-items:stretch;
}

.team-card{
    padding:0;
    overflow:hidden;
    text-align:center;
    border-radius:12px;
}

.team-photo{
    width:100%;
    height:320px;
    overflow:hidden;
    background:#f5eee8;
}

.team-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    display:block;
}

.team-info{
    padding:22px 16px 24px;
}

.team-info h3{
    margin:0 0 6px;
    color:var(--maroon);
    font-size:21px;
    line-height:1.25;
}

.team-role{
    margin:0;
    color:var(--gold);
    font-weight:600;
    font-size:15px;
}

@media(max-width:900px){
    .team-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px){
    .team-grid{
        grid-template-columns:1fr;
    }

    .team-photo{
        height:380px;
    }
}
@media(max-width:600px){
    .team-grid{
        grid-template-columns:1fr;
    }

    .team-photo{
        height:380px;
    }
}
/* Projects - consistent featured image size */
.proj .pimg {
    display: block;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.proj .pimg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top center;
    display: block;
}
/* Mobile floating chat button */
@media (max-width: 600px) {
    .whatsapp {
        width: 42px;
        height: 42px;
        right: 6px;
        bottom: 6px;
	}
}