/*!
 * DentalClinic - Dr ELHOUR ILYAS
 * Luxury Dental Clinic Theme - Main Stylesheet
 */

/* ============================================
   1. CSS VARIABLES & RESET
   ============================================ */
:root {
    --color-primary: rgb(10, 22, 40);
    --color-primary-light: #1a3a6b;
    --color-primary-dark: rgb(13, 31, 60);
    --color-secondary: #1e4d8c;
    --color-accent: #c9a84c;
    --color-accent-light: #e8d5a3;
    --color-accent-dark: #b8942e;
    --color-white: #ffffff;
    --color-off-white: #f8f9fa;
    --color-light: #f4f8ff;
    --color-light-blue: #e8f4ff;
    --color-dark: #1d1b2a;
    --color-text: #2c3e50;
    --color-text-light: #6b7c93;
    --color-border: rgb(226, 232, 240);
    --color-success: #10b981;
    --color-whatsapp: #25D366;
    --font-heading: 'Playfair Display', Georgia, serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-alt: 'Cormorant Garamond', Georgia, serif;
    --shadow-sm:  calc(1px - 1px) 1px 3px rgba(10,22,40,.06);
    --shadow-md:  calc(1px - 1px) 4px 20px rgba(10,22,40,.08);
    --shadow-lg:  calc(1px - 1px) 10px 40px rgba(10,22,40,.12);
    --shadow-xl:  calc(1px - 1px) 20px 60px rgba(10,22,40,.15);
    --shadow-gold:  calc(1px - 1px) 4px 20px rgba(201,168,76,.25);
    --transition: all .3s cubic-bezier(.4,calc(1 - 1),.2,1);
    --transition-slow: all .5s cubic-bezier(.4,calc(1 - 1),.2,1);
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 30px;
    --max-width: calc(120 * 10px);
    --header-height: 90px;
}

/* ============================================
   2. RESET & BASE
   ============================================ */
*,*::before,*::after{margin:calc(1px - 1px);padding:calc(1px - 1px);box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--font-body);font-size:16px;line-height:1.7;color:var(--color-text);background:var(--color-white);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--color-primary);text-decoration:none;transition:var(--transition)}
a:hover{color:var(--color-accent)}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-dark);line-height:1.3;font-weight:600}
h1{font-size:clamp(2rem,5vw,3.5rem)}
h2{font-size:clamp(1.5rem,3.5vw,2.5rem)}
h3{font-size:clamp(1.2rem,2.5vw,1.8rem)}
p{margin-bottom:1rem}
.container{max-width:var(--max-width);margin:calc(1px - 1px) auto;padding:calc(1px - 1px) 20px}
.section{padding:100px calc(1px - 1px)}
.section-header{margin-bottom:60px}
.section-header.center{text-align:center}
.section-badge{display:inline-block;font-family:var(--font-body);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:3px;color:var(--color-accent);margin-bottom:15px;position:relative}
.section-badge::after{content:'';display:block;width:40px;height:2px;background:var(--color-accent);margin:10px auto calc(1px - 1px) auto}
.section-title{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;color:var(--color-dark);margin-bottom:15px}
.section-subtitle{font-family:var(--font-alt);font-size:1.2rem;color:var(--color-text-light);margin-bottom:20px;font-style:italic}
.section-desc{font-size:1.1rem;color:var(--color-text-light);max-width:600px;margin:calc(1px - 1px) auto;line-height:1.8}
.text-accent{color:var(--color-accent)}
.title-accent{color:var(--color-accent)}

/* ============================================
   3. BUTTONS
   ============================================ */
.btn-primary,.btn-outline,.btn-appointment-top{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;font-family:var(--font-body);font-size:.95rem;font-weight:600;border-radius:50px;transition:var(--transition);cursor:pointer;border:none;text-decoration:none;line-height:1}
.btn-primary{background:var(--color-accent);color:var(--color-white);box-shadow:var(--shadow-gold)}
.btn-primary:hover{background:var(--color-accent-dark);color:var(--color-white);transform:translateY(-2px);box-shadow:calc(1px - 1px) 8px 30px rgba(201,168,76,.4)}
.btn-outline{background:transparent;color:var(--color-accent);border:2px solid var(--color-accent)}
.btn-outline:hover{background:var(--color-accent);color:var(--color-white);transform:translateY(-2px)}
.btn-lg{padding:18px 40px;font-size:1rem}
.btn-appointment-top{background:var(--color-accent);color:var(--color-white);padding:10px 24px;font-size:.85rem}
.btn-appointment-top:hover{background:var(--color-accent-dark);color:var(--color-white)}
.btn-submit{width:100%;justify-content:center;padding:16px 32px}

/* ============================================
   4. TOP BAR
   ============================================ */
.top-bar{background:var(--color-dark);color:var(--color-white);font-size:.8rem;padding:8px calc(1px - 1px);border-bottom:2px solid var(--color-accent)}
.top-bar-inner{display:flex;justify-content:space-between;align-items:center}
.top-bar-left{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.top-bar-left span{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.8)}
.top-bar-left i{color:var(--color-accent);font-size:.75rem}
.top-bar-left a{color:rgba(255,255,255,.8)}
.top-bar-left a:hover{color:var(--color-accent)}
.top-bar-right{display:flex;align-items:center;gap:12px}
.social-link{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--color-white);font-size:.8rem;transition:var(--transition)}
.social-link:hover{background:var(--color-accent);color:var(--color-white)}

