/*
Theme Name: ClickyOwl
Description: Grow your business with Clickyowl. Explore SEO, online ads, social media and website design shaped around your goals.
Version: 1.0.0
Requires PHP: 8.1
*/

/* Keep hero copy within its column and balance natural wrapping at every width. */
:is(.hero-copy,.seo-hero-copy,.industry-landing-copy,.industry-hub-copy,.services-hero-copy,.about-hero-copy,.contact-intro){min-width:0}
body :is(.hero-copy,.seo-hero-copy,.industry-landing-copy,.industry-hub-copy,.services-hero-copy,.about-hero-copy,.contact-intro,.page-hero) h1{
  max-width:100%;
  text-wrap:pretty;
  word-break:normal;
  overflow-wrap:break-word;
  hyphens:manual;
}
/* Long industry and location names should wrap at word boundaries first. */
body .industry-service-page .seo-hero-copy h1,
body .location-landing .seo-hero-copy h1{overflow-wrap:break-word}
/* Industry heroes use intentional phrase breaks; leave enough room for each phrase. */
body .industry-landing-hero .industry-landing-copy h1{font-size:clamp(38px,3.5vw,58px);text-wrap:pretty}
/* A soft, full-width wash connects service heroes to the rest of the site. */
body :is(.seo-page .seo-hero,.services-hero,.industry-landing-hero,.industry-hub-hero,.about-hero,.contact-hero,.portfolio-hero,.page-hero,.hero.wrap){position:relative;isolation:isolate}
body :is(.seo-page .seo-hero,.services-hero,.industry-landing-hero,.industry-hub-hero,.about-hero,.contact-hero,.portfolio-hero,.page-hero,.hero.wrap)::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  inset:0 calc(50% - 50vw);
  background:radial-gradient(ellipse 38% 55% at 0% 56%,rgba(253,101,13,.075),transparent 75%),
             radial-gradient(ellipse 32% 42% at 100% 20%,rgba(253,101,13,.07),transparent 75%),
             radial-gradient(ellipse 34% 32% at 51% 100%,rgba(253,101,13,.035),transparent 78%);
}
@media(max-width:650px){
  body :is(.seo-page .seo-hero,.services-hero,.industry-landing-hero,.industry-hub-hero,.about-hero,.contact-hero,.portfolio-hero,.page-hero,.hero.wrap)::before{
    background:radial-gradient(ellipse 75% 35% at 0% 28%,rgba(253,101,13,.075),transparent 75%),
               radial-gradient(ellipse 65% 30% at 100% 76%,rgba(253,101,13,.065),transparent 78%);
  }
}
body .seo-page .seo-hero .seo-hero-copy h1{font-size:clamp(38px,4.2vw,62px)}
@media(min-width:1101px){
  body .seo-page .seo-hero.detail-retargeting .seo-hero-copy h1,
  body .seo-page .seo-hero.detail-whatsapp-marketing .seo-hero-copy h1{font-size:clamp(43px,3.25vw,52px)}
}
@media(max-width:650px){
  body .seo-page .seo-hero .seo-hero-copy h1{font-size:clamp(32px,8.5vw,50px)}
  body .industry-landing-hero .industry-landing-copy h1{font-size:clamp(34px,8.5vw,44px)}
}

