/*
Theme Name: Hukum Sa Events
Description: Rajasthani event organisers for royal weddings, sangeets, folk nights and corporate celebrations.
Author: HashtagWeb.in
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hukumsa
*/

:root{--ind:#232D6E;--ind2:#171F54;--mar:#F2A900;--pink:#D6336C;--ivory:#FFF7E8;--sand:#F4E3C1;--ink:#2A1A12}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font:400 1.0625rem/1.7 'Mukta',sans-serif;color:var(--ink);background:var(--ivory)}
h1,h2,h3{font-family:'Rozha One',serif;font-weight:400;line-height:1.12}
h1{font-size:clamp(2.7rem,7vw,5.8rem)}h2{font-size:clamp(2rem,4.4vw,3.5rem)}h3{font-size:1.5rem}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.wrap{max-width:1200px;margin:auto}
.sec{padding:clamp(4rem,9vw,7rem) 4vw}
.dv{font:400 1.3rem 'Rozha One',serif;color:var(--pink)}
.btn{display:inline-block;background:var(--pink);color:#fff;font:700 1rem 'Mukta';padding:.9rem 1.8rem;border-radius:99px;text-decoration:none;border:0;cursor:pointer;transition:transform .2s}
.btn:hover{transform:translateY(-3px)}
.btn.m{background:var(--mar);color:var(--ink)}.btn.d{background:var(--ink);color:var(--ivory)}
.btn.o{background:transparent;border:2px solid currentColor}
/* images and placeholders */
.img{display:block;width:100%;object-fit:cover;background:var(--sand)}
.ph{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem;text-align:center;background:repeating-linear-gradient(135deg,var(--sand) 0 12px,#ecd8b4 12px 24px);color:#8a6d3b;font:600 .78rem 'Mukta',sans-serif;letter-spacing:.08em;text-transform:uppercase}
/* header + toran (festive pennant garland) */
.hd{padding:1rem 4vw;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.logo{text-decoration:none;line-height:1}
.logo b{font:400 1.8rem 'Rozha One',serif;color:var(--ind);display:block}
.logo small{font:600 .7rem 'Mukta';letter-spacing:.3em;color:var(--pink);text-transform:uppercase}
.hd nav{display:flex;gap:1.6rem;align-items:center;flex-wrap:wrap}
.hd nav ul{display:flex;gap:1.6rem;align-items:center;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.hd nav a:not(.btn){text-decoration:none;font-weight:600}
.hd nav a[aria-current]{color:var(--pink);box-shadow:0 3px 0 var(--mar)}
.hd .btn{padding:.6rem 1.3rem}
.toran{height:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='30'%3E%3Cpolygon points='0,0 40,0 20,30' fill='%23F2A900'/%3E%3Cpolygon points='40,0 80,0 60,30' fill='%23D6336C'/%3E%3Cpolygon points='80,0 120,0 100,30' fill='%23232D6E'/%3E%3C/svg%3E") repeat-x}
.patti{height:28px;background:linear-gradient(45deg,var(--pink) 25%,transparent 25%,transparent 75%,var(--pink) 75%) 0 0/28px 28px,linear-gradient(45deg,var(--pink) 25%,transparent 25%,transparent 75%,var(--pink) 75%) 14px 14px/28px 28px,var(--mar)}
/* jharokha arch frame */
.arch{border-radius:999px 999px 0 0;overflow:hidden;border:6px solid var(--mar);outline:3px solid var(--ind);outline-offset:6px;background:var(--sand)}
.arch img{width:100%;height:100%;object-fit:cover}
.sq{overflow:hidden;border-radius:18px}.sq img{width:100%;height:100%;object-fit:cover}
.r34{aspect-ratio:3/4}.r45{aspect-ratio:4/5}.r11{aspect-ratio:1}.r32{aspect-ratio:3/2}
/* utilities for the template's inline styles */
.mar{color:var(--mar)}
.muted{opacity:.75}
.foot-note{opacity:.75;margin-top:1rem;max-width:36ch}
.mt25{margin-top:2.5rem}
.h2sm{font-size:2rem}
.start{justify-self:start}
/* hero facade */
.hero{background:var(--ind);color:var(--ivory);padding:clamp(3rem,7vw,5.5rem) 4vw 0;text-align:center;overflow:hidden}
.hero .dv{color:var(--mar);font-size:1.6rem}
.hero h1{margin:.5rem auto 1rem;max-width:12em}.hero h1 em{font-style:normal;color:var(--mar)}
.hero p{max-width:46ch;margin:0 auto 1.8rem;font-size:1.2rem;opacity:.9}
.facade{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:2.2rem;align-items:end;max-width:1100px;margin:3.5rem auto 0;padding:0 12px}
.facade .arch{outline-color:var(--pink)}
.facade .c{aspect-ratio:3/4.4}.facade .l,.facade .r{aspect-ratio:3/4}
/* stats */
.stats{background:var(--pink);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding:2.5rem 4vw;gap:1rem}
.stats b{font:400 3rem/1 'Rozha One',serif;display:block;color:var(--mar)}
/* teasers */
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:3.5rem}
.three a{text-decoration:none;text-align:center;display:block}
.three .arch{margin-bottom:1.5rem;transition:transform .3s}.three a:hover .arch{transform:translateY(-8px)}
.center{text-align:center}.center p{margin:1rem auto 0;max-width:52ch}
.dark{background:var(--ind);color:var(--ivory)}
.rang{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3rem}
.rang figure{position:relative}
.rang figcaption{position:absolute;inset:auto 0 0 0;padding:2.5rem 1.2rem 1rem;background:linear-gradient(transparent,rgba(23,31,84,.92));border-radius:0 0 18px 18px;font:400 1.4rem 'Rozha One',serif;color:var(--mar)}
.rang figcaption small{display:block;font:600 .85rem 'Mukta';color:var(--ivory);opacity:.85}
.rang .ph{height:100%}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem}
.steps div{border-top:4px solid var(--mar);padding-top:1.2rem}
.steps b{font:400 2.6rem/1 'Rozha One',serif;color:var(--pink);display:block}
.steps small{font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ind)}
.quote{display:grid;grid-template-columns:.7fr 1.3fr;gap:5rem;align-items:center}
blockquote{font:400 clamp(1.5rem,3vw,2.4rem)/1.35 'Rozha One',serif;color:var(--ivory)}
cite{display:block;margin-top:1.2rem;font:700 1rem 'Mukta';font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--mar)}
.cta{position:relative;overflow:hidden;background:var(--mar);padding:clamp(3.5rem,8vw,6rem) 4vw;text-align:center}
.cta>img,.cta>.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2}
.cta .in{position:relative;display:grid;gap:1.5rem;justify-items:center}
.cta .row{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}
/* page heads */
.head{background:var(--ind);color:var(--ivory);text-align:center;padding:clamp(3rem,7vw,5rem) 4vw}
.head .dv{color:var(--mar)}.head p{margin:1rem auto 0;max-width:48ch;opacity:.9;font-size:1.2rem}
/* services */
.svc{display:grid;grid-template-columns:5fr 7fr;gap:4rem;align-items:center;padding:3.5rem 0;border-bottom:2px dotted var(--ind)}
.svc:nth-child(even){grid-template-columns:7fr 5fr}.svc:nth-child(even) .arch{order:2}
.svc .n{font:400 4.5rem/1 'Rozha One',serif;color:var(--pink)}
.svc ul{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.svc li{background:var(--sand);border-radius:99px;padding:.15rem .9rem;font-size:.92rem;font-weight:600}
.svc p{margin-top:.6rem;max-width:50ch}
/* experiences */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.card .sq{margin-bottom:1rem}
.card h3{color:var(--ind)}.card small{color:var(--pink);font-weight:700;display:block}
.card a{font-weight:700;color:var(--pink);text-decoration:none;display:inline-block;margin-top:.5rem}
/* gallery */
.chips{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;margin-bottom:2.5rem}
.chips input{position:absolute;width:1px;height:1px;opacity:0}
.chips label{border:2px solid var(--ind);border-radius:99px;padding:.3rem 1.1rem;font-weight:600;cursor:pointer}
.chips input:checked+label{background:var(--ind);color:var(--ivory)}
.chips input:focus-visible+label{outline:3px solid var(--pink);outline-offset:3px}
.gal{columns:3;column-gap:1.2rem}
.gal .sq{margin-bottom:1.2rem;break-inside:avoid}
.gal .ph{aspect-ratio:3/5}
.gal-item{break-inside:avoid}
.wrap:has(#gf-weddings:checked) .gal-item:not([data-cat~="weddings"]),
.wrap:has(#gf-sangeet:checked) .gal-item:not([data-cat~="sangeet"]),
.wrap:has(#gf-mehndi:checked) .gal-item:not([data-cat~="mehndi"]),
.wrap:has(#gf-corporate:checked) .gal-item:not([data-cat~="corporate"]){display:none}
/* about */
.split{display:grid;grid-template-columns:1.2fr .8fr;gap:5rem;align-items:center}
.split p{margin-top:1rem;max-width:52ch}
.cities{font:400 clamp(2rem,5vw,4.2rem)/1.35 'Rozha One',serif;margin-top:1.5rem}
.cities span{color:var(--mar)}.cities small{font-size:.4em;color:var(--ivory);opacity:.75;margin-right:1rem;letter-spacing:.1em}
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:2.5rem}
.vals h3{color:var(--pink);margin-bottom:.4rem}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:3rem;text-align:center}
.team .arch{margin-bottom:1.4rem}
/* contact */
.cx{display:grid;grid-template-columns:5fr 7fr;gap:0;max-width:1200px;margin:auto;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px -25px rgba(35,45,110,.5)}
.cx .l{background:var(--ind);color:var(--ivory);padding:clamp(1.8rem,4vw,3rem);display:grid;gap:1.2rem;align-content:start}
.cx .r{background:#fff;padding:clamp(1.8rem,4vw,3rem)}
form{display:grid;gap:1.1rem}
label{font-weight:700;font-size:.9rem;display:grid;gap:.3rem}
input,select,textarea{font:inherit;padding:.8rem 1rem;border:2px solid var(--ind);border-radius:12px;background:var(--ivory)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.notice{font-weight:600}
.notice.err{color:#B3123A}
/* long-form fallback pages */
.entry{max-width:70ch;margin:auto}
.entry p{margin-bottom:1rem}
.entry h2,.entry h3{margin:1.5rem 0 .5rem;color:var(--ind)}
/* footer */
footer{background:var(--ind2);color:var(--ivory);padding:0 0 2rem}
footer .g{max-width:1200px;margin:auto;padding:3.5rem 4vw 0;display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem}
footer a{display:block;opacity:.85;text-decoration:none;margin-bottom:.3rem}
.footer-links ul{display:block;margin:0;padding:0;list-style:none}
.footer-links li{display:block}
footer .logo{opacity:1}
footer .logo b{color:var(--mar)}
footer .c{text-align:center;opacity:.6;font-size:.85rem;margin-top:2.5rem}
footer .c a{display:inline;margin:0}
@media(max-width:860px){.facade{gap:.8rem}.three,.cards,.rang,.steps,.vals,.team{grid-template-columns:1fr 1fr}.three,.team{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.quote,.split,.svc,.svc:nth-child(even),.cx,.two,footer .g{grid-template-columns:1fr}.svc:nth-child(even) .arch{order:0}.svc .arch{max-width:340px}.gal{columns:2}.quote .arch{max-width:300px}}
@media(max-width:520px){.gal{columns:1}.cards,.rang,.steps,.vals{grid-template-columns:1fr}.hd{justify-content:center;text-align:center}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}