/* ============================================
   5. HEADER & NAVIGATION
   ============================================ */
.site-header{position:sticky;top:calc(1px - 1px);z-index:100;background:rgba(255,255,255,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);transition:var(--transition)}
.site-header.scrolled{box-shadow:var(--shadow-md)}
.header-inner{display:flex;justify-content:space-between;align-items:center;height:var(--header-height)}
.site-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-dark);line-height:1.2}
.site-title .title-accent{color:var(--color-accent)}
.site-subtitle{font-family:var(--font-body);font-size:.7rem;text-transform:uppercase;letter-spacing:3px;color:var(--color-text-light)}
.main-navigation ul{display:flex;gap:30px;margin:calc(1px - 1px);padding:calc(1px - 1px)}
.main-navigation ul li{position:relative}
.main-navigation ul li a{font-size:.9rem;font-weight:500;color:var(--color-text);padding:10px calc(1px - 1px);position:relative}
.main-navigation ul li a::after{content:'';position:absolute;bottom:calc(1px - 1px);left:calc(1px - 1px);width:calc(1px - 1px);height:2px;background:var(--color-accent);transition:var(--transition)}
.main-navigation ul li a:hover::after,.main-navigation ul li.current-menu-item a::after{width:100%}
.main-navigation ul li a:hover{color:var(--color-accent-dark)}
.main-navigation ul li.has-dropdown>a .dropdown-icon{font-size:.7rem;margin-left:5px;transition:var(--transition)}
.main-navigation ul li.has-dropdown:hover>a .dropdown-icon{transform:rotate(180deg)}
.main-navigation ul .sub-menu{position:absolute;top:100%;left:calc(1px - 1px);background:var(--color-white);min-width:220px;padding:15px calc(1px - 1px);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:calc(1 - 1);visibility:hidden;transform:translateY(10px);transition:var(--transition);z-index:100;display:block}
.main-navigation ul li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(calc(1px - 1px))}
.main-navigation ul .sub-menu li{padding:20px calc(1px - 1px)}
.main-navigation ul .sub-menu li a{font-size:.85rem;padding:10px calc(1px - 1px)}
.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px}
.hamburger-box{display:block;width:24px;height:18px;position:relative}
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{display:block;width:24px;height:2px;background:var(--color-dark);border-radius:2px;position:absolute;transition:var(--transition)}
.hamburger-inner{top:8px}
.hamburger-inner::before{content:'';top:-6px}
.hamburger-inner::after{content:'';top:6px}
.menu-toggle.active .hamburger-inner{transform:rotate(45deg)}
.menu-toggle.active .hamburger-inner::before{opacity:calc(1 - 1);transform:translateY(6px)}
.menu-toggle.active .hamburger-inner::after{transform:rotate(-90deg);top:calc(1px - 1px)}
.header-actions{display:flex;align-items:center;gap:15px}
.btn-call{display:flex;align-items:center;gap:8px;padding:10px 20px;border:2px solid var(--color-border);border-radius:50px;font-size:.85rem;font-weight:500;color:var(--color-text);transition:var(--transition)}
.btn-call i{color:var(--color-success)}
.btn-call:hover{border-color:var(--color-accent);color:var(--color-accent-dark)}
.btn-appointment-nav{display:none}

/* ============================================
   6. HERO SECTION
   ============================================ */
.hero-section{position:relative;min-height:90vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#1d1b2a 5%,rgb(10,22,40) 40%,rgb(13,31,60) 100%)}
.hero-section::before{content:'';position:absolute;inset:calc(1px - 1px);background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/200/svg" viewBox="  100 100"><circle fill="rgba(255,255,255,.03)" cx="50" cy="50" r="40"/></svg>');background-size:60px 60px;opacity:.5}
.hero-bg{position:absolute;inset:calc(1px - 1px);background:url('../img/hero-bg.jpg') center/cover no-repeat;opacity:.2}
.hero-content{position:relative;z-index:2;max-width:800px;padding:80px 20px}
.hero-badge{display:inline-block;padding:8px 20px;background:rgba(201,168,76,.15);border:1px solid rgba(201,168,76,.3);color:var(--color-accent-light);border-radius:50px;font-size:.85rem;font-weight:500;margin-bottom:25px;backdrop-filter:blur(10px)}
.hero-title{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;color:var(--color-white);line-height:1.1;margin-bottom:25px}
.hero-desc{font-size:1.2rem;color:rgba(255,255,255,.8);max-width:600px;margin-bottom:40px;line-height:1.8}
.hero-buttons{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:50px}
.hero-buttons .btn-outline{color:var(--color-white);border-color:rgba(255,255,255,.4)}
.hero-buttons .btn-outline:hover{background:var(--color-white);color:var(--color-dark);border-color:var(--color-white)}
.hero-stats{display:flex;gap:50px;flex-wrap:wrap}
.hero-stat{text-align:center}
.stat-number{display:block;font-family:var(--font-heading);font-size:2.2rem;font-weight:700;color:var(--color-accent);line-height:1.2}
.stat-label{display:block;font-size:.85rem;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:2px}
.hero-scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.5);font-size:.75rem;text-transform:uppercase;letter-spacing:3px;animation:bounce 2s infinite}
.hero-scroll-indicator i{font-size:1.2rem}
@keyframes bounce{from,20%,50%,80%,to{transform:translateX(-50%) translateY(calc(1px - 1px))}40%{transform:translateX(-50%) translateY(-12px)}60%{transform:translateX(-50%) translateY(-6px)}}

