/*
Theme Name: Clickverse
Theme URI: https://clickverse.bestwebdevelopmentservices.com
Author: Clickverse Web Development
Author URI: https://clickverse.bestwebdevelopmentservices.com
Description: A modern, responsive web development agency theme with smooth transitions, animated sections, service cards, portfolio, and contact details.
Version: 1.1.0
Requires at least: 6.0
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: clickverse
Tags: custom-logo, custom-menu, featured-images, full-width-template, portfolio, translation-ready
*/
:root{--cv-bg:#080a10;--cv-panel:#111521;--cv-panel2:#171d2b;--cv-text:#f5f7fb;--cv-muted:#a9b2c4;--cv-line:rgba(255,255,255,.12);--cv-blue:#D6AD55;--cv-cyan:#F4D27A;--cv-radius:22px;--cv-width:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cv-bg);color:var(--cv-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.7}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 15% 0%,rgba(214,173,85,.14),transparent 38%),radial-gradient(ellipse at 90% 30%,rgba(244,210,122,.07),transparent 34%)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,textarea{font:inherit}.cv-wrap{width:min(var(--cv-width),calc(100% - 40px));margin-inline:auto}.cv-header{position:sticky;top:0;z-index:99;background:rgba(8,10,16,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.cv-nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cv-brand{display:flex;align-items:center;gap:12px;font-size:1.15rem;font-weight:800;letter-spacing:-.04em}.cv-logo{width:55px;height:55px;object-fit:contain;filter:brightness(0) invert(1)}.cv-menu{display:flex;align-items:center;gap:28px;color:#c3cada;font-size:.92rem}.cv-menu a{transition:color .25s}.cv-menu a:hover{color:white}.cv-menu .cv-nav-cta{padding:11px 17px;border:1px solid var(--cv-line);border-radius:999px;color:white}.cv-mobile-toggle{display:none;background:none;border:1px solid var(--cv-line);color:white;border-radius:10px;padding:8px 12px}.cv-hero{position:relative;overflow:hidden;padding:105px 0 88px}.cv-hero:after{content:"";position:absolute;width:400px;height:400px;right:-130px;top:35px;border:1px solid rgba(214,173,85,.18);border-radius:50%;box-shadow:0 0 0 45px rgba(214,173,85,.025),0 0 0 95px rgba(214,173,85,.02);pointer-events:none}.cv-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid var(--cv-line);border-radius:999px;color:#F4D27A;font-size:.75rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.cv-dot{width:7px;height:7px;border-radius:50%;background:var(--cv-cyan);box-shadow:0 0 14px var(--cv-cyan)}.cv-hero h1{max-width:900px;margin:25px 0 20px;font-size:clamp(3rem,7.2vw,6.3rem);line-height:.99;letter-spacing:-.075em;font-weight:800}.cv-gradient{background:linear-gradient(100deg,#FFF4D6 8%,#D6AD55 52%,#F4D27A 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.cv-lead{max-width:650px;color:var(--cv-muted);font-size:1.12rem}.cv-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.cv-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:12px;border:1px solid var(--cv-line);font-weight:750;transition:transform .25s,background .25s,border-color .25s}.cv-btn:hover{transform:translateY(-3px)}.cv-btn-primary{background:#D6AD55;color:#100D07;border-color:#D6AD55}.cv-btn-primary:hover{background:#F4D27A}.cv-btn-secondary:hover{border-color:rgba(214,173,85,.75);background:rgba(214,173,85,.09)}.cv-trust{display:flex;gap:25px;flex-wrap:wrap;margin-top:42px;color:#c4cbda;font-size:.88rem}.cv-trust span:before{content:'✓';color:var(--cv-cyan);margin-right:8px}.cv-section{padding:82px 0}.cv-section-head{max-width:720px;margin-bottom:36px}.cv-kicker{color:var(--cv-cyan);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.cv-section h2{font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.08;letter-spacing:-.055em;margin:12px 0}.cv-section-head p,.cv-muted{color:var(--cv-muted)}.cv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.cv-card{padding:27px;border:1px solid var(--cv-line);border-radius:var(--cv-radius);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));transition:transform .35s,border-color .35s,background .35s;position:relative;overflow:hidden}.cv-card:hover{transform:translateY(-7px);border-color:rgba(214,173,85,.48);background:linear-gradient(145deg,rgba(214,173,85,.11),rgba(255,255,255,.025))}.cv-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(214,173,85,.13);color:var(--cv-blue);font-size:1.35rem;margin-bottom:19px}.cv-card h3{margin:0 0 8px;font-size:1.15rem}.cv-card p{margin:0;color:var(--cv-muted);font-size:.94rem}.cv-project{min-height:220px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#332713,#111521 62%,#211A0D)}.cv-project:nth-child(2){background:linear-gradient(135deg,#302516,#111521 62%,#241D10)}.cv-project:nth-child(3){background:linear-gradient(135deg,#3A2D16,#111521 62%,#20190C)}.cv-project .cv-project-number{font-size:.78rem;color:#F4D27A;letter-spacing:.14em}.cv-project h3{font-size:1.45rem}.cv-project a{color:#F4D27A;font-weight:750}.cv-band{border:1px solid var(--cv-line);border-radius:28px;padding:clamp(28px,6vw,58px);background:radial-gradient(circle at 90% 0%,rgba(214,173,85,.14),transparent 36%),linear-gradient(135deg,#19150D,#0e111a)}.cv-band h2{max-width:750px}.cv-contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px}.cv-contact-list{display:grid;gap:13px;margin-top:25px}.cv-contact-item{padding:16px;border:1px solid var(--cv-line);border-radius:14px;background:rgba(255,255,255,.025)}.cv-contact-item small{display:block;color:var(--cv-muted);margin-bottom:4px}.cv-contact-item a:hover{color:var(--cv-cyan)}.cv-form{display:grid;gap:13px}.cv-form input,.cv-form textarea{width:100%;padding:14px 15px;border:1px solid var(--cv-line);border-radius:12px;background:#0d111b;color:white;outline:none}.cv-form input:focus,.cv-form textarea:focus{border-color:var(--cv-blue)}.cv-form textarea{min-height:130px;resize:vertical}.cv-footer{padding:30px 0;border-top:1px solid var(--cv-line);color:var(--cv-muted);font-size:.88rem}.cv-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.cv-footer-links{display:flex;gap:17px;flex-wrap:wrap}.cv-page{padding:65px 0;min-height:50vh}.cv-page h1{font-size:clamp(2.3rem,5vw,4rem);letter-spacing:-.05em}.cv-entry{max-width:850px}.cv-entry a{color:var(--cv-blue);text-decoration:underline}.cv-entry img{border-radius:16px}.cv-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.cv-reveal.is-visible{opacity:1;transform:translateY(0)}.cv-delay-1{transition-delay:.08s}.cv-delay-2{transition-delay:.16s}.cv-delay-3{transition-delay:.24s}.cv-scroll-top{position:fixed;right:20px;bottom:20px;z-index:20;opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s;border:1px solid var(--cv-line);border-radius:50%;width:44px;height:44px;background:#171d2b;color:white}.cv-scroll-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}@media(max-width:850px){.cv-menu{gap:15px}.cv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cv-contact-grid{grid-template-columns:1fr}.cv-hero{padding:80px 0 65px}}@media(max-width:680px){.cv-nav{height:72px}.cv-logo{width:46px;height:46px}.cv-mobile-toggle{display:block}.cv-menu{display:none;position:absolute;top:72px;left:0;right:0;padding:18px 22px 22px;background:#0b0e16;border-bottom:1px solid var(--cv-line);flex-direction:column;align-items:stretch;gap:5px}.cv-menu.is-open{display:flex}.cv-menu a{padding:10px 5px}.cv-menu .cv-nav-cta{text-align:center;margin-top:8px}.cv-hero{padding:66px 0 55px}.cv-hero h1{font-size:clamp(2.8rem,14vw,4.5rem)}.cv-hero:after{right:-280px}.cv-section{padding:58px 0}.cv-grid{grid-template-columns:1fr}.cv-card{padding:23px}.cv-trust{gap:12px;flex-direction:column}.cv-wrap{width:min(var(--cv-width),calc(100% - 30px))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.cv-reveal{opacity:1;transform:none}}

/* Premium black-and-gold footer */
.cv-footer{position:relative;overflow:hidden;padding:62px 0 22px;background:linear-gradient(180deg,#0B0B0D 0%,#050506 100%);border-top:1px solid rgba(214,173,85,.42);color:#bdb7a9}
.cv-footer:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#D6AD55,transparent)}
.cv-footer-main{display:grid;grid-template-columns:1.4fr .8fr .8fr 1.15fr;gap:36px;padding-bottom:38px}
.cv-footer-brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:16px;color:#fff;font-size:1.35rem;font-weight:850;letter-spacing:-.04em}
.cv-footer-logo{width:54px;height:54px;object-fit:contain;filter:brightness(0) invert(1)}
.cv-footer-description{max-width:330px;color:#a9a293;font-size:.94rem;margin:0}
.cv-footer h3{font-size:.9rem;color:#F4D27A;text-transform:uppercase;letter-spacing:.12em;margin:8px 0 17px}
.cv-footer-list{display:grid;gap:11px;font-size:.9rem}
.cv-footer-list a{color:#c5c0b5;transition:color .25s,transform .25s;display:inline-block}
.cv-footer-list a:hover{color:#F4D27A;transform:translateX(3px)}
.cv-footer-contact{overflow-wrap:anywhere}
.cv-footer-bottom{border-top:1px solid rgba(214,173,85,.2);padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:.82rem;color:#918b7e}
.cv-footer-bottom strong{color:#D6AD55;font-weight:650}
.cv-footer-links{display:flex;gap:19px;flex-wrap:wrap}
.cv-footer-links a:hover{color:#F4D27A}
@media(max-width:850px){.cv-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}}
@media(max-width:520px){.cv-footer{padding-top:45px}.cv-footer-main{grid-template-columns:1fr;gap:25px}.cv-footer-bottom{align-items:flex-start;flex-direction:column}}