/*
Theme Name: Aurielle Fine Jewellery
Author: Techzentis Digital Services
Description: A premium sample jewellery boutique with a customizable three-photo hero carousel, collection filtering and email-draft enquiries.
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: aurielle-jewels
*/
:root{--cream:#f7f4ed;--paper:#fffcf6;--ink:#183a31;--gold:#a87a40;--muted:#6d7167;--line:#d9d7cb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.65 Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12}h2{font-size:clamp(36px,4vw,59px);letter-spacing:-1.8px;margin-bottom:24px}em{font-weight:400;color:var(--gold)}img{width:100%;display:block;object-fit:cover}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:600;margin-bottom:24px}.announcement{background:var(--ink);color:#f1e8d3;text-align:center;font-size:10px;letter-spacing:1.4px;padding:9px 18px}.announcement span{margin-left:30px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:var(--paper);position:sticky;top:0;z-index:30;border-bottom:1px solid #ddd9cc}.brand{display:flex;gap:12px;align-items:center;font-family:Georgia,serif;font-size:30px;letter-spacing:5px;line-height:1.1}.brand small{display:block;text-align:center;font:8px Arial,sans-serif;letter-spacing:4px;margin-top:9px}.brand-mark{font-size:48px;color:var(--gold);font-weight:400}nav{display:flex;align-items:center;gap:32px;font-size:12px}nav>a{position:relative}nav>a:hover{color:var(--gold)}.nav-cta{border-bottom:1px solid var(--gold);padding-bottom:9px;margin-left:20px}.nav-cta span{margin-left:16px}.menu-toggle{display:none}.hero{height:min(760px,calc(100svh - 135px));min-height:590px;position:relative;background:#131710;color:white;overflow:hidden}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s}.slide.active{opacity:1;visibility:visible;z-index:1}.slide>img{position:absolute;height:100%;object-position:75% 50%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,15,.9) 0%,rgba(8,21,17,.75) 30%,rgba(10,15,12,.13) 72%),linear-gradient(0deg,#0c1716a6,transparent 30%)}.hero-content{position:absolute;top:50%;left:8%;transform:translateY(-52%);width:min(570px,55%)}.hero h1,.hero h2{font-size:clamp(48px,4.8vw,76px);font-weight:400;letter-spacing:-2px;line-height:1.08;color:#fff9eb;margin-bottom:25px}.hero .eyebrow{color:#ddc99d}.hero-desc{font-size:14px;color:#e0dfd5;max-width:350px;line-height:1.8;margin-bottom:32px}.button{border:1px solid;display:inline-flex;justify-content:space-between;align-items:center;gap:35px;padding:15px 24px;font-size:11px;letter-spacing:.5px;min-height:50px;transition:background .2s,color .2s}.button.light{background:var(--cream);color:var(--ink);border-color:var(--cream)}.button.light:hover{background:#ddc99d;border-color:#ddc99d}.button.dark{background:var(--ink);color:white;border-color:var(--ink)}.button.dark:hover{background:#315548}.hero-controls{position:absolute;bottom:36px;left:8%;right:6%;z-index:3;display:flex;align-items:center;gap:23px}.dots{display:flex;gap:8px}.dot{border:0;width:32px;height:3px;padding:0;background:#ffffff55;position:relative}.dot:before{content:'';position:absolute;inset:-12px 0}.dot.active{background:#e1cc9f}.slide-count{font-size:10px;letter-spacing:2px;color:#ddd3bf}.arrows{margin-left:auto;display:flex;gap:10px}.arrows button{background:transparent;color:white;border:1px solid #ffffff55;border-radius:50%;width:38px;height:38px;font-size:16px}.arrows button:hover{background:#ffffff20}.intro-line{display:flex;justify-content:space-between;gap:20px;padding:25px 8%;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.intro-line span:first-child{font-size:9px;letter-spacing:2px;color:var(--gold)}.section{padding:100px 8%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.section-heading h2{max-width:570px;margin-bottom:0}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.8}.filters{display:flex;gap:27px;margin:36px 0 30px}.filters button{background:transparent;border:0;border-bottom:1px solid transparent;padding:7px 0;font-size:11px;color:var(--muted)}.filters .selected{color:var(--ink);border-color:var(--gold)}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card-open{padding:0;text-align:left;border:0;background:transparent;color:inherit;width:100%}.card-image{position:relative;overflow:hidden;background:#e5ded0}.card-image img{height:365px;transition:transform .6s}.card-open:hover img{transform:scale(1.045)}.card-image>span{position:absolute;bottom:20px;left:20px;background:#fcf8e9ec;color:var(--ink);padding:9px 15px;font-size:10px}.card-label{display:flex;justify-content:space-between;gap:10px;padding-top:24px}.card-label h3{font-size:26px;margin-bottom:9px}.card-label p{font-size:11px;color:var(--muted)}.small-note{font-size:11px;color:var(--muted);line-height:1.7}.collections>.small-note{margin:27px 0 0}.bridal{display:grid;grid-template-columns:1fr 1fr;min-height:670px;background:#e8e4d9}.bridal-photo{min-height:600px}.bridal-photo img{height:100%}.bridal-copy{padding:75px 17% 75px 13%;align-self:center}.bridal-copy h2{font-size:clamp(45px,4.6vw,68px)}.bridal-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9}.bridal-copy .button{margin-top:20px}.story{text-align:center}.story-lead{max-width:600px;margin:0 auto;color:var(--muted);font-size:14px;line-height:1.9}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:64px;text-align:left}.values>div{border-top:1px solid var(--line);padding-top:25px}.values span{font-size:10px;color:var(--gold);letter-spacing:1px}.values h3{font-size:26px;margin:18px 0 15px}.values p{font-size:12px;color:var(--muted);line-height:1.9}.visit{background:#e9eee7;display:grid;grid-template-columns:1fr 1fr;gap:12%}.visit>div>p:not(.eyebrow){max-width:390px;font-size:13px;color:var(--muted)}label{display:block;font-size:11px;margin-bottom:23px}input,select,textarea{width:100%;border:0;border-bottom:1px solid #afb9a9;background:transparent;border-radius:0;padding:12px 0;color:var(--ink);font-size:12px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}form .small-note{margin-top:15px}#form-status{font-size:12px;color:var(--ink)}.faq{max-width:1000px;margin:auto}.faq h2{font-size:43px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;list-style:none;font-size:14px;display:flex;justify-content:space-between}.faq summary:after{content:'+';font-size:20px;color:var(--gold)}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);font-size:13px;max-width:650px;margin:18px 0 5px}footer{background:var(--ink);color:#e2dfce;padding:60px 8% 25px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-brand{font:30px Georgia,serif;letter-spacing:5px}.footer-top p{font-size:12px;color:#b7c4b8;margin-top:18px;line-height:1.9}.footer-top h3{font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;color:#ddc99d}.footer-top a{display:block;font-size:12px;margin:10px 0}.footer-bottom{border-top:1px solid #ffffff25;margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#b7c4b8}.skip{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.page-content{min-height:65vh;max-width:1000px;margin:auto;padding:70px 8%}.page-content h1{font-size:50px}.page-content img{height:auto}dialog{padding:0;border:0;width:min(850px,90vw);background:var(--cream);color:var(--ink);max-height:90svh;overflow:auto}dialog[open]{display:grid;grid-template-columns:1fr 1fr}dialog::backdrop{background:#051b14c9}dialog>img{height:100%;min-height:440px}dialog>div{padding:50px 32px}dialog h2{font-size:38px}dialog p:not(.eyebrow){font-size:13px}.close-dialog{position:absolute;top:8px;right:10px;width:35px;height:35px;background:var(--cream);border:1px solid var(--line);font-size:25px;z-index:1}.whatsapp{position:fixed;bottom:22px;right:22px;padding:12px 19px;background:var(--ink);color:white;border:1px solid #c5a66a;z-index:20;font-size:12px}[hidden]{display:none!important}@media(min-width:1600px){.hero-content{left:max(8%,calc((100vw - 1400px)/2))}}@media(max-width:900px){nav{gap:20px}.nav-cta{margin-left:0}.site-header{padding:0 5%}.brand{font-size:24px}.brand-mark{font-size:38px}.section{padding:70px 6%}.section-heading{display:block}.section-heading>p{margin-top:20px}.card-image img{height:280px}.card-label h3{font-size:22px}.bridal-copy{padding:50px 10%}.visit{gap:7%}.values{gap:25px}.hero-content{width:65%;left:6%}}@media(max-width:650px){.announcement{font-size:8px;letter-spacing:1px}.announcement span{display:none}.site-header{height:80px}.brand{font-size:23px;gap:8px}.brand small{font-size:7px}.menu-toggle{display:block;background:none;border:1px solid var(--line);padding:8px 12px;color:var(--ink);font-size:11px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--paper);padding:25px 6%;border-bottom:1px solid var(--line);align-items:flex-start}nav.open{display:flex;flex-direction:column;gap:22px}.hero{height:700px;min-height:610px;max-height:calc(100svh - 112px)}.hero-content{width:85%;top:48%;left:7%}.hero h1,.hero h2{font-size:49px;max-width:350px}.hero-desc{max-width:290px;font-size:12px}.hero-shade{background:linear-gradient(90deg,#06150fd9,#06150f5c),linear-gradient(0deg,#06150fcc,transparent 80%)}.slide>img{object-position:65% 50%}.hero-controls{left:7%;right:7%;bottom:25px}.intro-line{flex-wrap:wrap;padding:20px 7%;gap:10px 20px;font-size:10px}.intro-line span:first-child{width:100%}.section{padding:60px 7%}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:20px}h2{font-size:37px;letter-spacing:-1px}.filters{gap:22px;flex-wrap:wrap;margin-top:25px}.collection-grid{grid-template-columns:1fr;gap:25px}.card-image img{height:380px}.card-label{padding-top:18px}.card-label h3{font-size:27px}.bridal{grid-template-columns:1fr}.bridal-photo{height:400px;min-height:0}.bridal-copy{padding:50px 7%}.bridal-copy h2{font-size:51px}.values{grid-template-columns:1fr;gap:20px;margin-top:35px}.values h3{font-size:28px}.visit{grid-template-columns:1fr;gap:30px}.form-row{grid-template-columns:1fr;gap:0}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:9px}dialog[open]{grid-template-columns:1fr}dialog>img{height:240px;min-height:0}dialog>div{padding:30px 24px}.faq h2{font-size:37px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(min-width:651px){.slide>img{width:66%;right:0;object-fit:contain;object-position:center;background:#080a08}.hero-shade{background:linear-gradient(90deg,#091b14 0%,#091b14 30%,#091b14c9 42%,#091b1410 76%),linear-gradient(0deg,#0c171699,transparent 30%)}}