/*
Theme Name: About Digital
Theme URI: https://aboutdigital.ca
Author: About Digital
Description: Custom theme for About Digital - a full-service digital marketing agency in Toronto/Mississauga.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: acquaintance-media
*/

:root{
  --am-black:#33383E; /* charcoal - matches About Digital logo */
  --am-dark:#1b1b1b;
  --am-gray:#5c5c5c;
  --am-light-gray:#F5F5F5;
  --am-border:#e4e4e0;
  --am-accent:#E8412D; /* red - matches About Digital logo */
  --am-white:#ffffff;
  --am-max:1180px;
  --am-radius:10px;
  --am-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--am-font);
  color:var(--am-black);
  background:var(--am-white);
  line-height:1.6;
  font-size:17px;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;margin:0;padding:0;}
.am-container{max-width:var(--am-max);margin:0 auto;padding:0 24px;}

/* Buttons */
.am-btn{
  display:inline-block;
  background:var(--am-black);
  color:var(--am-white);
  padding:14px 30px;
  border-radius:999px;
  font-weight:600;
  font-size:15px;
  transition:background .2s ease, transform .2s ease;
  border:none;
  cursor:pointer;
}
.am-btn:hover{background:var(--am-accent);transform:translateY(-1px);}
.am-btn-outline{
  background:transparent;
  color:var(--am-black);
  border:1.5px solid var(--am-black);
}
.am-btn-outline:hover{background:var(--am-black);color:var(--am-white);}

/* Header */
.am-header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--am-border);
}
.am-header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 24px;max-width:var(--am-max);margin:0 auto;
}
.am-logo{font-size:20px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;}
.am-logo a{display:flex;align-items:center;}
.am-logo img,
.am-logo .custom-logo{height:42px;width:auto;max-width:220px;object-fit:contain;}
.am-nav ul{display:flex;gap:34px;align-items:center;}
.am-nav a{font-weight:600;font-size:15px;}
.am-nav a:hover{color:var(--am-accent);}
.am-nav .am-nav-cta{background:var(--am-black);color:#fff;padding:10px 22px;border-radius:999px;}
.am-nav .am-nav-cta:hover{background:var(--am-accent);}
.am-menu-toggle{display:none;background:none;border:none;font-size:26px;cursor:pointer;}

@media (max-width:820px){
  .am-header{backdrop-filter:none;-webkit-backdrop-filter:none;}
  .am-nav{position:fixed;inset:0;top:74px;background:#fff;display:none;flex-direction:column;padding:30px 24px;z-index:1000;overflow-y:auto;}
  .am-nav.is-open{display:flex;}
  .am-nav ul{flex-direction:column;align-items:flex-start;gap:22px;}
  .am-menu-toggle{display:block;}
}

/* Hero */
.am-hero{padding:90px 0 60px;}
.am-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;}
.am-eyebrow{color:var(--am-accent);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px;margin-bottom:14px;}
.am-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.08;letter-spacing:-.02em;margin:0 0 20px;}
.am-hero p.am-lead{font-size:19px;color:var(--am-gray);margin:0 0 30px;max-width:520px;}
.am-hero-img{background:var(--am-light-gray);border-radius:var(--am-radius);aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;color:var(--am-gray);font-size:14px;overflow:hidden;}
.am-hero-img img{width:100%;height:100%;object-fit:cover;object-position:50% 100%;}

@media (max-width:820px){.am-hero-grid{grid-template-columns:1fr;}}

/* Stats */
.am-stats{display:flex;gap:50px;margin-top:50px;flex-wrap:wrap;}
.am-stat b{display:block;font-size:26px;}

/* Section titles */
.am-section{padding:70px 0;}
.am-section-head{max-width:640px;margin-bottom:44px;}
.am-section-head h2{font-size:clamp(26px,3.5vw,38px);margin:0 0 12px;letter-spacing:-.02em;}
.am-section-head p{color:var(--am-gray);font-size:17px;margin:0;}

/* Clients */
.am-clients-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--am-border);border:1px solid var(--am-border);border-radius:var(--am-radius);overflow:hidden;
}
.am-clients-grid div{
  background:#fff;min-height:110px;display:flex;align-items:center;justify-content:center;
  font-weight:700;color:var(--am-gray);font-size:14px;text-align:center;padding:20px;
}
.am-clients-grid img{
  max-width:100%;max-height:42px;object-fit:contain;
  filter:grayscale(1);opacity:.6;transition:filter .2s ease, opacity .2s ease;
}
.am-clients-grid div:hover img{filter:grayscale(0);opacity:1;}
@media (max-width:700px){.am-clients-grid{grid-template-columns:repeat(2,1fr);}}