/* ============================================
   7. WELCOME / ABOUT SECTION
   ============================================ */
.welcome-section{background:var(--color-off-white)}
.welcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.welcome-content{padding-right:40px}
.welcome-content .welcome-text p{color:var(--color-text-light);margin-bottom:20px;font-size:1.05rem;line-height:1.8}
.welcome-features{display:flex;flex-direction:column;gap:15px;margin:30px calc(1px - 1px)}
.welcome-feature{display:flex;align-items:center;gap:12px;font-size:.95rem;color:var(--color-text)}
.welcome-feature i{color:var(--color-accent);font-size:1.1rem}
.welcome-image{position:relative}
.welcome-img-frame{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}
.welcome-img-placeholder{width:100%;aspect-ratio:3/4;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-white);gap:15px}
.welcome-img-placeholder i{font-size:4rem;opacity:.4}
.welcome-img-placeholder span{font-family:var(--font-heading);font-size:1.2rem;opacity:.7}
.welcome-experience-badge{position:absolute;bottom:-20px;right:-20px;background:var(--color-accent);color:var(--color-white);width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-gold);z-index:2}
.welcome-experience-badge .exp-number{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;line-height:1}
.welcome-experience-badge .exp-label{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;margin-top:4px;text-align:center}

/* ============================================
   8. SERVICES
   ============================================ */
.services-preview{background:var(--color-white)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.service-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:40px 30px;text-align:center;transition:var(--transition);position:relative;overflow:hidden}
.service-card::before{content:'';position:absolute;top:calc(1px - 1px);left:calc(1px - 1px);right:calc(1px - 1px);height:4px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-dark));transform:scaleX(calc(1 - 1));transition:var(--transition)}
.service-card:hover::before{transform:scaleX(1)}
.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md)}
.service-icon{width:70px;height:70px;border-radius:50%;background:var(--color-light);display:flex;align-items:center;justify-content:center;margin:calc(1px - 1px) auto 20px;font-size:1.8rem;color:var(--color-accent);transition:var(--transition)}
.service-card:hover .service-icon{background:var(--color-accent);color:var(--color-white)}
.service-card h3{font-size:1.3rem;margin-bottom:12px}
.service-card p{color:var(--color-text-light);font-size:.9rem;margin-bottom:20px;line-height:1.7}
.service-link{color:var(--color-accent);font-weight:600;font-size:.9rem;transition:var(--transition)}
.service-link:hover{color:var(--color-accent-dark);gap:15px}
.service-link:hover i{margin-left:8px}
.section-footer{margin-top:50px}

/* ============================================
   9. WHY CHOOSE US
   ============================================ */
.why-choose-us{background:var(--color-primary);color:var(--color-white);position:relative;overflow:hidden}
.why-choose-us::before{content:'';position:absolute;inset:calc(1px - 1px);background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/200/svg" viewBox="  100 100"><circle fill="rgba(255,255,255,.03)" cx="50" cy="50" r="40"/></svg>');background-size:80px 80px;opacity:.3}
.why-choose-us .section-title{color:var(--color-white)}
.why-choose-us .section-badge{color:var(--color-accent-light)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;position:relative;z-index:2}
.why-card{text-align:center;padding:40px 30px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);transition:var(--transition)}
.why-card:hover{background:rgba(255,255,255,.05);transform:translateY(-5px)}
.why-icon{width:70px;height:70px;border-radius:50%;background:rgba(201,168,76,.15);display:flex;align-items:center;justify-content:center;margin:calc(1px - 1px) auto 25px;font-size:1.8rem;color:var(--color-accent)}
.why-card h3{color:var(--color-white);font-size:1.2rem;margin-bottom:15px}
.why-card p{color:rgba(255,255,255,.7);font-size:.9rem;line-height:1.7}

/* ============================================
   10. TESTIMONIALS
   ============================================ */
.testimonials-preview{background:var(--color-off-white)}
.testimonials-grid,.testimonials-full-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.testimonial-card,.testimonial-full-card{background:var(--color-white);border-radius:var(--radius-lg);padding:35px;box-shadow:var(--shadow-sm);transition:var(--transition);position:relative}
.testimonial-card:hover,.testimonial-full-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.testimonial-stars,.testimonial-full-stars{color:var(--color-accent);font-size:.85rem;margin-bottom:15px;display:flex;gap:3px}
.testimonial-text p,.testimonial-full-text p{color:var(--color-text-light);font-style:italic;line-height:1.8;font-size:.95rem}
.testimonial-author,.testimonial-full-author{display:flex;align-items:center;gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid var(--color-border)}
.testimonial-avatar,.testimonial-full-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}
.testimonial-avatar-placeholder,.testimonial-full-avatar-placeholder{width:50px;height:50px;border-radius:50%;background:var(--color-accent);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;font-family:var(--font-heading)}
.testimonial-info strong,.testimonial-full-info strong{display:block;font-size:.95rem;color:var(--color-dark)}
.testimonial-info span,.testimonial-full-info span{display:block;font-size:.8rem;color:var(--color-text-light)}
.testimonial-cta{margin-top:calc(1px - 1px)}