/* Free AI visibility audit */
.audit-page{overflow:clip}.audit-page h1 span,.audit-page h2 span{color:#fd650d}.audit-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:45% 55%;align-items:center;min-height:calc(100vh - 105px);gap:20px;padding-block:50px}.audit-hero:before{content:'';position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background:radial-gradient(ellipse at 5% 50%,#fff0e8,transparent 48%);pointer-events:none}.audit-copy h1{font-size:clamp(46px,5vw,76px);line-height:1.05}.audit-copy>p:not(.eyebrow){font-size:19px;max-width:510px;margin:25px 0}.audit-art{position:relative;min-height:500px}.audit-blob{position:absolute;inset:10% 8%;background:#ffe7da;border-radius:46% 54% 61% 39%;transform:rotate(-10deg)}.audit-orbit{position:absolute;inset:4% 2%;border:1px solid #ffc3a5;border-radius:50%;transform:rotate(-10deg)}.audit-report{position:absolute;background:#fff;border:1px solid #f3e7e1;border-radius:18px;box-shadow:0 18px 50px #28334c20;padding:23px;color:#0d172a}.audit-report small{font-size:10px;letter-spacing:.08em;color:#748196}.audit-report h2{font-size:23px;margin:13px 0}.audit-report h3{font-size:15px;margin:15px 0}.audit-report p{font-size:12px;margin:8px 0}.audit-report-main{left:8%;top:13%;width:55%;transform:rotate(-4deg)}.audit-report-main p span{float:right;color:#768398}.audit-score{display:flex;gap:16px;align-items:center}.audit-score strong{border:7px solid #fd650d;border-right-color:#ffe3d4;border-radius:50%;width:92px;height:92px;display:grid;place-content:center;font-size:27px;color:#fd650d;line-height:1}.audit-score strong small{font-size:10px;color:#0d172a;letter-spacing:0}.audit-report-plan{right:0;top:4%;width:37%;transform:rotate(4deg)}.audit-report-prompt{right:0;bottom:8%;width:40%;transform:rotate(3deg)}.audit-spark{position:absolute;right:2%;top:48%;color:#fd650d;font-size:30px}.audit-includes,.audit-faq,.audit-request{padding-block:90px}.audit-includes{text-align:center}.audit-includes .eyebrow{justify-content:center}.audit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left;margin-top:38px}.audit-grid article{border:1px solid #f3e7e1;background:#fffaf7;border-radius:18px;padding:26px}.audit-grid article>span,.audit-steps b{display:grid;place-items:center;width:48px;height:48px;background:#ffeadf;color:#fd650d;border-radius:14px;font-weight:800;margin-bottom:15px}.audit-grid h3,.audit-steps h3{font-size:20px}.audit-grid p,.audit-steps p{font-size:15px;margin:9px 0 0}.audit-how{background:#fff5ef;padding:80px 0}.audit-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.audit-request{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.audit-form-card{padding:35px;background:#fff;border:1px solid #f1e4dd;border-radius:22px;box-shadow:0 18px 55px #1220330d}.audit-form-card h3{margin-bottom:20px}.audit-form-card form{display:grid;gap:15px}.audit-form-card label{font-weight:600;font-size:14px}.audit-form-card input{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #d7e0eb;border-radius:10px;font:inherit}.audit-form-card .button{justify-content:center}.audit-privacy{font-size:12px;margin:0}.audit-privacy a{color:#e65708;text-decoration:underline}.audit-honeypot{position:absolute;left:-10000px}.audit-faq{display:grid;grid-template-columns:1fr 1fr;gap:10%}.audit-faq details{border:1px solid #e8ebef;border-radius:14px;margin-bottom:10px;padding:18px 20px}.audit-faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:15px}.audit-faq summary::-webkit-details-marker{display:none}.audit-faq summary span{color:#fd650d;font-size:22px}.audit-faq details p{font-size:14px;margin-bottom:0}.audit-final{background:#fd650d;color:white;border-radius:24px;padding:45px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:60px}.site-footer .footer-grid{grid-template-columns:1.65fr .85fr 1.3fr .8fr 1.35fr;gap:24px}@media(max-width:900px){.site-footer .footer-grid{grid-template-columns:repeat(3,1fr)}.audit-hero{grid-template-columns:1fr 1fr}.audit-report-main{width:65%;left:2%}.audit-report-plan,.audit-report-prompt{width:42%}.audit-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.site-footer .footer-grid{grid-template-columns:repeat(2,1fr)}.audit-hero,.audit-request,.audit-faq{grid-template-columns:1fr;gap:30px}.audit-hero{min-height:0}.audit-art{min-height:400px}.audit-report{padding:15px}.audit-report-main{width:62%}.audit-report-plan,.audit-report-prompt{width:42%}.audit-report h2{font-size:17px}.audit-report h3{font-size:13px}.audit-report p{font-size:11px}.audit-grid,.audit-steps{grid-template-columns:1fr}.audit-includes,.audit-faq,.audit-request{padding-block:55px}.audit-how{padding:55px 0}.audit-final{flex-direction:column;align-items:flex-start}.audit-form-card{padding:24px}}
/* Report examples and the value of each insight. */
.audit-includes>.eyebrow+ h2+p{max-width:700px;margin:16px auto 0}.audit-includes .audit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.audit-insight-card{display:flex;flex-direction:column;gap:17px;padding:30px!important;background:#fff!important;box-shadow:0 12px 38px #16253a0a}.audit-insight-top{display:flex;align-items:center;gap:16px}.audit-insight-top>span{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:14px;color:#fd650d;background:#fff0e8;font-weight:800}.audit-insight-top h3{font-size:21px}.audit-insight-top p{font-size:13px!important;margin:4px 0 0!important;color:#6a7890}.audit-insight-description{margin:0!important;line-height:1.65}.audit-snippet{background:#fff8f4;border:1px solid #ffeadf;border-radius:14px;padding:18px 20px}.audit-snippet small{display:block;color:#d95a1b;font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:10px}.audit-snippet strong{display:block;font-size:14px;color:#15223a}.audit-snippet p{color:#4e6079;font-size:13px!important;margin:7px 0 0!important;line-height:1.5}.audit-snippet p:first-of-type{color:#e6580d;font-weight:700}.audit-insight-benefit{margin-top:auto;border-top:1px solid #f1e8e3;padding-top:16px}.audit-insight-benefit strong{color:#0e1b31;font-size:14px}.audit-insight-benefit p{line-height:1.65;margin:6px 0 0!important}.audit-insight-card:nth-child(3n+2) .audit-insight-top>span{color:#087df2;background:#e9f3ff}.audit-insight-card:nth-child(3n) .audit-insight-top>span{color:#8247e9;background:#f0ebff}@media(max-width:650px){.audit-includes .audit-grid{grid-template-columns:1fr;gap:16px}.audit-insight-card{padding:23px!important}}
/* Report insight stories */
.audit-includes .audit-feature-list{margin-top:55px;text-align:left}.audit-feature{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:50px 0;border-top:1px solid #f0e7e1}.audit-feature:first-child{border-top:0}.audit-feature:nth-child(even) .audit-feature-copy{order:2}.audit-feature-copy h3{font-size:clamp(29px,2.6vw,40px);line-height:1.1}.audit-feature-copy h4{font-size:17px;margin:16px 0 8px;color:#e7580d}.audit-feature-copy>p:not(.eyebrow){max-width:510px;line-height:1.7}.audit-feature-benefit-title{display:block;font-size:15px;margin:22px 0 10px;color:#101c31}.audit-feature-copy ul{padding:0;margin:0;list-style:none}.audit-feature-copy li{position:relative;padding-left:25px;margin:9px 0;color:#3c506c;font-size:15px;line-height:1.5}.audit-feature-copy li:before{content:'✓';position:absolute;left:0;color:#fd650d;font-weight:800}.audit-feature-art{margin:0;background:#fff6f1;border:1px solid #f5e9e3;border-radius:24px;overflow:hidden;box-shadow:0 14px 42px #1d293c10}.audit-feature-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.audit-feature-art figcaption{padding:14px 18px;font-size:13px;font-weight:600;line-height:1.45;color:#3c506c;background:#fff}.audit-feature:nth-child(3n+2) .audit-feature-art{background:#eff6ff}.audit-feature:nth-child(3n) .audit-feature-art{background:#f4efff}@media(max-width:650px){.audit-feature{grid-template-columns:1fr;gap:24px;padding:34px 0}.audit-feature:nth-child(even) .audit-feature-copy{order:0}.audit-feature-copy h3{font-size:30px}}

.audit-feature-art,.audit-feature:nth-child(3n+2) .audit-feature-art,.audit-feature:nth-child(3n) .audit-feature-art{background:transparent;border:0;box-shadow:none;overflow:visible}.audit-feature-art img{object-fit:contain}.audit-feature-art figcaption{background:transparent;text-align:center}

/* The audit form is the page's main call to action. */
.audit-request{position:relative;isolation:isolate;overflow:hidden;background:#fd650d;color:#fff;border-radius:26px;padding:clamp(32px,5vw,70px);margin-block:60px}.audit-request:before,.audit-request:after{content:'';position:absolute;z-index:-1;pointer-events:none;border:1px solid #ffffff55;border-radius:50%}.audit-request:before{width:440px;height:440px;right:28%;top:-310px}.audit-request:after{width:330px;height:330px;right:5%;top:-245px}.audit-request>div:first-child{align-self:center}.audit-request>div:first-child .eyebrow,.audit-request>div:first-child h2,.audit-request>div:first-child h2 span,.audit-request>div:first-child p{color:#fff}.audit-request>div:first-child p:not(.eyebrow){max-width:430px}.audit-form-card{color:#101c31}.audit-faq{padding-top:35px}@media(max-width:650px){.audit-request{margin-block:35px;padding:30px 24px}.audit-request:before{right:-200px;top:-320px}.audit-request:after{display:none}}
