/*
Theme Name: Smilelab Digital
Theme URI: https://smilelab.co.za
Author: Smilelab Dental Centre
Description: Custom digital dentistry theme for Smilelab Dental Centre.
Version: 1.0
Requires at least: 5.9
Requires PHP: 7.4
Text Domain: smilelab-digital
*/

  :root{
    --ink:#1A2733;
    --ink-soft:#52616F;
    --paper:#F2F5F7;
    --paper-dim:#E3E9ED;
    --teal:#3D5A70;
    --teal-deep:#131E28;
    --coral:#2E93D9;
    --coral-deep:#1C72B0;
    --accent-light:#8FD3FF;
    --line:#D3DBE1;
    --card:#FFFFFF;
  }
  body{margin:0;background:var(--paper);font-family:'Manrope',sans-serif;color:var(--ink);}
  h1,h2,h3,h4{font-family:'Manrope',sans-serif;font-weight:800;margin:0;color:var(--ink);letter-spacing:-0.01em;}
  .mono-tag{font-family:'Manrope',sans-serif;font-weight:700;letter-spacing:0.2em;}
  .grid-bg{background-image:linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);background-size:36px 36px;}
  .grid-bg-dark{background-image:linear-gradient(rgba(18,63,56,0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(18,63,56,0.07) 1px, transparent 1px);background-size:32px 32px;}
  @keyframes pulse-ring{0%{opacity:0.55;transform:scale(0.94);}50%{opacity:1;transform:scale(1.02);}100%{opacity:0.55;transform:scale(0.94);}}
  @keyframes scan-move{0%{transform:translateY(-6%);}50%{transform:translateY(106%);}100%{transform:translateY(-6%);}}
  a{color:inherit;text-decoration:none;}
  a.link-under{text-decoration:underline;text-underline-offset:3px;}
  a.link-under:hover{color:var(--teal);}
  .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;font-weight:600;font-size:15px;border:1px solid transparent;cursor:pointer;}
  .btn-coral{background:var(--coral);color:#fff;}
  .btn-coral:hover{background:var(--coral-deep);}
  .btn-outline{background:transparent;color:var(--paper);border:1px solid rgba(250,248,242,0.55);}
  .btn-outline:hover{border-color:#fff;background:rgba(255,255,255,0.08);}
  .btn-outline-dark{background:transparent;color:var(--teal-deep);border:1px solid var(--teal-deep);}
  .btn-outline-dark:hover{background:var(--teal-deep);color:#fff;}
  .eyebrow{font-size:13px;letter-spacing:0.14em;text-transform:uppercase;font-weight:600;color:var(--coral-deep);}
  .card{background:var(--card);border:1px solid var(--line);border-radius:18px;}
  nav a:hover{color:var(--coral);}
  @media (max-width:900px){
    .hide-mobile{display:none !important;}
    .stack-mobile{flex-direction:column !important;}
    .grid-services{grid-template-columns:1fr !important;}
    .grid-branches{grid-template-columns:1fr !important;}
    .grid-info{grid-template-columns:1fr !important;}
    .grid-footer{grid-template-columns:1fr !important;}
    .hero-pad{padding:56px 24px !important;}
    .section-pad{padding:64px 24px !important;}
  }
  @media (max-width:520px){
    .grid-footer{grid-template-columns:1fr !important;}
  }