/*
Theme Name: DentAkademi London
Theme URI: https://dentakademi.co.uk
Author: DentAkademi London
Description: Premium dental clinic theme
Version: 1.0.0
License: Private
Text Domain: dentakademi
*/


*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:hidden!important;}
body{font-family:'Jost',sans-serif;background:#faf9f6;color:#2c2c2c;font-weight:300;line-height:1.7;overflow-x:hidden!important;}
h1,h2,h3,h4,h5{font-family:'Cormorant Garamond',serif;font-weight:300;line-height:1.2;}
h1{font-size:clamp(2.5rem,6vw,5rem);}
h2{font-size:clamp(2rem,4vw,3.5rem);}
h3{font-size:clamp(1.5rem,3vw,2.2rem);}
p{font-size:1rem;line-height:1.8;color:#2c2c2c;}

#site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0a0a;padding:0 40px;height:64px;display:flex;align-items:center;justify-content:space-between;}
.site-logo{display:flex;align-items:center;gap:16px;text-decoration:none;}
.site-logo img{height:32px;}
.logo-text{font-family:'Jost',sans-serif;font-size:11px;font-weight:400;letter-spacing:4px;text-transform:uppercase;color:white;}
nav.main-nav{display:flex;align-items:center;gap:28px;position:relative;}
nav.main-nav .main-nav-list{display:flex!important;flex-direction:row!important;align-items:center;gap:28px;list-style:none;margin:0;padding:0;}
nav.main-nav .main-nav-list>li{position:relative;display:block;}
nav.main-nav .main-nav-list>li>a{font-family:'Jost',sans-serif;font-size:10px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.7);text-decoration:none;transition:color .3s;white-space:nowrap;display:block;padding:4px 0;}
nav.main-nav .main-nav-list>li>a:hover{color:#b89a5e;}
nav.main-nav .main-nav-list .sub-menu{display:none;position:absolute;top:calc(100% + 12px);left:0;background:#0a0a0a;min-width:220px;padding:8px 0;z-index:9999;border-top:1px solid #b89a5e;list-style:none;}
nav.main-nav .main-nav-list>li:hover .sub-menu{display:block;}
nav.main-nav .main-nav-list .sub-menu li a{display:block;padding:10px 20px;font-family:'Jost',sans-serif;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,0.6);text-decoration:none;transition:color .3s;white-space:nowrap;}
nav.main-nav .main-nav-list .sub-menu li a:hover{color:#b89a5e;}

#da-ham{display:none;}
#da-mob-panel{display:none;}

.nav-mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;}
.hamburger-line{display:block;width:24px;height:1px;background:white;margin:5px 0;transition:all .3s;}

#campaign-banner{background:#b89a5e;color:#0a0a0a;text-align:center;padding:10px 20px;font-family:'Jost',sans-serif;font-size:12px;letter-spacing:1px;position:fixed;top:64px;left:0;right:0;z-index:999;display:flex;align-items:center;justify-content:center;gap:20px;}
#campaign-banner a{background:#0a0a0a;color:#b89a5e;padding:4px 16px;font-size:10px;letter-spacing:2px;text-decoration:none;text-transform:uppercase;}
#campaign-banner .close-banner{position:absolute;right:16px;cursor:pointer;font-size:16px;background:none;border:none;color:#0a0a0a;}

.container{max-width:1200px;margin:0 auto;}
.section-light{background:#faf9f6;padding:100px 40px;}
.section-dark{background:#0a0a0a;padding:100px 40px;}
.section-white{background:white;padding:100px 40px;}
.section-label{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:#b89a5e;margin-bottom:16px;}
.gold-line{width:40px;height:1px;background:#b89a5e;margin:20px 0;}
.btn-primary{background:#b89a5e;color:#0a0a0a!important;padding:14px 36px;font-family:'Jost',sans-serif;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;text-decoration:none!important;border:none;cursor:pointer;transition:all .3s;display:inline-block;}
.btn-primary:hover{background:#d4b97a;}
.btn-outline{background:transparent;color:white!important;padding:13px 36px;font-family:'Jost',sans-serif;font-size:11px;font-weight:400;letter-spacing:2px;text-transform:uppercase;text-decoration:none!important;border:1px solid rgba(255,255,255,0.3);cursor:pointer;transition:all .3s;display:inline-block;}
.btn-outline:hover{border-color:#b89a5e;color:#b89a5e!important;}

.treatments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#e8e0d5;}
.treatment-card{background:white;padding:36px 32px;cursor:pointer;transition:all .3s;}
.treatment-card:hover{background:#0a0a0a;}
.treatment-card:hover h3,.treatment-card:hover p,.treatment-card:hover .treatment-price{color:white;}
.treatment-card h3{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:400;color:#0a0a0a;margin-bottom:12px;transition:color .3s;}
.treatment-card p{font-size:14px;color:#666;line-height:1.7;margin-bottom:16px;transition:color .3s;}
.treatment-price{font-family:'Jost',sans-serif;font-size:12px;letter-spacing:1px;color:#b89a5e;font-weight:500;transition:color .3s;}

#site-footer{background:#0a0a0a;color:rgba(255,255,255,0.6);padding:80px 40px 40px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;max-width:1200px;margin:0 auto 60px;}
.footer-logo-text{font-family:'Cormorant Garamond',serif;font-size:1.8rem;color:white;margin-bottom:16px;}
.footer-heading{font-family:'Jost',sans-serif;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:#b89a5e;margin-bottom:20px;}
.footer-links{list-style:none;}
.footer-links li{margin-bottom:10px;}
.footer-links a{color:rgba(255,255,255,0.5);text-decoration:none;font-size:13px;transition:color .3s;}
.footer-links a:hover{color:#b89a5e;}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;max-width:1200px;margin:0 auto;font-size:11px;}
.cqc-badge{border:1px solid rgba(184,154,94,0.3);padding:8px 16px;font-size:10px;letter-spacing:1px;color:#b89a5e;}

.whatsapp-float{position:fixed;bottom:24px;right:16px;width:52px;height:52px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:9999;box-shadow:0 4px 16px rgba(37,211,102,0.4);text-decoration:none;transition:transform .3s;}
.whatsapp-float:hover{transform:scale(1.1);}
.book-float{position:fixed;bottom:88px;right:16px;background:#b89a5e;color:#0a0a0a;padding:10px 18px;font-family:'Jost',sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;z-index:9999;box-shadow:0 4px 16px rgba(0,0,0,0.2);display:flex;align-items:center;gap:8px;}

@media(max-width:768px){
  html,body{overflow-x:hidden!important;}
  #site-header{padding:0 20px!important;}
  nav.main-nav{display:none!important;}
  #da-ham{display:flex!important;}
  .section-light,.section-dark,.section-white{padding:60px 20px;}
  .footer-grid{grid-template-columns:1fr;gap:32px;}
  .treatments-grid{grid-template-columns:1fr!important;}
  .about-grid{grid-template-columns:1fr!important;gap:40px!important;}
  .about-grid img{height:300px!important;}
  [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:1fr!important;}
  [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important;}
  [style*="padding:100px 40px"]{padding:60px 20px!important;}
  .hero-section{padding:100px 20px 60px!important;}
  .btn-primary,.btn-outline{display:block;text-align:center;width:100%;max-width:280px;margin:0 auto;}
}
@media(max-width:480px){
  [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:1fr!important;}
}