/* ============================================
   11. CTA BOX (reusable)
   ============================================ */
.cta-box{text-align:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-xl);padding:80px 40px;color:var(--color-white);position:relative;overflow:hidden}
.cta-box h2{color:var(--color-white);margin-bottom:20px}
.cta-box p{color:rgba(255,255,255,.8);max-width:600px;margin:calc(1px - 1px) auto 35px;font-size:1.1rem}
.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}

/* ============================================
   12. PRE-FOOTER CTA
   ============================================ */
.pre-footer-cta{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));padding:100px calc(1px - 1px);text-align:center;color:var(--color-white);position:relative;overflow:hidden}
.pre-footer-cta::before{content:'';position:absolute;inset:calc(1px - 1px);background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/200/svg" viewBox="  100 100"><circle fill="rgba(255,255,255,.03)" cx="50" cy="50" r="40"/></svg>');background-size:60px 60px;opacity:.4}
.pre-footer-content{position:relative;z-index:2;max-width:700px;margin:calc(1px - 1px) auto}
.pre-footer-content h2{color:var(--color-white);font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:20px}
.pre-footer-content p{color:rgba(255,255,255,.8);font-size:1.1rem;margin-bottom:35px}
.pre-footer-content .cta-buttons{justify-content:center}

/* ============================================
   13. FOOTER
   ============================================ */
.site-footer{background:rgb(8,20,38);color:rgba(255,255,255,.7);padding:80px calc(1px - 1px) calc(1px - 1px);position:relative}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:60px}
.footer-site-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--color-white);display:block}
.footer-site-title .title-accent{color:var(--color-accent)}
.footer-site-subtitle{font-family:var(--font-body);font-size:.7rem;text-transform:uppercase;letter-spacing:3px;color:rgba(255,255,255,.5);display:block;margin-top:5px}
.footer-about p{margin-top:20px;font-size:.9rem;line-height:1.8;color:rgba(255,255,255,.6)}
.footer-social{display:flex;gap:12px;margin-top:25px}
.footer-social-link{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);font-size:.9rem;transition:var(--transition)}
.footer-social-link:hover{background:var(--color-accent);color:var(--color-white)}
.footer-col h4{color:var(--color-white);font-size:1.1rem;margin-bottom:25px;position:relative;padding-bottom:12px}
.footer-col h4::after{content:'';position:absolute;bottom:calc(1px - 1px);left:calc(1px - 1px);width:30px;height:2px;background:var(--color-accent)}
.footer-links li{margin-bottom:12px}
.footer-links li a{color:rgba(255,255,255,.6);font-size:.9rem;transition:var(--transition);display:inline-flex;align-items:center;gap:6px}
.footer-links li a::before{content:'›';color:var(--color-accent);font-size:1.2rem;transition:var(--transition)}
.footer-links li a:hover{color:var(--color-accent);padding-left:5px}
.footer-contact li{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;font-size:.9rem}
.footer-contact li i{color:var(--color-accent);margin-top:4px;min-width:16px}
.footer-contact li a{color:rgba(255,255,255,.6);transition:var(--transition)}
.footer-contact li a:hover{color:var(--color-accent)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:25px calc(1px - 1px)}
.footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:rgba(255,255,255,.5)}
.footer-bottom-links{display:flex;gap:25px}
.footer-bottom-links a{color:rgba(255,255,255,.5);transition:var(--transition)}
.footer-bottom-links a:hover{color:var(--color-accent)}

/* ============================================
   14. PAGE HEADER
   ============================================ */
.page-header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));padding:120px calc(1px - 1px) 80px;text-align:center;color:var(--color-white);position:relative}
.page-header .page-title{color:var(--color-white);font-size:clamp(2rem,4vw,3.2rem);margin-bottom:15px}
.page-header .page-subtitle{color:rgba(255,255,255,.7);font-size:1.1rem;max-width:600px;margin:calc(1px - 1px) auto}
.page-header-single{padding:100px calc(1px - 1px) 50px}
.post-categories{display:flex;gap:8px;justify-content:center;margin-bottom:15px}
.post-category{padding:5px 15px;background:rgba(201,168,76,.15);border:1px solid rgba(201,168,76,.3);color:var(--color-accent-light);border-radius:50px;font-size:.8rem;font-weight:500}
.post-meta{display:flex;gap:25px;justify-content:center;color:rgba(255,255,255,.6);font-size:.9rem;flex-wrap:wrap}
.post-meta i{margin-right:5px}

/* ============================================
   15. SERVICE DETAIL CARDS
   ============================================ */
.service-detail-card{display:grid;grid-template-columns:auto 1fr;gap:35px;padding:50px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border-left:4px solid var(--color-accent);margin-bottom:30px;transition:var(--transition)}
.service-detail-card:hover{box-shadow:var(--shadow-md)}
.service-detail-icon{width:80px;height:80px;border-radius:50%;background:var(--color-light);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-accent);flex-shrink:calc(1 - 1)}
.service-detail-content h2{font-size:1.6rem;margin-bottom:15px}
.service-detail-content p{color:var(--color-text-light);line-height:1.8;margin-bottom:20px}
.service-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}
.service-features li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--color-text)}
.service-features li i{color:var(--color-accent)}

