/*
Theme Name: London Drip Clinic
Description: Premium black and white theme for London Drip Clinic, with restrained pastel colour bursts.
Version: 1.0.0
Text Domain: london-drip-clinic
WPVibe: yes
*/

html{-webkit-text-size-adjust:100%}
body{margin:0;background:#ffffff;color:#1d1d1f}
.ldc-site{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#1d1d1f;background:#ffffff;width:100%;overflow-x:clip}
.ldc-site *,.ldc-site *::before,.ldc-site *::after{box-sizing:border-box}
.ldc-site a{color:#1d1d1f}
.ldc-site a:hover{color:#555555}
.ldc-site img,.ldc-site video{max-width:100%;height:auto}
.ldc-skip{position:absolute;left:-9999px;top:0;z-index:100;background:#1d1d1f;color:#ffffff !important;padding:12px 18px;border-radius:0 0 12px 0;text-decoration:none}
.ldc-skip:focus{left:0}
.ldc-site :focus-visible{outline:2px solid #0071e3;outline-offset:3px}

/* Header */
.ldc-head{position:relative;z-index:5;max-width:1360px;margin:0 auto;padding:22px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.ldc-brand{text-decoration:none;display:flex;align-items:center;gap:12px;color:#1d1d1f}
.ldc-brand span{font-weight:600;font-size:19px;letter-spacing:-0.015em}
.ldc-nav{display:flex;flex-wrap:wrap;align-items:center;gap:28px;font-size:15px}
.ldc-nav a{text-decoration:none}
.ldc-nav a[aria-current="page"]{font-weight:600}
.ldc-site a.ldc-nav-book,.ldc-site a.ldc-nav-book:hover{background:#1d1d1f;color:#ffffff;padding:13px 22px;border-radius:999px;font-weight:600;transition:background .25s}
.ldc-site a.ldc-nav-book:hover{background:#2a2a2a}

/* Quick action bar */
.ldc-quick{position:sticky;top:0;z-index:20;background:rgba(255,255,255,0.86);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-top:1px solid #e5e5ea;border-bottom:1px solid #e5e5ea}
.admin-bar .ldc-quick{top:32px}
.ldc-quick-in{max-width:1360px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:10px;overflow-x:auto;scrollbar-width:none}
.ldc-quick-in::-webkit-scrollbar{display:none}
.ldc-quick a{flex:none;display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#1d1d1f;border:1.5px solid #1d1d1f;padding:10px 16px;border-radius:999px;font-size:15px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.ldc-site .ldc-quick a.ldc-quick-book,.ldc-site .ldc-quick a.ldc-quick-book:hover{background:#1d1d1f;color:#ffffff;padding:11px 18px;border:0;font-weight:600}

/* Powdery colour bursts behind the phone and WhatsApp buttons */
@keyframes ldcDrift{0%{transform:translate(-6%,-4%) rotate(0deg) scale(1)}100%{transform:translate(6%,4%) rotate(18deg) scale(1.08)}}
.ldc-site .ldc-quick a.ldc-quick-phone,.ldc-site .ldc-quick a.ldc-quick-wa{position:relative;overflow:hidden;isolation:isolate;border:0;padding:11px 18px;font-weight:600;background:#ffffff;transition:transform .25s}
.ldc-site .ldc-quick a.ldc-quick-phone::before,.ldc-site .ldc-quick a.ldc-quick-wa::before{content:"";position:absolute;inset:-60% -30%;z-index:-2;filter:blur(4px) saturate(1.3);animation:ldcDrift 8s ease-in-out infinite alternate}
.ldc-site .ldc-quick a.ldc-quick-phone::after,.ldc-site .ldc-quick a.ldc-quick-wa::after{content:"";position:absolute;inset:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.6' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");background-size:120px 120px;opacity:.7;mix-blend-mode:overlay}
.ldc-site .ldc-quick a.ldc-quick-phone{box-shadow:0 4px 18px rgba(0,113,227,0.18)}
.ldc-site .ldc-quick a.ldc-quick-phone::before{background:radial-gradient(circle at 12% 62%,rgba(0,113,227,0.85) 0,rgba(0,113,227,0) 22%),radial-gradient(circle at 34% 22%,rgba(90,200,250,0.75) 0,rgba(90,200,250,0) 20%),radial-gradient(circle at 58% 70%,rgba(143,184,255,0.8) 0,rgba(143,184,255,0) 24%),radial-gradient(circle at 80% 30%,rgba(0,122,255,0.55) 0,rgba(0,122,255,0) 20%),radial-gradient(circle at 94% 72%,rgba(191,227,255,0.9) 0,rgba(191,227,255,0) 22%),#f4f9ff}
.ldc-site .ldc-quick a.ldc-quick-wa{box-shadow:0 4px 18px rgba(37,211,102,0.18)}
.ldc-site .ldc-quick a.ldc-quick-wa::before{background:radial-gradient(circle at 12% 62%,rgba(37,211,102,0.85) 0,rgba(37,211,102,0) 22%),radial-gradient(circle at 34% 22%,rgba(126,232,162,0.8) 0,rgba(126,232,162,0) 20%),radial-gradient(circle at 58% 72%,rgba(18,140,126,0.45) 0,rgba(18,140,126,0) 22%),radial-gradient(circle at 80% 28%,rgba(52,199,89,0.6) 0,rgba(52,199,89,0) 20%),radial-gradient(circle at 94% 70%,rgba(200,247,216,0.95) 0,rgba(200,247,216,0) 22%),#f3fcf6}
.ldc-site .ldc-quick a.ldc-quick-phone:hover,.ldc-site .ldc-quick a.ldc-quick-wa:hover{color:#1d1d1f;transform:translateY(-1px)}

/* Footer */
.ldc-foot{border-top:1.5px solid #1d1d1f;margin-top:80px}
.ldc-foot-in{max-width:1360px;margin:0 auto;padding:48px 24px 40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px}
.ldc-foot-name{font-weight:600;font-size:19px;letter-spacing:-0.015em}
.ldc-foot-addr{margin:14px 0 0;font-size:15px;line-height:1.6;color:#6e6e73}
.ldc-site .ldc-foot-addr a{color:#6e6e73;text-decoration:none}
.ldc-foot-nav{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px}
.ldc-site .ldc-foot-nav a{color:#424245;text-decoration:none}
.ldc-site .ldc-foot-nav a:hover{color:#1d1d1f}
.ldc-foot-legal{flex:1 1 420px;min-width:0;font-size:13px;line-height:1.6;color:#6e6e73}
.ldc-site .ldc-foot-legal a{color:#6e6e73}
.ldc-foot-legal p{margin:0 0 10px}

/* Shared motion */
@keyframes ldcSpin{to{transform:rotate(360deg)}}
@keyframes ldcRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.ldc-btn{transition:background .25s}
.ldc-btn:hover{background:#2a2a2a}

/* Plain WordPress content (blog posts, pages created in the editor) */
.ldc-prose{max-width:760px;margin:0 auto;padding:40px 24px 20px;font-size:18px;line-height:1.65;color:#1d1d1f}
.ldc-prose h1{font-weight:600;font-size:clamp(40px,6vw,72px);line-height:1;letter-spacing:-0.04em;margin:0 0 28px}
.ldc-prose h2{font-weight:600;font-size:32px;letter-spacing:-0.025em;margin:44px 0 12px}
.ldc-prose h3{font-weight:600;font-size:22px;margin:32px 0 8px}
.ldc-prose p,.ldc-prose ul,.ldc-prose ol{color:#424245}
.ldc-prose .ldc-meta{font-size:14px;color:#6e6e73;margin:0 0 20px}
.ldc-list{max-width:900px;margin:0 auto;padding:40px 24px}
.ldc-list article{border-top:1px solid #d2d2d7;padding:24px 0}
.ldc-list h2{margin:0;font-size:28px;font-weight:600;letter-spacing:-0.02em}
.ldc-list h2 a{text-decoration:none}

@media (max-width:900px){
 .ldc-nav a:not(.ldc-nav-book){display:none}
 .ldc-head{padding:16px 16px}
 .ldc-quick-in{padding:10px 16px}
 .ldc-foot-in{padding:40px 16px 32px}
}
@media (max-width:782px){.admin-bar .ldc-quick{top:46px}}
@media (prefers-reduced-motion: reduce){.ldc-site *{animation:none !important;transition:none !important}}