/*
Theme Name: WAL Consultancy
Theme URI: https://xiophider.com
Author: Xiophider
Author URI: https://xiophider.com
Description: Complete multi-page consultancy theme with auto-created pages, custom post types, Stripe payments, user account portal, and professional UK design. Developed by Xiophider (Xiophider.com | xiophider@gmail.com | +923407590911, +923223366354). We deal with all kinds of web and software developments and technical services.
Version: 3.2.1
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: wal-consultancy
*/

:root{--navy:#0A2540;--blue:#0066CC;--sky:#00A8E8;--red:#D32F2F;--light:#F8FAFC;--slate:#1E293B}

*{box-sizing:border-box}
html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}
body{text-rendering:optimizeLegibility;overflow-x:hidden;margin:0}

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.screen-reader-text:focus{background:var(--navy);color:#fff;clip:auto;clip-path:none;display:block;font-size:14px;height:auto;left:5px;top:5px;padding:12px 20px;width:auto;z-index:100000;border-radius:8px}

.video-overlay{background:linear-gradient(135deg,rgba(10,37,64,.95) 0%,rgba(0,102,204,.85) 50%,rgba(0,168,232,.70) 100%)}

.service-card{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}
.service-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px rgba(10,37,64,.25)}
.service-card:hover .service-image{transform:scale(1.08)}
.service-image{transition:transform .8s cubic-bezier(.22,1,.36,1)}

.btn-learn-more{background-color:var(--red);color:#fff;padding:14px 40px;font-weight:700;letter-spacing:.05em;transition:all .3s ease;display:inline-block;text-align:center;border-radius:4px;text-decoration:none;border:none;cursor:pointer;font-size:.9rem}
.btn-learn-more:hover{background-color:#B71C1C;transform:translateY(-2px);box-shadow:0 10px 20px rgba(211,47,47,.3)}

.btn-primary{background-color:var(--blue);color:#fff;padding:14px 32px;font-weight:700;transition:all .3s;display:inline-block;border-radius:8px;text-decoration:none;border:none;cursor:pointer}
.btn-primary:hover{background-color:var(--navy);transform:translateY(-2px);box-shadow:0 10px 25px rgba(10,37,64,.3)}

.btn-outline{background:transparent;color:var(--navy);padding:14px 32px;font-weight:700;border:2px solid var(--navy);transition:all .3s;display:inline-block;border-radius:8px;text-decoration:none;cursor:pointer}
.btn-outline:hover{background:var(--navy);color:#fff}

.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay,0ms)}
.reveal.is-visible{opacity:1;transform:translateY(0)}

.faq-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1)}
.faq-panel>div{overflow:hidden}
.faq-item.is-open .faq-panel{grid-template-rows:1fr}
.faq-item.is-open .faq-chevron{transform:rotate(180deg)}

.chat-widget{position:fixed;bottom:24px;left:24px;z-index:50;background:#000;color:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.5);display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .3s;font-size:.85rem}
.chat-widget:hover{transform:translateY(-4px)}

#backToTop{position:fixed;bottom:24px;right:24px;z-index:50;width:44px;height:44px;background:var(--red);color:#fff;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(211,47,47,.4);transition:all .3s;opacity:0;pointer-events:none;transform:translateY(10px);cursor:pointer}
#backToTop.show{opacity:1;pointer-events:auto;transform:translateY(0)}
#backToTop:hover{background:#B71C1C}

.nav-link{position:relative}
.nav-link::after{content:'';position:absolute;left:0;bottom:-6px;height:2px;width:100%;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s;border-radius:2px}
.nav-link:hover::after,.nav-link.current-menu-item>a::after{transform:scaleX(1)}
.nav-link.current-menu-item>a{color:var(--blue)}

.menu-item a{position:relative;text-decoration:none}
.menu-item a::after{content:'';position:absolute;left:0;bottom:-6px;height:2px;width:100%;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s;border-radius:2px}
.menu-item a:hover::after,.menu-item.current-menu-item a::after{transform:scaleX(1)}
.menu-item.current-menu-item a{color:var(--blue)}

.prose h2{margin-top:2rem;margin-bottom:1rem}
.prose h3{margin-top:1.5rem;margin-bottom:.75rem}
.prose p{margin-bottom:1rem;line-height:1.7}
.prose ul{margin-bottom:1rem;padding-left:1.5rem}
.prose li{margin-bottom:.5rem}

@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}.service-card:hover{transform:none}}

@media print{header,footer,video,#bookingModal,#backToTop,.chat-widget,.cookie-banner{display:none!important}}