/* Services */
.am-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.am-service-card{
  border:1px solid var(--am-border);border-radius:var(--am-radius);padding:30px;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.am-service-card:hover{border-color:var(--am-accent);box-shadow:0 10px 30px rgba(0,0,0,.06);}
.am-service-card .num{color:var(--am-accent);font-weight:800;font-size:13px;margin-bottom:14px;display:block;}
.am-service-card h3{margin:0 0 10px;font-size:20px;}
.am-service-card p{margin:0;color:var(--am-gray);font-size:15px;}
@media (max-width:900px){.am-services-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:620px){.am-services-grid{grid-template-columns:1fr;}}

/* Projects */
.am-projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.am-project-card{border-radius:var(--am-radius);overflow:hidden;border:1px solid var(--am-border);}
.am-project-thumb{background:var(--am-light-gray);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;color:var(--am-gray);}
.am-project-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.am-project-card .am-project-body{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.am-project-card h3{margin:0;font-size:20px;}
@media (max-width:700px){.am-projects-grid{grid-template-columns:1fr;}}

/* CTA band */
.am-cta{background:var(--am-black);color:#fff;padding:70px 0;text-align:center;border-radius:var(--am-radius);margin:0 24px;}
.am-cta h2{font-size:clamp(26px,3.5vw,38px);margin:0 0 26px;max-width:680px;margin-left:auto;margin-right:auto;}
.am-cta .am-btn{background:#fff;color:#111;}
.am-cta .am-btn:hover{background:var(--am-accent);color:#fff;}

/* Generic page content */
.am-page-hero{padding:70px 0 30px;border-bottom:1px solid var(--am-border);margin-bottom:50px;}
.am-page-hero h1{font-size:clamp(30px,4.5vw,48px);margin:0 0 14px;letter-spacing:-.02em;}
.am-page-hero p{color:var(--am-gray);font-size:18px;max-width:640px;margin:0;}
.am-entry-content{max-width:820px;font-size:17px;color:#2a2a2a;}
.am-entry-content h2{margin-top:44px;font-size:26px;}
.am-entry-content p{margin:0 0 18px;}

/* Contact */
.am-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.am-contact-info h3{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--am-gray);margin:26px 0 8px;}
.am-contact-info h3:first-child{margin-top:0;}
.am-contact-info p{margin:0;font-size:17px;}
.am-social-row{display:flex;gap:12px;margin-top:26px;}
.am-social-row a{
  border:1px solid var(--am-border);border-radius:50%;
  width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.am-social-row a:hover{background:var(--am-black);color:#fff;border-color:var(--am-black);}
.am-social-row svg{display:block;}

.am-form-status{margin-top:14px;font-size:14px;}
.wpcf7-form p{margin:0 0 16px;}
.wpcf7-form label{display:block;font-weight:600;font-size:14px;margin-bottom:6px;}
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form input[type=tel],
.wpcf7-form textarea{
  width:100%;padding:14px 16px;border:1.5px solid var(--am-border);border-radius:8px;font-size:15px;font-family:var(--am-font);
}
.wpcf7-form input:focus,.wpcf7-form textarea:focus{outline:none;border-color:var(--am-accent);}
.wpcf7-form textarea{min-height:150px;resize:vertical;}
.wpcf7-form input[type=submit]{
  width:auto;background:var(--am-black);color:#fff;border:none;padding:14px 30px;border-radius:999px;font-weight:600;cursor:pointer;
}
.wpcf7-form input[type=submit]:hover{background:var(--am-accent);}
.wpcf7-not-valid-tip{color:#c0392b;font-size:13px;margin-top:4px;}
.wpcf7-response-output{border-radius:8px;padding:12px 16px;margin-top:18px;font-size:14px;}
.wpcf7-mail-sent-ok{border:1.5px solid #0f6b52 !important;color:#0f6b52;}
.wpcf7-validation-errors,.wpcf7-mail-sent-ng,.wpcf7-spam-blocked{border:1.5px solid #c0392b !important;color:#c0392b;}

/* Footer */
.am-footer{background:var(--am-light-gray);margin-top:90px;padding:60px 0 30px;}
.am-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;}
.am-footer h4{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--am-gray);margin:0 0 16px;}
.am-footer p, .am-footer a{font-size:15px;}
.am-footer-bottom{border-top:1px solid var(--am-border);margin-top:40px;padding-top:22px;font-size:13px;color:var(--am-gray);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}
@media (max-width:700px){.am-footer-grid{grid-template-columns:1fr;}}


/* ===== About Digital brand color overrides ===== */

.am-hero{background:var(--am-accent);padding-top:60px;padding-bottom:60px;border-radius:0;}
.am-hero .am-eyebrow{color:#fff;opacity:.85;}
.am-hero h1{color:#fff;}
.am-hero p.am-lead{color:#fff;opacity:.92;}
.am-hero .am-stats{color:#fff;}
.am-hero .am-stat{color:#fff;}
.am-hero .am-stat b{color:#fff;}
.am-hero .am-btn{background:var(--am-black);color:#fff;}
.am-hero .am-btn:hover{background:#fff;color:var(--am-black);}
.am-hero-img{background:transparent;color:#fff;}

.am-cta{background:transparent;color:var(--am-black);margin:0;padding:60px 0;}
.am-cta h2{color:var(--am-black);}
.am-cta .am-btn{background:var(--am-black);color:#fff;}
.am-cta .am-btn:hover{background:var(--am-accent);color:#fff;}

.am-footer{background:var(--am-accent);color:#fff;}
.am-footer h4{color:var(--am-black);}
.am-footer p,.am-footer a{color:#fff;}
.am-footer a:hover{color:var(--am-black);}
.am-footer-bottom{color:rgba(255,255,255,.85);border-top-color:rgba(255,255,255,.35);}
.am-footer-bottom a{color:#fff;}
.am-social-row a{border-color:var(--am-black);color:var(--am-black);}
.am-social-row a:hover{background:var(--am-black);color:#fff;}
.am-footer .am-social-row-footer{margin-top:0;}
.am-footer .am-social-row-footer a{width:38px;height:38px;border-color:rgba(255,255,255,.45);color:#fff;}
.am-footer .am-social-row-footer a:hover{background:var(--am-black);color:#fff;border-color:var(--am-black);}