/*
Theme Name: McCLICK
Description: Minimal, elegant theme for McCLICK, a boutique paid search advertising agency.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mcclick
*/
:root{--g9:#071E13;--g8:#0B2B1C;--g7:#123A27;--gold:#EAC171;--gold-d:#8A6A22;--paper:#F3F5EF;--mist:#B7C6BA;--w:1120px;--serif:'Newsreader',Georgia,'Times New Roman',serif;--sans:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--g8);color:var(--mist);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}a{color:var(--gold)}
h1,h2,h3{font-family:var(--serif);font-weight:400;color:#fff;line-height:1.1;letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(2.7rem,6.2vw,4.9rem)}h2{font-size:clamp(1.9rem,3.6vw,2.9rem)}h3{font-size:1.4rem;line-height:1.25}
p{margin:0 0 1.1em;max-width:62ch}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.mc-light :focus-visible{outline-color:var(--g8)}
.mc-skip{position:absolute;left:-999px}.mc-skip:focus{left:1rem;top:1rem;background:var(--gold);color:var(--g8);padding:.5rem 1rem;z-index:99}
.mc-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem max(1.5rem,calc((100% - var(--w))/2));background:rgba(11,43,28,.95);backdrop-filter:blur(8px);border-bottom:1px solid rgba(234,193,113,.18)}
.mc-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--gold);font:500 1.7rem/1 var(--serif)}
.mc-brand img{display:block;height:40px;width:auto}
.mc-nav ul{display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}
.mc-nav a{color:var(--mist);text-decoration:none;font-weight:500;font-size:.95rem;padding:.4rem 0;border-bottom:1px solid transparent}
.mc-nav a:hover,.mc-nav .current-menu-item>a{color:var(--gold);border-color:var(--gold)}
.mc-nav li:last-child a{color:var(--gold);border:1px solid var(--gold);padding:.55rem 1.1rem;border-radius:2px}
.mc-nav li:last-child a:hover,.mc-nav li:last-child.current-menu-item>a{background:var(--gold);color:var(--g8)}
.mc-toggle{display:none;background:none;border:1px solid var(--gold);color:var(--gold);padding:.45rem .9rem;border-radius:2px;font:inherit;cursor:pointer}
.mc-section{padding:clamp(3.5rem,8vw,7rem) max(1.5rem,calc((100% - var(--w))/2))}
.mc-content>:not(.mc-section){padding:2rem max(1.5rem,calc((100% - var(--w))/2))}
.mc-light{background:var(--paper);color:#3d5044}.mc-light h1,.mc-light h2,.mc-light h3{color:var(--g8)}.mc-light a{color:var(--gold-d)}
.mc-deep{background:var(--g9)}.mc-gold{color:var(--gold)}
.mc-lead{font-size:1.2rem;color:#dfe8e0;max-width:46ch}
.mc-pagehead{padding-bottom:clamp(3rem,6vw,5rem);border-bottom:1px solid rgba(234,193,113,.18)}
.mc-pagehead h1{font-size:clamp(2.4rem,5vw,3.8rem)}
.mc-hero{position:relative;overflow:hidden}
.mc-hero:before{content:"";position:absolute;right:-4%;top:50%;width:560px;height:700px;transform:translateY(-50%);background:url(assets/mark.png) center/contain no-repeat;opacity:.06;pointer-events:none}
.mc-hero>*{position:relative}
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.8rem 0 0}.wp-block-button{margin:0}
.mc-btn .wp-block-button__link{background:var(--gold);color:var(--g8);border:1px solid var(--gold);border-radius:2px;padding:.85rem 1.6rem;font:600 .98rem var(--sans);text-decoration:none;transition:background .2s}
.mc-btn .wp-block-button__link:hover{background:#f3d189}
.mc-btn.is-ghost .wp-block-button__link{background:transparent;color:var(--gold)}.mc-btn.is-ghost .wp-block-button__link:hover{background:rgba(234,193,113,.12)}
.mc-btn.is-dark .wp-block-button__link{background:var(--g8);border-color:var(--g8);color:var(--gold)}.mc-btn.is-dark .wp-block-button__link:hover{background:var(--g9)}
.mc-grid{display:grid;gap:clamp(1.5rem,3vw,3rem);margin-top:2.5rem}.mc-grid>*{margin:0;min-width:0}
.mc-g2{grid-template-columns:repeat(2,1fr)}.mc-g3{grid-template-columns:repeat(3,1fr)}.mc-g4{grid-template-columns:repeat(4,1fr)}
.mc-hero-grid{grid-template-columns:1.2fr 1fr;align-items:center;margin-top:0}
.mc-svc{border-top:1px solid var(--gold-d);padding-top:1.2rem}
.mc-num{font:300 3rem/1 var(--serif);color:var(--gold);margin:0 0 .6rem}
.mc-row{grid-template-columns:1fr 1.4fr;margin:0;padding:2.5rem 0;border-top:1px solid rgba(11,43,28,.18)}.mc-row h2{font-size:1.9rem}
.mc-light ul{padding-left:1.1rem;margin:0 0 1rem}.mc-light li{margin:.3rem 0}
.mc-case{border:1px solid rgba(11,43,28,.18);background:#fff;padding:1.8rem}
.mc-stat{font:300 4rem/1 var(--serif);color:var(--g8);margin:0 0 .3rem}.mc-stat-l{font-weight:600;color:var(--g8);margin-bottom:1.4rem}
.mc-bigmark{width:150px;height:auto}
.mc-cta{background:var(--gold);color:#2b3a22}.mc-cta h2{color:var(--g8)}
.mc-serp{background:#fff;color:#202124;border-radius:6px;padding:1.2rem 1.3rem 1.4rem;box-shadow:0 30px 60px -25px rgba(0,0,0,.6);font:400 .95rem/1.45 var(--sans);animation:mc-in .9s .15s both}
.mc-serp-q{border:1px solid #dfe1e5;border-radius:999px;padding:.55rem 1rem;margin-bottom:1.1rem}
.mc-serp-tag{font-weight:700;font-size:.8rem}
.mc-serp-site{display:flex;align-items:center;gap:.5rem;margin:.35rem 0 .2rem;font-size:.85rem}
.mc-serp-site img{width:22px;height:22px;padding:3px;border-radius:50%;background:var(--g8)}
.mc-serp-title{font-size:1.2rem;color:#1a0dab;line-height:1.3}.mc-serp-desc{color:#4d5156;margin-top:.2rem}
.mc-serp-ghost{margin-top:1.3rem;display:grid;gap:.5rem}.mc-serp-ghost i{height:9px;border-radius:5px;background:#eceef0}
.mc-serp-ghost i:nth-child(2){width:80%}.mc-serp-ghost i:nth-child(3){width:60%}
@keyframes mc-in{from{opacity:0;transform:translateY(16px)}}
.mc-form p{margin:0 0 1.2rem;max-width:none}
.mc-form label,.mc-form legend{display:block;font-weight:600;font-size:.92rem;color:var(--g8);margin-bottom:.35rem}.mc-form label span{font-weight:400;color:#6b7c70}
.mc-form input:not([type=checkbox]),.mc-form select,.mc-form textarea{width:100%;font:inherit;padding:.75rem .9rem;border:1px solid #b9c4bb;border-radius:2px;background:#fff;color:var(--g8)}
.mc-form textarea{min-height:150px}.mc-form fieldset{border:0;padding:0;margin:0 0 1.2rem}
.mc-form .mc-check{display:flex;gap:.6rem;align-items:center;font-weight:400;margin:.3rem 0}.mc-form .mc-check input{width:auto}
.mc-form button{background:var(--g8);color:var(--gold);border:0;border-radius:2px;padding:.95rem 1.8rem;font:600 1rem var(--sans);cursor:pointer}.mc-form button:hover{background:var(--g7)}
.mc-hp{position:absolute;left:-9999px}
.mc-note{border-left:3px solid var(--g8);background:#e4ebe2;padding:1rem 1.2rem;margin-bottom:1.5rem}.mc-err{border-color:#a33;background:#f6e3e3}
.mc-details p{margin:0 0 1rem}.mc-details strong{color:#fff}.mc-light .mc-details strong{color:var(--g8)}
.mc-footer{background:var(--g9);padding:3.5rem max(1.5rem,calc((100% - var(--w))/2)) 2rem;font-size:.95rem;border-top:1px solid rgba(234,193,113,.18)}
.mc-foot{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2.5rem;align-items:start}.mc-foot img{width:230px;height:auto}
.mc-footer ul{list-style:none;margin:0;padding:0}.mc-footer li{margin:.4rem 0}.mc-footer a{color:var(--mist);text-decoration:none}.mc-footer a:hover{color:var(--gold)}
.mc-copy{margin:2.5rem 0 0;font-size:.85rem;color:#7f9486;max-width:none}
@media(max-width:900px){.mc-g3,.mc-g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.mc-toggle{display:block}.mc-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--g8);padding:1rem 1.5rem 1.5rem;border-bottom:1px solid rgba(234,193,113,.18)}.nav-open .mc-nav{display:block}.mc-nav ul{flex-direction:column;align-items:flex-start;gap:1rem}}
@media(max-width:700px){.mc-grid,.mc-foot{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.mc-serp{animation:none}html{scroll-behavior:auto}}