/*
Theme Name: iLounge Repair (Blue)
Description: Independent Apple Service Center theme - Blue edition, multiple menus, Elementor ready
Version: 2.0
Text Domain: ilounge
*/
:root{--blue:#4aa3ff;--blue-text:#1d6fd6;--blue-dark:#0a2e6e;--blue-light:#8cc4ff;--sky:#eaf2ff;--dark:#0b1f44;--grey:#eef3fb;--text:#44506a}
*{box-sizing:border-box}body{margin:0;font-family:Poppins,Arial,sans-serif;color:var(--text);line-height:1.6}
img{max-width:100%}a{text-decoration:none;color:var(--blue-text)}a:hover{color:var(--blue-dark)}
.wrap{max-width:1140px;margin:auto;padding:0 20px}
.page-body{padding-top:50px;padding-bottom:50px}
.entry-title{color:var(--blue-dark)}.entry-title a{color:inherit}
.ph{background:#dbe6f6;display:flex;align-items:center;justify-content:center;color:#7a8aa8;font-size:12px;min-height:80px;border-radius:12px}
h2.title{text-align:center;text-transform:uppercase;color:var(--blue-dark);font-size:20px;margin:60px 0 30px}
.btn{display:inline-block;background:var(--blue);color:var(--blue-dark);font-weight:600;padding:10px 22px;border-radius:25px;border:0;cursor:pointer;transition:.2s}
.btn:hover{background:var(--blue-dark);color:#fff}
/* header */
.site-header{position:sticky;top:0;left:0;right:0;z-index:50;background:var(--blue-dark);color:#fff;box-shadow:0 2px 10px #0003}
.site-header .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:12px;gap:20px}
.site-header a{color:#fff;font-size:12px;font-weight:600;text-transform:uppercase}
.site-header a:hover{color:var(--blue-light)}
.site-header .logo{font-size:34px;font-weight:700;display:flex;align-items:center}
.site-header .logo img{max-height:46px;width:auto}
.site-header ul{list-style:none;margin:0;padding:0}
.main-nav>ul{display:flex;gap:24px;align-items:center}
.main-nav li{position:relative}
.main-nav>ul>li>a{display:block;padding:10px 0}
/* dropdown */
.main-nav ul ul{display:none;position:absolute;top:100%;left:-14px;min-width:210px;background:var(--blue-dark);border-top:2px solid var(--blue);border-radius:0 0 10px 10px;padding:8px 0;box-shadow:0 8px 20px #0004}
.main-nav li:hover>ul,.main-nav li:focus-within>ul{display:block}
.main-nav ul ul a{display:block;padding:9px 18px;text-transform:none;font-size:13px}
.main-nav ul ul a:hover{background:var(--blue);color:var(--blue-dark)}
.main-nav .menu-item-has-children>a:after{content:" ▾";font-size:10px}
.main-nav .current-menu-item>a,.mobile-nav .current-menu-item>a{color:var(--blue-light)}
.head-right{display:flex;align-items:center;gap:14px}
.head-phone{white-space:nowrap}
.menu-toggle{display:none;background:var(--blue);color:var(--blue-dark);border:0;border-radius:8px;font-size:22px;line-height:1;padding:7px 12px;cursor:pointer}
.mobile-nav{display:none;background:var(--blue-dark);border-top:1px solid #ffffff22}
.mobile-nav.open{display:block}
.mobile-nav ul{padding:8px 20px}.mobile-nav li a{display:block;padding:11px 0;border-bottom:1px solid #ffffff14}
.mobile-nav ul ul{padding:0 0 0 16px}.mobile-nav ul ul a{font-weight:400;text-transform:none;font-size:13px}
/* hero */
.hero{background:linear-gradient(135deg,var(--blue-dark),var(--blue));color:#fff;padding:90px 0 110px;clip-path:polygon(0 0,100% 0,100% 85%,60% 100%,0 70%)}
.hero .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}
.hero h1{text-transform:uppercase;font-size:28px;margin:0 0 15px}.hero p{max-width:440px;font-size:13px}
.hero .img{max-width:260px}
.hero .btn{background:#fff;color:var(--blue-dark)}.hero .btn:hover{background:var(--sky)}
/* services */
.services{display:flex;flex-wrap:wrap;justify-content:center;gap:50px;margin:50px 0}
.services a{position:relative;width:300px;height:280px;border-radius:25px;overflow:hidden;border:2px solid var(--blue);display:block}
.services a img{width:100%;height:100%;object-fit:cover}
.services span{position:absolute;left:20px;bottom:20px;color:#fff;font-weight:700;text-transform:uppercase;text-shadow:0 1px 4px #000}
/* usp */
.usp{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}
.usp div{width:130px;text-align:center;font-size:12px;font-weight:600;color:var(--blue-dark)}
.usp .ico{background:var(--sky);border-radius:18px;height:130px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}
/* issues */
.issues{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin:70px 0}
.issues h3.big{font-size:26px;grid-row:span 2;align-self:center;color:var(--blue-dark)}
.issues h4{margin:8px 0 4px;font-size:13px;color:var(--blue-text)}.issues p{font-size:12px;margin:0}
/* stats */
.stats{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;text-align:center}
.stats .c{width:170px;height:170px;border:4px solid;border-radius:50%;margin:auto;display:flex;align-items:center;justify-content:center;font-size:40px}
.stats strong{display:block;font-size:34px;margin-top:15px}.stats em{font-style:normal;font-weight:600;color:var(--blue-dark)}
/* contact */
.contact{display:flex;gap:40px;align-items:center;margin:80px 0;flex-wrap:wrap}
.contact .txt{flex:1;min-width:260px}.contact h2{text-transform:uppercase;color:var(--blue-dark)}
.il-form-wrap{flex:1;min-width:300px}
.il-form{border:2px solid var(--blue);border-radius:20px;padding:35px;text-align:center;background:#fff}
.il-form input,.il-form select{width:75%;padding:9px 14px;border:2px solid var(--blue);border-radius:20px;margin:8px 0;outline:0;font-family:inherit}
.il-form input:focus,.il-form select:focus{border-color:var(--blue-light);box-shadow:0 0 0 3px #4aa3ff33}
.il-form .btn{margin-top:15px;padding:10px 50px}
.il-ok{color:var(--blue-text);font-weight:600}
/* reviews */
.reviews{display:flex;gap:30px;flex-wrap:wrap}
.reviews blockquote{flex:1;min-width:280px;margin:0;padding:30px;box-shadow:0 2px 12px #4aa3ff33;border-top:3px solid var(--blue);text-align:center;font-size:13px}
.stars{color:var(--blue);letter-spacing:4px}
/* locations */
.loc{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:20px}
.loc .addr{background:var(--sky);padding:50px 30px;text-align:center;font-size:13px;color:var(--blue-dark)}
.loc iframe{width:100%;height:260px;border:0}
.seo{margin:50px 0;font-size:13px}.seo h3{color:var(--blue-dark)}
/* footer */
.site-footer{background:var(--blue-dark);color:#c4d3f0;padding:40px 0 20px;font-size:12px;border-top:4px solid var(--blue)}
.site-footer a{color:#fff}.site-footer a:hover{color:var(--blue-light)}
.site-footer .cols{display:grid;gap:25px}
.site-footer .cols.top{grid-template-columns:1.4fr 1fr 1fr;padding-bottom:25px;border-bottom:1px solid #ffffff22;margin-bottom:25px}
.site-footer .cols.locs{grid-template-columns:repeat(4,1fr)}
.site-footer h5{color:#fff;font-size:15px;text-transform:uppercase;margin:0 0 12px}
.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:0 0 7px}
.site-footer .copy{border-top:1px solid #ffffff22;margin-top:30px;padding-top:15px}
.site-footer .legal{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:10px}
/* Elementor: default blue touch (Elementor ki apni settings isse upar chalti hain) */
.elementor-widget-button .elementor-button{background-color:var(--blue)}
.elementor-widget-heading .elementor-heading-title{color:var(--blue-dark)}
@media(max-width:900px){.main-nav,.head-phone{display:none}.menu-toggle{display:block}}
@media(max-width:800px){.hero .img{display:none}.issues,.loc,.site-footer .cols.top,.site-footer .cols.locs{grid-template-columns:1fr}}