/*
Theme Name: PRDS-Themes-Key Maker- Option 03
Theme URI: https://akdigi.in/
Author: PR Digital Solutions (MePremJagtap)
Author URI: https://mepremjagtap.com/
Description: A premium, single-page, responsive theme for local businesses. Built for Key Maker with rich sections, clean design, and easy placeholder swapping.
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: salman-keymaker
Tags: one-column, custom-logo, featured-images, responsive-layout, onepage
*/

/* Basic Reset & Vars */
:root {
  --bg: #0f172a;              /* slate-900 */
  --muted: #1e293b;           /* slate-800 */
  --card: #111827;            /* gray-900 */
  --text: #e5e7eb;            /* gray-200 */
  --soft: #94a3b8;            /* slate-400 */
  --brand: #22d3ee;           /* cyan-400 */
  --brand-2: #a78bfa;         /* violet-400 */
  --accent: #34d399;          /* green-400 */
  --danger: #f43f5e;          /* rose-500 */
  --ring: rgba(34,211,238,.35);
  --shadow: 0 10px 30px rgba(0,0,0,.35);
  --radius: 16px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"; line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 16px}

/* Header / Hero */
.site-header{
  position:relative; z-index:10;
  background: linear-gradient(135deg, rgba(34,211,238,.1), rgba(167,139,250,.1));
  border-bottom:1px solid rgba(255,255,255,.06);
  backdrop-filter: blur(6px);
}
.brand{
  display:flex; align-items:center; gap:12px; padding:14px 0;
}
.brand img{width:42px; height:42px; border-radius:12px; box-shadow:var(--shadow)}
.brand .name{font-weight:700; font-size:20px; letter-spacing:.3px}

.hero{
  position:relative; overflow:hidden;
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(34,211,238,.12), transparent 60%),
    radial-gradient(1000px 600px at 110% -10%, rgba(167,139,250,.12), transparent 60%);
}
.hero-inner{padding:54px 0 28px}
.hero h1{font-size:40px; line-height:1.15; margin:12px 0 10px}
.hero p{color:var(--soft); font-size:18px; margin:0 0 22px}
.badge{
  display:inline-block; padding:6px 10px; border-radius:999px;
  border:1px solid rgba(255,255,255,.1); color:var(--soft); font-size:13px;
  background: rgba(17,24,39,.6);
}

/* Buttons */
.btns{display:flex; flex-wrap:wrap; gap:12px}
.btn{
  padding:12px 16px; border-radius:14px; border:1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  box-shadow: var(--shadow);
  display:inline-flex; align-items:center; gap:10px; font-weight:600;
  transition: transform .12s ease, box-shadow .2s ease, border-color .2s ease;
}
.btn:hover{ transform: translateY(-1px); border-color: rgba(255,255,255,.18) }
.btn.call{outline:2px solid transparent}
.btn.call:focus{ box-shadow:0 0 0 6px var(--ring) }
.btn.justdial{}
.btn.gmb{}

/* Info Cards */
.grid{display:grid; gap:16px}
@media(min-width:768px){ .grid{ grid-template-columns: 1.2fr .8fr } }

.card{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  border-radius: var(--radius);
  padding:18px;
  box-shadow: var(--shadow);
}
.card h3{margin:0 0 10px; font-size:18px}
.address{white-space:pre-line; color:var(--soft)}

/* Gallery */
.gallery{ display:grid; gap:14px; grid-template-columns: 1fr; }
@media(min-width:640px){ .gallery{ grid-template-columns: repeat(3, 1fr); } }
.gallery img{
  border-radius:14px; border:1px solid rgba(255,255,255,.06);
  box-shadow: var(--shadow);
}

/* Footer */
.site-footer{
  margin-top:32px; padding:20px 0;
  border-top:1px solid rgba(255,255,255,.06);
  color:var(--soft); font-size:14px;
}
.footer-links a{ text-decoration:underline; text-underline-offset:3px; }
.footer-grid{display:grid; gap:10px}
@media(min-width:768px){ .footer-grid{ grid-template-columns: 1fr auto; align-items:center } }

/* Utility */
.m-0{margin:0} .mt-0{margin-top:0} .mb-0{margin-bottom:0}
.mt-2{margin-top:8px} .mt-3{margin-top:12px} .mt-4{margin-top:16px} .mt-6{margin-top:24px}
.small{font-size:13px; color:var(--soft)}
.sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
*/