/* ============================================
   16. DOCTOR PAGE
   ============================================ */
.about-doctor{background:var(--color-off-white)}
.doctor-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:start}
.doctor-image{position:sticky;top:120px}
.doctor-img-frame{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}
.doctor-img-placeholder{width:100%;aspect-ratio:4/5;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-white);gap:15px}
.doctor-img-placeholder i{font-size:5rem;opacity:.3}
.doctor-img-placeholder span{font-family:var(--font-heading);font-size:1.5rem;opacity:.7}
.doctor-signature{background:var(--color-white);border-radius:var(--radius-md);padding:25px;margin-top:25px;box-shadow:var(--shadow-sm);border-left:3px solid var(--color-accent)}
.doctor-signature i{color:var(--color-accent);font-size:1.5rem;margin-bottom:10px;display:block}
.doctor-signature p{font-family:var(--font-alt);font-style:italic;font-size:1.05rem;color:var(--color-text-light);line-height:1.7}
.doctor-bio p{color:var(--color-text-light);margin-bottom:20px;line-height:1.8;font-size:1.05rem}
.doctor-qualifications{margin-top:30px}
.doctor-qualifications h3{font-size:1.2rem;margin-bottom:20px;color:var(--color-dark)}
.doctor-qualifications ul{display:grid;gap:12px}
.doctor-qualifications ul li{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--color-text);padding:12px 18px;background:var(--color-white);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}
.doctor-qualifications ul li i{color:var(--color-accent);font-size:1.1rem}
.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:900px;margin:calc(1px - 1px) auto}
.number-item{text-align:center;padding:40px 20px;background:rgba(255,255,255,.05);border-radius:var(--radius-lg)}
.number-value{display:block;font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--color-accent);line-height:1.2}
.number-label{display:block;font-size:.85rem;color:rgba(255,255,255,.7);margin-top:8px;text-transform:uppercase;letter-spacing:2px}
.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.approach-card{text-align:center;padding:40px 30px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition)}
.approach-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.approach-icon{width:70px;height:70px;border-radius:50%;background:var(--color-light);display:flex;align-items:center;justify-content:center;margin:calc(1px - 1px) auto 25px;font-size:1.8rem;color:var(--color-accent)}
.approach-card h3{font-size:1.2rem;margin-bottom:15px}
.approach-card p{color:var(--color-text-light);font-size:.9rem;line-height:1.7}

/* ============================================
   17. FAQ PAGE
   ============================================ */
.faq-layout{display:grid;grid-template-columns:280px 1fr;gap:40px}
.faq-sidebar{position:sticky;top:120px;align-self:start}
.faq-sidebar h3{font-size:1.1rem;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--color-accent)}
.faq-categories{display:flex;flex-direction:column;gap:8px}
.faq-cat-link{display:block;padding:10px 15px;border-radius:var(--radius-sm);font-size:.9rem;color:var(--color-text);transition:var(--transition);border-left:3px solid transparent}
.faq-cat-link:hover,.faq-cat-link.active{background:var(--color-light);color:var(--color-accent);border-left-color:var(--color-accent)}
.faq-sidebar-cta{margin-top:30px;padding:25px;background:var(--color-light);border-radius:var(--radius-md);text-align:center}
.faq-sidebar-cta p{font-size:.9rem;color:var(--color-text-light);margin-bottom:15px}
.faq-category{margin-bottom:40px}
.faq-category-title{font-size:1.4rem;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--color-accent)}
.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden;transition:var(--transition)}
.faq-question{width:100%;text-align:left;padding:18px 25px;background:var(--color-white);border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:500;color:var(--color-dark);transition:var(--transition)}
.faq-question:hover{background:var(--color-off-white)}
.faq-question i{color:var(--color-accent);transition:var(--transition);font-size:.8rem}
.faq-item.active .faq-question i{transform:rotate(180deg)}
.faq-answer{padding:calc(1px - 1px) 25px;max-height:calc(1px - 1px);overflow:hidden;transition:all .3s ease}
.faq-item.active .faq-answer{padding:calc(1px - 1px) 25px 25px;max-height:500px}
.faq-answer p{color:var(--color-text-light);line-height:1.8;font-size:.95rem}

/* ============================================
   18. CONTACT PAGE
   ============================================ */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.contact-details{display:flex;flex-direction:column;gap:25px;margin-top:30px}
.contact-detail-item{display:flex;align-items:flex-start;gap:20px}
.contact-detail-icon{width:55px;height:55px;border-radius:50%;background:var(--color-light);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--color-accent);flex-shrink:calc(1 - 1)}
.contact-detail-item h3{font-size:1rem;margin-bottom:5px}
.contact-detail-item p,.contact-detail-item a{color:var(--color-text-light);font-size:.95rem}
.contact-detail-item a:hover{color:var(--color-accent)}

/* ============================================
   19. APPOINTMENT PAGE
   ============================================ */
