/*
Theme Name: Chamet Agency Pro
Author: Topupkorbo
Version: 4.0.0
Description: Mobile-first Elementor-friendly independent Chamet agency landing theme.
Text Domain: chamet-agency-pro
*/
:root{--p:#ff3f8e;--p2:#8b4dff;--dark:#21142b;--muted:#74677c;--bg:#fff7fb;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--dark);line-height:1.6;background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}
.notice{background:#fff1c9;color:#604b12;border-bottom:1px solid #ead79e;font-size:13px;font-weight:600}.notice .wrap{padding:9px 0;text-align:center}
.header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #eee}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:24px;font-weight:900}.brand b{color:var(--p)}.custom-logo{max-height:46px;width:auto}.menu{display:flex;gap:25px;align-items:center;list-style:none;padding:0;margin:0}.menu a{font-weight:700;font-size:14px}.menu a:hover{color:var(--p)}.toggle{display:none;border:0;background:#f1effc;border-radius:10px;padding:9px 12px;font-size:20px}
.hero{overflow:hidden;background:radial-gradient(circle at 85% 15%,#ffe2ef 0,transparent 32%),radial-gradient(circle at 10% 5%,#f0e6ff 0,transparent 35%),#fff;padding:80px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.pill{display:inline-flex;padding:7px 13px;background:#fff0f7;color:#d92f78;border-radius:99px;font-size:13px;font-weight:800}.hero h1{font-size:clamp(40px,5.5vw,70px);line-height:1.04;letter-spacing:-2px;margin:18px 0}.hero h1 span{color:var(--p)}.hero p{font-size:18px;color:var(--muted);max-width:620px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{padding:14px 21px;border-radius:12px;background:linear-gradient(135deg,#ff3f8e,#9a4dff);color:#fff;font-weight:800;box-shadow:0 12px 28px rgba(255,63,142,.22)}.btn.light{background:#fff;color:var(--dark);border:1px solid #ddd;box-shadow:none}
.phone{max-width:390px;margin:auto;background:#19162a;padding:13px;border-radius:38px;box-shadow:0 30px 70px rgba(38,30,90,.2)}.phone-inner{background:linear-gradient(160deg,#7a5cff,#ff6aa9);border-radius:28px;padding:35px 24px;color:#fff;min-height:430px;display:flex;flex-direction:column;justify-content:center}.phone-inner h3{font-size:31px;line-height:1.15;margin:0 0 12px}.phone-inner .mini{background:rgba(255,255,255,.16);padding:14px;border-radius:16px;margin-top:18px}
.section{padding:76px 0}.soft{background:var(--bg)}.title{text-align:center;max-width:760px;margin:0 auto 40px}.title h2{font-size:clamp(30px,4vw,46px);margin:0 0 10px}.title p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #eceaf3;border-radius:20px;padding:26px;box-shadow:0 10px 30px rgba(33,25,77,.04)}.icon{width:48px;height:48px;border-radius:14px;background:#fff0f7;display:grid;place-items:center;font-size:22px;margin-bottom:17px}.card h3{margin:0 0 8px}.card p{color:var(--muted);margin:0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:step}.step{position:relative;background:#fff;padding:26px;border-radius:18px;border:1px solid #eceaf3}.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:36px;height:36px;background:var(--p);color:#fff;border-radius:50%;font-weight:900;margin-bottom:15px}
.cta{padding:55px;border-radius:28px;background:linear-gradient(135deg,#ff3f8e,#854dff);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-size:38px;margin:0 0 8px}.cta p{margin:0;color:#e7e2ff}.cta .btn{background:#fff;color:#3e2fb2;white-space:nowrap}
.content{padding:50px 0;min-height:50vh}.footer{background:#151326;color:#c9c5d7;padding:45px 0}.foot{display:flex;justify-content:space-between;gap:30px}.footer strong{color:#fff}.footer small{display:block;max-width:550px;margin-top:8px}.elementor-page .content{padding:0}.elementor-page .content>.wrap{width:100%;max-width:none}
@media(max-width:820px){.toggle{display:block}.menu-box{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:18px 16px;border-bottom:1px solid #eee}.menu-box.open{display:block}.menu{flex-direction:column;align-items:flex-start}.hero{padding:52px 0}.hero-grid,.cards,.steps{grid-template-columns:1fr}.hero h1{letter-spacing:-1px}.phone{margin-top:15px}.cta{padding:30px;flex-direction:column;align-items:flex-start}.cta h2{font-size:30px}.foot{flex-direction:column}.section{padding:58px 0}}

.default-logo{display:block;max-height:50px;width:auto;max-width:220px}@media(max-width:820px){.default-logo{max-height:42px;max-width:180px}}

/* v3 premium refinements */
body{background:#fff}.hero{padding:96px 0 88px}.hero-grid{gap:70px}.hero p{font-size:19px}
.hero .btn,.cta .btn{transition:.2s transform,.2s box-shadow}.hero .btn:hover,.cta .btn:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(255,63,142,.28)}
.trust-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;color:#575269;font-size:14px;font-weight:700}.trust-row span:before{content:"✓";display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#e9fff3;color:#15955c;margin-right:7px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.stat{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:15px;padding:14px}.stat b{display:block;font-size:20px}
.faq{max-width:860px;margin:auto}.faq details{background:#fff;border:1px solid #ebe9f3;border-radius:15px;margin:12px 0;padding:0 20px}.faq summary{cursor:pointer;font-weight:800;padding:19px 0}.faq details p{color:var(--muted);margin:0 0 19px}
.messenger-float{position:fixed;right:22px;bottom:22px;z-index:1000;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#00b2ff,#006aff);color:#fff;box-shadow:0 12px 30px rgba(0,106,255,.32);font-weight:900;font-size:24px;transition:.2s}.messenger-float:hover{transform:translateY(-3px)}
.mobile-cta{display:none}
@media(max-width:820px){body{padding-bottom:67px}.hero{padding:55px 0 62px}.hero-grid{gap:35px}.hero p{font-size:17px}.stats{grid-template-columns:1fr 1fr 1fr}.messenger-float{bottom:82px;right:16px;width:52px;height:52px}.mobile-cta{position:fixed;display:grid;grid-template-columns:1fr 1fr;bottom:0;left:0;right:0;z-index:998;background:#fff;border-top:1px solid #e9e7ef;padding:9px 12px;gap:8px}.mobile-cta a{display:block;text-align:center;padding:10px 8px;border-radius:10px;font-weight:800;font-size:13px}.mobile-cta .agency{background:var(--p);color:#fff}.mobile-cta .host{background:#fff0f7;color:#9b3671}}

/* v3.1 disclaimer visibility fix */
.notice{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:1001!important;background:#fff1c9!important;color:#604b12!important;width:100%!important}
.notice .wrap{display:block!important;padding:10px 16px!important;text-align:center!important;line-height:1.45!important}
@media(max-width:820px){.notice{font-size:12px!important}.notice .wrap{padding:8px 12px!important}}

/* v3.2 Chamet-inspired brand palette */
.pill{background:linear-gradient(135deg,#fff0f7,#f3eaff);color:#d92f78}
.icon{background:linear-gradient(135deg,#fff0f7,#f1e9ff)}
.phone{background:#21142b}
.phone-inner{background:linear-gradient(145deg,#ff3f8e 0%,#d943bb 45%,#824dff 100%)}
.btn{background:linear-gradient(135deg,#ff3f8e,#a34cff)}
.btn.light{background:#fff;color:#b12f72;border-color:#f2cfe0}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(206,52,130,.10);transition:.2s}
.header{border-bottom-color:#f3dfe9}

/* v4 Multi App Agency directory */
.app-directory{background:#fff}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.app-card{overflow:hidden;border:1px solid #f0e3eb;background:#fff;border-radius:22px;box-shadow:0 10px 35px rgba(85,34,67,.06);transition:.22s}
.app-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(180,45,115,.12)}
.app-thumb{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#fff0f7,#f0e8ff);overflow:hidden}
.app-thumb img{width:100%;height:100%;object-fit:cover}.app-placeholder{height:100%;display:grid;place-items:center;font-size:34px;font-weight:900;color:#d92f78}
.app-body{padding:22px}.app-body h3{font-size:22px;margin:7px 0}.app-body p{color:var(--muted);margin:0 0 18px}.app-badge{display:inline-block;background:#fff0f7;color:#d92f78;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:900;text-transform:uppercase}
.app-actions{display:flex;gap:8px}.app-actions a{flex:1;text-align:center;padding:10px 12px;border-radius:10px;font-weight:800;font-size:13px}.app-actions .view{background:#fff0f7;color:#a42b6b}.app-actions .join{background:linear-gradient(135deg,#ff3f8e,#a34cff);color:#fff}
.empty-apps{grid-column:1/-1;text-align:center;padding:45px;border:2px dashed #efd8e5;border-radius:20px;background:#fff9fc}
.app-single{padding:70px 0;min-height:60vh}.app-single-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.app-single-media img{border-radius:25px;box-shadow:0 20px 50px rgba(68,31,58,.12)}.app-single h1{font-size:clamp(38px,5vw,60px);line-height:1.05;margin:14px 0}.app-description{color:var(--muted);font-size:17px}
@media(max-width:900px){.app-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.app-grid,.app-single-grid{grid-template-columns:1fr}.app-single{padding:45px 0}.app-actions{flex-direction:column}}