/*
Theme Name: Industrial Plots Pro
Theme URI: https://example.com
Author: Ashish Midha
Description: Lightweight WordPress theme for an industrial plots brokerage (buy and lease). Includes Plots listings, Buy/Rent filters, YouTube video integration (latest videos + click-to-play embeds), lead capture form and SEO schema.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: ipl
*/
:root{--navy:#14212b;--navy2:#1d3140;--paper:#f2f4f3;--white:#fff;--slate:#4a5963;--line:#cbd3d6;--peg:#f2b705;--peg-d:#c99700;--ok:#1f7a4d;--bad:#b3261e}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:17px;line-height:1.6;color:var(--navy);background:var(--paper)}
img{max-width:100%;height:auto;display:block}a{color:var(--navy2)}
h1,h2,h3,h4{line-height:1.15;margin:0 0 .5em;font-weight:800;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5vw,3.4rem)}h2{font-size:clamp(1.6rem,3.2vw,2.3rem)}h3{font-size:1.2rem}
p{margin:0 0 1em}.wrap{width:min(1180px,92%);margin:0 auto}
:focus-visible{outline:3px solid var(--peg);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--peg);padding:8px 12px;z-index:99}
.btn{display:inline-block;background:var(--peg);color:var(--navy);font-weight:700;padding:.8em 1.4em;border:2px solid var(--peg);text-decoration:none;cursor:pointer;font:inherit;font-weight:700;border-radius:3px;transition:background .15s}
.btn:hover{background:var(--peg-d);border-color:var(--peg-d)}
.btn.ghost{background:transparent;color:#fff;border-color:#fff}.btn.ghost:hover{background:rgba(255,255,255,.12)}
.btn.dark{background:var(--navy);color:#fff;border-color:var(--navy)}
/* header */
.site-header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px}
.brand,.brand a{color:#fff;text-decoration:none;font-weight:800;font-size:1.3rem;letter-spacing:-.01em}
.brand span{color:var(--peg)}
.custom-logo{max-height:46px;width:auto}
.nav ul{list-style:none;display:flex;gap:6px;margin:0;padding:0;align-items:center}
.nav a{color:#dfe6e9;text-decoration:none;padding:.5em .8em;display:block;font-weight:600;font-size:.95rem}
.nav a:hover{color:var(--peg)}
.nav .cta a{background:var(--peg);color:var(--navy);border-radius:3px}
.menu-toggle{display:none;background:none;border:2px solid #fff;color:#fff;padding:.4em .8em;font:inherit;font-weight:700;cursor:pointer}
@media(max-width:860px){.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--navy2);padding:10px 4%}.nav.open{display:block}.nav ul{flex-direction:column;align-items:stretch}}
/* hero: cadastral map */
.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden;padding:72px 0 64px;
background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hero p.lead{font-size:1.15rem;color:#c9d4d9;max-width:34em}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.parcel{position:relative;border:2px dashed var(--peg);aspect-ratio:3/2;margin:28px 28px 28px 0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;background:rgba(242,183,5,.06)}
.parcel:before,.parcel:after,.parcel i,.parcel b{content:"";position:absolute;width:16px;height:16px;background:var(--peg);transform:rotate(45deg)}
.parcel:before{left:-9px;top:-9px}.parcel:after{right:-9px;top:-9px}.parcel i{left:-9px;bottom:-9px}.parcel b{right:-9px;bottom:-9px}
.parcel .dim{position:absolute;font-size:.8rem;color:var(--peg);font-weight:700;background:var(--navy);padding:0 8px}
.parcel .dim.t{top:-12px;left:50%;transform:translateX(-50%)}.parcel .dim.l{left:-34px;top:50%;transform:translateY(-50%) rotate(-90deg)}
.parcel strong{font-size:1.5rem;display:block}.parcel small{color:#c9d4d9}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr}.parcel{margin:20px 14px}}
/* finder */
.finder{background:#fff;color:var(--navy);margin-top:-34px;position:relative;z-index:5;padding:22px;border-top:5px solid var(--peg);box-shadow:0 12px 30px rgba(20,33,43,.18)}
.finder form{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:14px;align-items:end}
.finder label,.form label{font-weight:700;font-size:.9rem;display:block;margin-bottom:4px}
select,input[type=text],input[type=tel],input[type=email],textarea{width:100%;padding:.7em .8em;border:1.5px solid var(--line);background:#fff;font:inherit;color:var(--navy);border-radius:3px}
@media(max-width:860px){.finder form{grid-template-columns:1fr}}
/* sections */
.section{padding:72px 0}.section.alt{background:#fff}.section.dark{background:var(--navy);color:#fff}
.section-head{max-width:640px;margin-bottom:34px}.section-head p{color:var(--slate)}.dark .section-head p{color:#c9d4d9}
.grid{display:grid;gap:24px}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.g3,.g4,.g2{grid-template-columns:1fr}}
/* plot cards */
.plot-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;position:relative}
.plot-card .thumb{aspect-ratio:16/10;background:var(--navy2);overflow:hidden;position:relative}
.plot-card .thumb img{width:100%;height:100%;object-fit:cover}
.ph{display:flex;align-items:center;justify-content:center;height:100%;color:var(--peg);font-weight:800;border:2px dashed rgba(242,183,5,.5);margin:14px;height:calc(100% - 28px)}
.badge{position:absolute;left:10px;top:10px;background:var(--peg);color:var(--navy);font-weight:800;font-size:.8rem;padding:.2em .7em;border-radius:2px}
.badge.sold{background:var(--bad);color:#fff}
.plot-card .body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.plot-card h3 a{text-decoration:none}.plot-card .loc{color:var(--slate);font-size:.92rem;margin:0}
.facts{display:flex;gap:16px;flex-wrap:wrap;font-weight:700;font-size:.95rem;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
.price{font-weight:800;font-size:1.15rem}
/* tiles */
.tile{display:block;background:#fff;border:1px solid var(--line);border-left:6px solid var(--peg);padding:26px;text-decoration:none;color:var(--navy)}
.tile:hover{border-color:var(--navy)}.tile h3{margin-bottom:.3em}.tile p{color:var(--slate);margin:0}
.chips{display:flex;flex-wrap:wrap;gap:10px}.chips a{border:1.5px solid var(--navy);padding:.4em 1em;text-decoration:none;font-weight:700;background:#fff}.chips a:hover{background:var(--peg);border-color:var(--peg)}
.point{border-top:3px solid var(--peg);padding-top:14px}.point p{color:#c9d4d9;margin:0}
.steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.steps li{counter-increment:s;border-top:3px solid var(--navy);padding-top:14px}.steps li:before{content:"Step " counter(s);display:block;font-weight:800;color:var(--peg-d);margin-bottom:4px}
@media(max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.steps{grid-template-columns:1fr}}
/* video */
.yt{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#000 center/cover no-repeat;border:0;padding:0;cursor:pointer;overflow:hidden}
.yt:after{content:"";position:absolute;left:50%;top:50%;width:64px;height:44px;margin:-22px 0 0 -32px;background:#d92b2b;border-radius:12px}
.yt:before{content:"";position:absolute;left:50%;top:50%;margin:-10px 0 0 -6px;border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent #fff;z-index:2}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid h3{font-size:1rem;margin:10px 0 0}
/* plot single */
.crumbs{font-size:.9rem;color:var(--slate);padding:18px 0}.crumbs a{color:var(--slate)}
.plot-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:36px;padding-bottom:70px}
@media(max-width:900px){.plot-layout{grid-template-columns:1fr}}
.spec{width:100%;border-collapse:collapse;background:#fff;margin-bottom:24px}.spec th,.spec td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}.spec th{width:38%;background:#eef1f0}
.sidebox{background:#fff;border-top:5px solid var(--peg);padding:22px;position:sticky;top:90px;box-shadow:0 8px 24px rgba(20,33,43,.1)}
/* forms */
.form .row{margin-bottom:14px}.form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hp{position:absolute;left:-9999px}
@media(max-width:560px){.form .two{grid-template-columns:1fr}}
.notice{padding:14px 18px;margin-bottom:18px;font-weight:700}.notice.ok{background:#e1f3e9;color:var(--ok);border-left:5px solid var(--ok)}.notice.err{background:#fbe5e3;color:var(--bad);border-left:5px solid var(--bad)}
.cta-band .wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}@media(max-width:860px){.cta-band .wrap{grid-template-columns:1fr}}
.cta-band .form{background:#fff;color:var(--navy);padding:26px;border-top:5px solid var(--peg)}
details{background:#fff;border:1px solid var(--line);padding:14px 18px;margin-bottom:10px}summary{font-weight:700;cursor:pointer}
/* content */
.entry{max-width:760px}.entry img{margin:1em 0}.entry h2{margin-top:1.4em}
.page-head{background:var(--navy);color:#fff;padding:46px 0}.page-head p{color:#c9d4d9;margin:0;max-width:40em}
.pagination{margin:34px 0;display:flex;gap:8px;flex-wrap:wrap}.pagination .page-numbers{padding:.4em .9em;border:1.5px solid var(--navy);text-decoration:none;font-weight:700;background:#fff}.pagination .current{background:var(--peg);border-color:var(--peg)}
/* footer */
.site-footer{background:var(--navy);color:#c9d4d9;padding:54px 0 90px}.site-footer a{color:#fff}.site-footer h4{color:#fff}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}@media(max-width:760px){.footer-grid{grid-template-columns:1fr}}
.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin-bottom:6px}
.legal{border-top:1px solid rgba(255,255,255,.15);margin-top:34px;padding-top:18px;font-size:.88rem}
.wa{position:fixed;right:16px;bottom:16px;background:#25d366;color:#0b3d1f;font-weight:800;padding:.8em 1.2em;border-radius:40px;text-decoration:none;z-index:60;box-shadow:0 6px 18px rgba(0,0,0,.25)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.yt.playing:before,.yt.playing:after{display:none}