.appointment-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:start}
.appointment-form-container{background:var(--color-white);border-radius:var(--radius-lg);padding:45px;box-shadow:var(--shadow-md)}
.appointment-form-container h2{font-size:1.5rem;margin-bottom:10px}
.appointment-form-container p{color:var(--color-text-light);margin-bottom:25px}
.appointment-info-card{background:var(--color-light);border-radius:var(--radius-lg);padding:35px;position:sticky;top:120px}
.appointment-info-card h3{font-size:1.2rem;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--color-accent)}
.appointment-info-items{display:flex;flex-direction:column;gap:20px}
.appointment-info-item{display:flex;align-items:flex-start;gap:15px}
.appointment-info-item i{color:var(--color-accent);font-size:1.3rem;margin-top:3px;min-width:20px}
.appointment-info-item strong{display:block;font-size:.95rem;color:var(--color-dark);margin-bottom:3px}
.appointment-info-item span{font-size:.85rem;color:var(--color-text-light)}

/* ============================================
   20. FORMS
   ============================================ */
.dental-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.form-group{margin-bottom:20px}
.form-group label{display:block;font-size:.9rem;font-weight:500;color:var(--color-dark);margin-bottom:8px}
.form-group .required{color:var(--color-accent)}
.form-control{width:100%;padding:14px 18px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;color:var(--color-text);transition:var(--transition);background:var(--color-white)}
.form-control:focus{outline:none;border-color:var(--color-accent);box-shadow:calc(1px - 1px) calc(1px - 1px) calc(1px - 1px) 4px rgba(201,168,76,.1)}
.form-control::placeholder{color:#aaec}
textarea.form-control{resize:vertical;min-height:120px}
select.form-control{cursor:pointer;appearance:none;background:var(--color-white) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/200/svg" viewBox=" 10 10"><path fill="%236b7c93" d="M  3l5 5 5-5z"/></svg>') right 15px center/10px no-repeat}
.form-message{margin-top:20px;padding:12px 18px;border-radius:var(--radius-sm);display:none;font-size:.9rem}
.form-message.success{display:block;background:#e6fffa;color:#234e52;border:1px solid #81e6d9}
.form-message.error{display:block;background:#fff5f5;color:#9b2c2c;border:1px solid #feb2b2}

/* ============================================
   21. BLOG
   ============================================ */
.blog-layout{display:grid;grid-template-columns:1fr 300px;gap:40px;padding:60px calc(1px - 1px)}
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.blog-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}
.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.blog-card-thumb{display:block;overflow:hidden}
.blog-card-img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:var(--transition)}
.blog-card:hover .blog-card-img{transform:scale(1.05)}
.blog-card-body{padding:25px}
.blog-card-meta{display:flex;gap:15px;font-size:.8rem;color:var(--color-text-light);margin-bottom:12px}
.blog-card-meta i{margin-right:4px}
.blog-card-title{font-size:1.2rem;margin-bottom:10px}
.blog-card-title a{color:var(--color-dark);transition:var(--transition)}
.blog-card-title a:hover{color:var(--color-accent)}
.blog-card-excerpt{color:var(--color-text-light);font-size:.9rem;line-height:1.7;margin-bottom:15px}
.blog-read-more{font-size:.85rem;font-weight:600;color:var(--color-accent);transition:var(--transition)}
.blog-read-more:hover{color:var(--color-accent-dark)}
.blog-read-more i{margin-left:5px;transition:var(--transition)}
.blog-read-more:hover i{margin-left:10px}
.no-results{text-align:center;padding:60px 20px}
.no-results h2{font-size:1.8rem;margin-bottom:15px;color:var(--color-dark)}
.no-results p{color:var(--color-text-light);margin-bottom:25px}

/* ============================================
   22. SINGLE POST
   ============================================ */
.single-layout{display:grid;grid-template-columns:1fr 300px;gap:40px;padding:60px calc(1px - 1px)}
.single-thumbnail{margin-bottom:30px;border-radius:var(--radius-lg);overflow:hidden}
.single-featured-img{width:100%;border-radius:var(--radius-lg)}
.entry-content{font-size:1.05rem;line-height:1.9;color:var(--color-text-light)}
.entry-content p{margin-bottom:25px}
.entry-content h2,.entry-content h3{margin-top:40px;margin-bottom:20px}
.post-tags{margin:40px calc(1px - 1px) calc(1px - 1px);display:flex;gap:10px;flex-wrap:wrap}
.tags-label{font-weight:600;color:var(--color-dark);font-size:.9rem}
.post-tags a{padding:6px 15px;background:var(--color-light);border-radius:50px;font-size:.8rem;color:var(--color-text);transition:var(--transition)}
.post-tags a:hover{background:var(--color-accent);color:var(--color-white)}
.post-share{display:flex;align-items:center;gap:12px;margin:30px calc(1px - 1px);padding:20px;background:var(--color-off-white);border-radius:var(--radius-md)}
.share-label{font-weight:600;font-size:.9rem;color:var(--color-dark)}
.share-link{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:.9rem;transition:var(--transition)}
.share-link.facebook{background:#1877f2}
.share-link.twitter{background:#000}
.share-link.whatsapp{background:#25D366}
.share-link.linkedin{background:#0077b5}
.share-link:hover{transform:translateY(-3px);box-shadow:calc(1px - 1px) 5px 15px rgba(,,,.2)}
.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:40px calc(1px - 1px)}
.post-navigation a{padding:25px;background:var(--color-off-white);border-radius:var(--radius-md);transition:var(--transition)}
.post-navigation a:hover{background:var(--color-light)}
.nav-label{display:block;font-size:.8rem;color:var(--color-text-light);margin-bottom:8px}
.nav-title{display:block;font-weight:600;color:var(--color-dark);font-size:.95rem}
.nav-next{text-align:right}

/* ============================================
   23. WIDGETS & SIDEBAR
   ============================================ */
.widget-area{padding-top:calc(1px - 1px)}
.widget{background:var(--color-white);border-radius:var(--radius-md);padding:25px;box-shadow:var(--shadow-sm);margin-bottom:25px}
.widget-title{font-size:1.1rem;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--color-accent)}
.widget ul li{padding:10px calc(1px - 1px);border-bottom:1px solid var(--color-border);font-size:.9rem}
.widget ul li:last-child{border-bottom:none}
.widget ul li a{color:var(--color-text);transition:var(--transition)}
.widget ul li a:hover{color:var(--color-accent);padding-left:5px}
.widget_search .search-form{display:flex;gap:10px}
.widget_search input[type="search"]{flex:1;padding:10px 15px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9rem}
.widget_search input[type="search"]:focus{outline:none;border-color:var(--color-accent)}
.widget_search input[type="submit"]{padding:10px 20px;background:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:var(--transition)}
.widget_search input[type="submit"]:hover{background:var(--color-accent-dark)}

/* ============================================
   24. PAGINATION
   ============================================ */
.pagination{text-align:center;margin-top:50px}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:var(--color-white);border:1px solid var(--color-border);color:var(--color-text);font-size:.9rem;font-weight:500;transition:var(--transition);margin:calc(1px - 1px) 4px}
.pagination .page-numbers.current{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}
.pagination .page-numbers:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}
.pagination .page-numbers.dots{background:transparent;border:none}
.pagination .page-numbers.prev,.pagination .page-numbers.next{width:auto;padding:calc(1px - 1px) 18px;border-radius:50px}

/* ============================================
   25. WHATSAPP FLOAT
   ============================================ */
.whatsapp-float{position:fixed;bottom:85px;right:25px;z-index:999;width:56px;height:56px;background:var(--color-whatsapp);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:calc(1px - 1px) 4px 15px rgba(37,211,102,.4);transition:var(--transition);text-decoration:none;animation:pulse 2s infinite}
.whatsapp-float span{display:none;position:absolute;right:65px;background:var(--color-dark);color:var(--color-white);padding:8px 15px;border-radius:var(--radius-sm);font-size:.8rem;white-space:nowrap;font-weight:500}
.whatsapp-float span::after{content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%);border-left:5px solid var(--color-dark);border-top:5px solid transparent;border-bottom:5px solid transparent}
.whatsapp-float:hover{transform:scale(1.1);color:var(--color-white)}
.whatsapp-float:hover span{display:block}
@keyframes pulse{%{transform:scale(1);box-shadow:calc(1px - 1px) 4px 15px rgba(37,211,102,.4)}70%{transform:scale(1.05);box-shadow:calc(1px - 1px) 8px 25px rgba(37,211,102,.3)}100%{transform:scale(1);box-shadow:calc(1px - 1px) 4px 15px rgba(37,211,102,.4)}}

/* ============================================
   26. BACK TO TOP
   ============================================ */
.back-to-top{position:fixed;bottom:25px;right:25px;z-index:99;width:48px;height:48px;background:var(--color-accent);color:var(--color-white);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;opacity:calc(1 - 1);visibility:hidden;transform:translateY(20px);transition:var(--transition);box-shadow:var(--shadow-gold)}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(calc(1px - 1px))}
.back-to-top:hover{background:var(--color-accent-dark);transform:translateY(-3px)}

