/*
Theme Name: Shagun's Closet
Description: An elegant Indian jewellery storefront with a connected Instagram feed section.
Version: 1.0.0
Text Domain: shaguns-closet
Requires at least: 6.0
Requires PHP: 7.4
*/
:root{--cream:#faf7ef;--wine:#651d32;--ink:#392a28;--gold:#96733f;--line:#ded4c3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.7 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}img{display:block;max-width:100%}.skip{position:absolute;left:12px;top:-100px;background:white;z-index:99;padding:10px}.skip:focus{top:12px}.announcement{background:var(--wine);color:#fff2df;text-align:center;padding:9px 15px;font-size:11px;letter-spacing:1.4px}.site-header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 6%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:28px/1.1 Georgia,serif;color:var(--wine)}.brand-flower{font-size:42px;color:var(--gold)}.brand small{display:block;font:9px/1.3 Arial,sans-serif;letter-spacing:3px;margin-top:9px}.site-header nav{display:flex;align-items:center;gap:32px;font-size:12px}.nav-contact{border-bottom:1px solid var(--wine);padding-bottom:4px}.hero{max-width:1440px;display:grid;grid-template-columns:1.08fr 1fr;margin:auto;padding:44px 6% 58px;gap:6%;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold);font-weight:600;margin:0 0 20px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08;margin:0}h1{font-size:clamp(44px,5.4vw,78px);letter-spacing:-2.5px;color:var(--wine)}em{font-weight:400}h1 em,h2 em{color:var(--gold)}.intro{font-size:15px;max-width:410px;margin:26px 0 28px;line-height:1.85;color:#66574f}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--wine);color:white;padding:15px 24px;font-size:12px;letter-spacing:.4px;min-height:48px;transition:background .2s}.button:hover{background:#842e47}.text-link{font-size:12px;border-bottom:1px solid #bba782;padding-bottom:5px;display:inline-block}.hero-note{margin-top:40px;border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:#79674e;display:flex;gap:10px;align-items:center}.hero-note span{font-size:25px}.hero-art{position:relative;border-radius:220px 220px 4px 4px;overflow:hidden;height:560px;background:#dfc9ba}.hero-art img{height:100%;width:100%;object-fit:cover}.art-label{position:absolute;bottom:35px;left:32px;color:#fff7ec;text-shadow:0 1px 6px #331820}.art-label span{font-size:9px;letter-spacing:2px}.art-label strong{display:block;font:30px/1.2 Georgia,serif;margin-top:12px}.ribbon{display:flex;justify-content:center;gap:38px;align-items:center;background:#efe9db;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px;font:15px Georgia,serif;color:#766044}.ribbon i{color:var(--gold);font-size:22px}.section{padding:78px 6%;max-width:1440px;margin:auto}.section-top{display:flex;align-items:center;justify-content:space-between;gap:30px}h2{font-size:clamp(32px,3.3vw,48px);letter-spacing:-1px;color:var(--wine)}.section-intro{font-size:14px;color:#76675d;max-width:630px;margin:22px 0 34px}.instagram-invitation{border:1px solid var(--line);padding:36px;display:flex;gap:26px;align-items:center;background:#f2ece0}.ig-icon{font-size:58px;color:var(--wine);line-height:1}.instagram-invitation h3{font-size:26px;color:var(--wine)}.instagram-invitation p{font-size:13px;margin:10px 0 0;color:#76675d}.instagram-invitation .button{margin-left:auto;white-space:nowrap}.admin-setup{padding:15px;border-left:3px solid var(--gold);background:#fff;font-size:13px}.story{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;background:#f0e9dc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.story-symbol{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #c8bda6;border-radius:180px 180px 0 0;min-height:320px;color:var(--gold)}.story-symbol span{font-size:145px;line-height:1}.story-symbol small{font-size:9px;letter-spacing:3px;margin-top:25px}.story p:not(.eyebrow){font-size:14px;color:#76675d;max-width:480px;line-height:1.9}.story .text-link{margin-top:10px}.contact{text-align:center;background:var(--wine);color:#fff7eb;max-width:none;padding:72px 20px}.contact h2{color:#fff7eb;font-size:52px}.contact h2 em{color:#d9ba85}.contact .eyebrow{color:#d9ba85}.contact p:not(.eyebrow){font-size:14px;color:#ead9d0;margin:24px 0}.button-light{background:var(--cream);color:var(--wine)}.button-light:hover{background:#eadbc2}footer{padding:50px 6% 20px;text-align:center}.footer-brand{font:32px Georgia,serif;color:var(--wine)}footer p{font-size:12px;color:#76675d;margin:12px 0}footer>a:last-of-type{font-size:12px;color:var(--gold)}.footer-bottom{border-top:1px solid var(--line);margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;font-size:10px;color:#88796b}.page-content{min-height:60vh}.page-content article{margin-bottom:45px}.page-content h1{font-size:44px}.instagram-feed{min-height:200px}#sb_instagram .sbi_photo{border-radius:3px}@media(max-width:850px){.site-header{padding:22px 5%}.site-header nav{gap:18px}.hero{padding:35px 5% 45px;gap:5%}.hero-art{height:440px}h1{font-size:52px}.ribbon{gap:18px;font-size:12px}.section{padding:55px 5%}.instagram-invitation{flex-wrap:wrap}.instagram-invitation .button{margin-left:84px}.story{gap:6%}}@media(max-width:600px){.announcement{font-size:9px;letter-spacing:.6px}.brand{font-size:23px}.brand-flower{font-size:34px}.site-header{align-items:flex-start;gap:16px}.site-header nav{flex-direction:column;gap:8px;align-items:flex-end;font-size:11px}.site-header nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding-top:34px;gap:32px}h1{font-size:53px;letter-spacing:-1.8px}.hero-art{height:380px;max-width:450px;width:100%;margin:auto}.hero-note{margin-top:26px}.hero-copy{padding-bottom:0}.ribbon{gap:10px;flex-wrap:wrap;padding:16px}.ribbon span{font-size:12px}.ribbon span:last-child,.ribbon i:last-of-type{display:none}.section-top{display:block}.section-top>.text-link{margin-top:20px}h2{font-size:35px}.instagram-invitation{padding:25px;gap:15px}.ig-icon{font-size:42px}.instagram-invitation h3{font-size:24px}.instagram-invitation .button{margin:5px 0 0;width:100%}.story{grid-template-columns:1fr;gap:35px}.story-symbol{min-height:210px}.story-symbol span{font-size:100px}.contact h2{font-size:44px}.footer-bottom{gap:18px;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Colourful festive edition */
:root{--cream:#fff9ef;--wine:#9b205c;--ink:#352b38;--gold:#976019;--line:#e9cdb9}
.announcement{background:linear-gradient(100deg,#ae245d,#bd3c21,#21685f)}
.site-header{background:#fff9ef}.brand-flower{color:#d97420}
.hero{background:radial-gradient(ellipse at 8% 15%,#ffe5cb 0,transparent 48%),radial-gradient(ellipse at 60% 100%,#fbe2ed 0,transparent 55%)}
h1 em{color:#21786d}.hero-art{border:7px solid #e4ac56;box-shadow:12px 12px 0 #edc5d6}
.button{background:#a1225c}.button:hover{background:#7b1643}.hero-note{color:#73511b}
.ribbon{background:#256a60;color:#fff7e6;border-color:#256a60}.ribbon i{color:#ffc96c}
.latest{background:linear-gradient(130deg,#fffaf0,#fff0e9)}
.instagram-invitation{background:#f9e0ea;border-color:#e7a9c2}.ig-icon{color:#ad285f}
.story{background:#f8dfa8;border-color:#e2be7c}.story-symbol{color:#ad285f;background:#ffedc7;border-color:#cc914b}.story h2{color:#853154}.story h2 em{color:#266e62}
.contact{background:linear-gradient(125deg,#8e1e58,#b32e64 55%,#bd5235)}
.button-light{background:#ffdb88;color:#69203e}.button-light:hover{background:#ffe8b3}
footer{background:#e7f0e9}.footer-brand{color:#256a60}.footer-bottom{border-color:#bed1c0}
@media(max-width:600px){.hero-art{box-shadow:7px 7px 0 #edc5d6}}
/* Pink lotus and gold palette */
:root{--cream:#fff7f5;--wine:#a71963;--ink:#462a38;--gold:#956015;--line:#e8c79b}
.brand-logo{width:76px;height:76px;object-fit:contain;border-radius:50%;border:3px solid #d9a74d;box-shadow:0 0 0 4px #fff0d3}
.site-header{background:#fff3f5;border-bottom:2px solid #d9ad63}.brand{color:#a71963}
.announcement{background:linear-gradient(100deg,#a71963,#d23987 55%,#aa7425);color:#fff}
.hero{background:radial-gradient(ellipse at 10% 20%,#fbd1e5,transparent 55%),linear-gradient(135deg,#fff2df,#fff3f8 60%,#f6dfb2)}
h1 em,.story h2 em{color:#96611b}.hero-art{border-color:#d6a343;box-shadow:12px 12px 0 #f1bad5}
.ribbon{background:linear-gradient(95deg,#ba8a35,#ecd090,#c29340);color:#4f3010;border-color:#c4984d}.ribbon i{color:#933057}
.latest{background:linear-gradient(130deg,#fff5e3,#fde9f2)}.instagram-invitation{background:#fbd5e8;border:1px solid #d6ac62}
.story{background:linear-gradient(120deg,#f5dfb0,#fbe4ed);border-color:#d6ad68}.story-symbol{background:#fff2da;border:2px solid #c99a4a;color:#c2267b}
.contact{background:linear-gradient(120deg,#9d175e,#cb2c83 65%,#af762a)}.contact h2 em{color:#ffe0a0}
footer{background:#fce8f0;border-top:3px solid #d6a343}.footer-brand{color:#a71963}.footer-bottom{border-color:#dab476}
@media(max-width:600px){.brand-logo{width:52px;height:52px}.brand{font-size:20px;gap:9px}.brand small{font-size:8px;letter-spacing:2px}}

.contact-inner{max-width:1040px;margin:auto;display:grid;grid-template-columns:360px 1fr;gap:80px;align-items:center;text-align:left}.contact-portrait{margin:0}.contact-portrait img{width:100%;height:410px;object-fit:cover;object-position:center 25%;border-radius:180px 180px 6px 6px;border:5px solid #e6ba65;box-shadow:0 12px 30px #60153e55}.contact-portrait figcaption{text-align:center;font:16px Georgia,serif;color:#ffe3aa;margin-top:18px}.contact-copy .button{margin-top:4px}@media(max-width:850px){.contact-inner{grid-template-columns:280px 1fr;gap:35px}.contact-portrait img{height:350px}}@media(max-width:600px){.contact-inner{grid-template-columns:1fr;text-align:center;gap:35px}.contact-portrait{max-width:300px;margin:auto}.contact-portrait img{height:340px}}