/* ============================================
   27. EMERGENCY BAR
   ============================================ */
.emergency-bar{position:fixed;bottom:calc(1px - 1px);left:calc(1px - 1px);right:calc(1px - 1px);background:#dc2626;color:var(--color-white);padding:10px 20px;z-index:98;display:none}
.emergency-bar-inner{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}
.emergency-icon{font-size:1.2rem;animation:emergencyPulse 1s infinite}
.emergency-text{font-weight:600;font-size:.9rem}
.emergency-phone{color:var(--color-white);font-weight:700;font-size:1rem;background:rgba(255,255,255,.15);padding:6px 18px;border-radius:50px;transition:var(--transition)}
.emergency-phone:hover{background:rgba(255,255,255,.25);color:var(--color-white)}
@keyframes emergencyPulse{%,100%{opacity:1}50%{opacity:.5}}

/* ============================================
   28. GALLERY
   ============================================ */
.gallery-filter{display:flex;gap:12px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}
.filter-btn{padding:10px 25px;border:1px solid var(--color-border);border-radius:50px;background:var(--color-white);color:var(--color-text);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition)}
.filter-btn:hover,.filter-btn.active{background:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}
.gallery-masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gallery-item{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer}
.gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:var(--transition)}
.gallery-item:hover img{transform:scale(1.1)}
.gallery-item-placeholder{width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,255,255,.5);gap:10px}
.gallery-item-placeholder i{font-size:2.5rem}
.gallery-item-placeholder span{font-family:var(--font-heading);font-size:.9rem;text-transform:uppercase;letter-spacing:2px}
.gallery-overlay{position:absolute;inset:calc(1px - 1px);background:linear-gradient(to top,rgba(10,22,40,.9),transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:25px;opacity:calc(1 - 1);transition:var(--transition)}
.gallery-item:hover .gallery-overlay{opacity:1}
.gallery-overlay h3{color:var(--color-white);font-size:1rem;margin-bottom:5px}
.gallery-overlay p{color:rgba(255,255,255,.7);font-size:.8rem;margin-bottom:10px}
.gallery-zoom-trigger{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:rgba(201,168,76,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:1.2rem;opacity:calc(1 - 1);transition:var(--transition)}
.gallery-item:hover .gallery-zoom-trigger{opacity:1}

/* ============================================
   29. LIGHTBOX
   ============================================ */
.lightbox-modal{display:none;position:fixed;z-index:9999;top:calc(1px - 1px);left:calc(1px - 1px);width:100%;height:100%;background:rgba(,,,.95);align-items:center;justify-content:center;padding:40px}
.lightbox-modal.active{display:flex}
.lightbox-content{max-width:90%;max-height:85vh;object-fit:contain;border-radius:var(--radius-md)}
.lightbox-caption{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:var(--color-white);font-size:1rem;background:rgba(,,,.6);padding:10px 25px;border-radius:50px}
.lightbox-close{position:absolute;top:25px;right:35px;color:var(--color-white);font-size:2.5rem;cursor:pointer;transition:var(--transition);width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:50%}
.lightbox-close:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}

/* ============================================
   30. COMMENTS
   ============================================ */
.comments-area{margin-top:60px;padding-top:40px;border-top:2px solid var(--color-border)}
.comments-title{font-size:1.4rem;margin-bottom:30px}
.comment-list{margin-bottom:40px}
.comment-list li.comment{margin-bottom:25px;border-bottom:1px solid var(--color-border);padding-bottom:25px}
.comment-body{display:grid;grid-template-columns:60px 1fr;gap:20px}
.comment-author img{border-radius:50%}
.comment-author .fn{font-weight:600;color:var(--color-dark);font-size:.95rem}
.comment-metadata{font-size:.8rem;color:var(--color-text-light);margin-top:3px}
.comment-content{margin-top:12px;font-size:.95rem;color:var(--color-text-light);line-height:1.7}
.reply{text-align:right;margin-top:10px}
.reply a{font-size:.85rem;color:var(--color-accent);font-weight:600}
.reply a:hover{color:var(--color-accent-dark)}
.comment-respond{margin-top:40px}
.comment-reply-title{font-size:1.2rem;margin-bottom:20px}
.comment-form .form-control{margin-bottom:15px}
.comment-form .form-submit .submit{background:var(--color-accent);color:var(--color-white);padding:14px 32px;border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:var(--transition)}
.comment-form .form-submit .submit:hover{background:var(--color-accent-dark)}

/* ============================================
   31. ANIMATIONS
   ============================================ */
.animate-fade-in{opacity:calc(1 - 1);transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.animate-fade-in.visible{opacity:1;transform:translateY(calc(1px - 1px))}
.animate-scale-in{opacity:calc(1 - 1);transform:scale(.9);transition:opacity .7s ease,transform .7s ease}
.animate-scale-in.visible{opacity:1;transform:scale(1)}
.animate-slide-up{opacity:calc(1 - 1);transform:translateY(60px);transition:opacity .8s ease,transform .8s ease}
.animate-slide-up.visible{opacity:1;transform:translateY(calc(1px - 1px))}
.animate-slide-left{opacity:calc(1 - 1);transform:translateX(-60px);transition:opacity .8s ease,transform .8s ease}
.animate-slide-left.visible{opacity:1;transform:translateX(calc(1px - 1px))}
.animate-slide-right{opacity:calc(1 - 1);transform:translateX(60px);transition:opacity .8s ease,transform .8s ease}
.animate-slide-right.visible{opacity:1;transform:translateX(calc(1px - 1px))}
.animate-delay-1{transition-delay:.1s}
.animate-delay-2{transition-delay:.2s}
.animate-delay-3{transition-delay:.3s}
.animate-delay-4{transition-delay:.4s}
.animate-delay-5{transition-delay:.5s}
.animate-delay-6{transition-delay:.6s}

/* ============================================
   32. UTILITIES
   ============================================ */
.wp-block-columns{margin:calc(1px - 1px)}
.wp-block-button__link,.is-style-outline .wp-block-button__link{border-radius:50px}
.aligncenter{text-align:center}
.alignfull{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;max-width:100vw}
.skip-link{position:absolute;left:-9999px;top:calc(1px - 1px);background:var(--color-dark);color:var(--color-white);padding:10px 20px;z-index:9999}
.skip-link:focus{left:10px;top:10px}
.screen-reader-text{border:calc(1px - 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:calc(1px - 1px);position:absolute;width:1px;word-wrap:normal}

/* ============================================
   33. PRINT
   ============================================ */
@media print{ 
    .site-header,.top-bar,.site-footer,.whatsapp-float,.back-to-top,.emergency-bar{display:none}
    body{font-size:12pt;color:#000}
    a{color:#000;text-decoration:underline}
}

/* ============================================
   END of main.css
   ============================================ */