/*
Theme Name: Ratanavali Gem Lab
Theme URI: https://ratanavaligems.shop
Author: Ratanavali Gems Testing
Description: Premium gemstone laboratory theme with report verification and QR workflow.
Version: 3.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ratanavali
*/
:root{--blue:#087db5;--blue-dark:#075a88;--navy:#06283e;--navy-deep:#031d2d;--gold:#efa92f;--orange:#e97822;--sky:#eaf6fb;--ink:#29363d;--muted:#748087;--line:#dfe5e8;--white:#fff;--teko:Teko,Arial,sans-serif;--body:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:15px/1.7 var(--body)}a{color:inherit}img{display:block;max-width:100%;height:auto}.site-shell{width:min(1160px,calc(100% - 36px));margin-inline:auto}.topbar{background:var(--blue);color:#fff;font-size:11px}.topbar-inner{height:34px;display:flex;align-items:center;justify-content:space-between}.topbar-contact,.topbar-links{display:flex;align-items:center;gap:22px}.topbar a{text-decoration:none;color:#fff}.topbar-links a+a{padding-left:16px;border-left:1px solid rgba(255,255,255,.35)}
.site-header{position:relative;z-index:40;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.12)}.header-row{height:116px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-seal{width:75px;height:75px}.logo-seal svg{width:100%;height:100%}.logo-seal circle{fill:#fff;stroke:var(--blue);stroke-width:3}.logo-seal path:first-of-type{fill:#e7f7fd;stroke:var(--blue);stroke-width:2}.logo-seal path:nth-of-type(2){fill:none;stroke:var(--orange);stroke-width:2}.logo-seal text{fill:var(--blue);font:bold 10px var(--body);text-anchor:middle}.logo-copy{display:flex;flex-direction:column;line-height:.85}.logo-copy strong{font:600 38px var(--teko);letter-spacing:.04em;color:var(--blue)}.logo-copy b{font:500 17px var(--teko);letter-spacing:.25em;color:var(--orange)}.logo-copy small{margin-top:7px;font-size:7px;letter-spacing:.16em;text-transform:uppercase;color:#7a858b}.site-nav{height:100%;display:flex;align-items:center;gap:29px}.site-nav>a,.nav-drop>a{position:relative;display:flex;align-items:center;height:100%;text-decoration:none;font:500 16px var(--teko);letter-spacing:.06em;color:#39464d}.site-nav>a:after,.nav-drop>a:after{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--orange);content:"";transform:scaleX(0);transition:.2s}.site-nav a:hover:after,.site-nav a.active:after{transform:scaleX(1)}.site-nav a:hover,.site-nav a.active{color:var(--blue)}.nav-drop{position:relative;height:100%}.nav-drop i{margin-left:5px;font-style:normal}.dropdown{position:absolute;top:100%;left:-22px;display:grid;grid-template-columns:1fr 1fr;width:330px;padding:14px;background:#fff;border-top:3px solid var(--orange);box-shadow:0 14px 35px rgba(0,0,0,.16);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.nav-drop:hover .dropdown{opacity:1;visibility:visible;transform:none}.dropdown a{padding:9px 11px;text-decoration:none;font-size:12px;color:#546068}.dropdown a:hover{background:var(--sky);color:var(--blue)}.menu-toggle{display:none;width:42px;height:42px;padding:9px;border:0;background:var(--blue)}.menu-toggle span{display:block;height:2px;margin:5px;background:#fff}
.hero{position:relative;height:590px;overflow:hidden;background:var(--navy)}.hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;visibility:hidden;transition:opacity .75s}.hero-slide.is-active{opacity:1;visibility:visible}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,20,33,.72),rgba(0,22,35,.16) 56%,rgba(0,0,0,.03))}.shade-right{background:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,20,33,.18) 45%,rgba(0,20,33,.75))}.hero-caption{position:absolute;top:50%;left:calc(50% + 120px);transform:translateY(-50%);color:#fff}.hero-caption.caption-right{left:auto;right:max(7vw,40px);text-align:right}.hero-caption>span{display:inline-block;padding:3px 12px;background:var(--orange);font:500 15px var(--teko);letter-spacing:.1em}.hero-caption h1,.hero-caption h2{margin:10px 0 7px;font:500 clamp(50px,5.5vw,76px)/.92 var(--teko);letter-spacing:.01em;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.28)}.hero-caption p{margin:0;color:#f1f6f7;font-size:14px}.hero-tools{position:relative;height:100%;pointer-events:none}.verify-card{position:absolute;z-index:4;top:50%;left:0;width:350px;transform:translateY(-50%);background:#fff;box-shadow:0 17px 44px rgba(0,0,0,.27);pointer-events:auto}.verify-title{display:flex;align-items:center;gap:13px;padding:16px 20px;background:var(--orange);color:#fff}.verify-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.6);border-radius:50%;font-size:24px}.verify-title div{display:flex;flex-direction:column}.verify-title strong{font:600 24px/1 var(--teko);letter-spacing:.04em}.verify-title small{margin-top:2px;font-size:10px;opacity:.9}.verify-body{padding:20px}.verify-body .rvg-search-form{display:block!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}.verify-body .rvg-search-form div{display:block!important;margin-bottom:10px}.verify-body .rvg-search-form label{display:block;margin-bottom:4px;font:500 13px var(--teko)!important;letter-spacing:.06em;color:#4a575e!important}.verify-body .rvg-search-form input{width:100%;height:42px!important;border:1px solid #ccd5d9!important;border-radius:0!important;padding:0 11px!important;font:14px var(--body)!important}.verify-body .rvg-search-form button{width:100%;min-height:44px!important;border-radius:0!important;background:var(--blue)!important;color:#fff!important;font:600 16px var(--teko)!important;letter-spacing:.08em}.verify-body .rvg-result-card,.verify-body .rvg-search-message{display:block;margin-top:10px;padding:10px;border-radius:0;box-shadow:none}.verify-body .rvg-result-icon{display:none}.verify-body .rvg-result-card h3{font-size:16px}.verify-tip{margin:10px 0 0;padding-top:9px;border-top:1px dashed #d7dddf;color:#7c858a;font-size:10px}.slider-arrow{position:absolute;z-index:7;top:50%;width:38px;height:52px;border:0;background:rgba(0,0,0,.28);color:#fff;font:35px var(--teko);cursor:pointer;transform:translateY(-50%)}.slider-prev{left:12px}.slider-next{right:12px}.slider-dots{position:absolute;z-index:7;right:28px;bottom:20px;display:flex;gap:7px}.slider-dots button{width:26px;height:4px;padding:0;border:0;background:rgba(255,255,255,.55);cursor:pointer}.slider-dots button.is-active{background:var(--orange)}
.welcome{padding:85px 0;background:#fff}.welcome-grid{display:grid;grid-template-columns:360px 1fr;gap:70px;align-items:center}.welcome-mark{display:grid;place-items:center}.welcome-mark svg{width:270px}.welcome-mark circle{fill:#f7fbfd;stroke:var(--blue);stroke-width:4}.welcome-mark path:first-of-type{fill:#e2f3fa;stroke:var(--blue);stroke-width:3}.welcome-mark path:nth-of-type(2){fill:none;stroke:var(--orange);stroke-width:3}.welcome-mark text{fill:var(--blue);font:600 18px var(--teko);text-anchor:middle;letter-spacing:.12em}.eyebrow,.section-title>span,.subscribe span{font:500 14px var(--teko);letter-spacing:.18em;color:var(--orange)}.welcome-copy h2,.section-title h2,.mobile-copy h2{margin:1px 0 6px;font:500 46px/1 var(--teko);text-transform:uppercase;color:var(--navy)}.title-rule{display:flex;align-items:center;justify-content:center;width:145px;margin:8px auto 22px;color:var(--orange)}.title-rule i{width:50px;height:1px;background:#bec7cb}.title-rule b{margin:0 8px;font-size:10px}.welcome-copy .title-rule,.title-rule.left{justify-content:flex-start;margin-left:0}.welcome-copy p{max-width:700px;margin:0 0 12px;color:#6d797f}.more-link{display:inline-block;margin-top:7px;color:var(--blue);font:600 15px var(--teko);letter-spacing:.08em;text-decoration:none}.more-link span{color:var(--orange)}
.gemstones{padding:78px 0 90px;background:#f6f8f9}.section-title{text-align:center}.section-title h2{font-size:42px}.gem-carousel{position:relative;margin-top:35px}.gem-track{display:flex;gap:18px;overflow:hidden;scroll-behavior:smooth}.gem-card{flex:0 0 calc(20% - 15px);padding:0 0 18px;background:#fff;text-align:center;box-shadow:0 5px 18px rgba(15,45,62,.08);transition:.25s}.gem-card:hover{transform:translateY(-6px);box-shadow:0 14px 26px rgba(15,45,62,.15)}.gem-image{height:165px;overflow:hidden}.gem-image img{width:100%;height:100%;object-fit:cover;transition:.4s}.gem-card:hover img{transform:scale(1.06)}.gem-card h3{margin:14px 0 0;font:500 23px var(--teko);color:var(--navy)}.gem-card>span{display:block;margin-top:-4px;color:#99a2a6;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.gem-card a{display:inline-block;margin-top:8px;color:var(--blue);font:500 13px var(--teko);letter-spacing:.05em;text-decoration:none}.gem-prev,.gem-next{position:absolute;z-index:2;top:65px;width:34px;height:48px;border:0;background:var(--blue);color:#fff;font:30px var(--teko);cursor:pointer}.gem-prev{left:-17px}.gem-next{right:-17px}
.gallery{padding:80px 0 86px;background:var(--navy-deep)}.section-title.light h2{color:#fff}.section-title.light .title-rule i{background:#426171}.filters{display:flex;justify-content:center;gap:6px;margin:30px 0 26px}.filters button{padding:8px 17px;border:1px solid #345064;background:transparent;color:#c7d4da;font:500 14px var(--teko);letter-spacing:.07em;cursor:pointer}.filters button.active,.filters button:hover{border-color:var(--orange);background:var(--orange);color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gallery-grid figure{position:relative;height:190px;margin:0;overflow:hidden;background:#072b40}.gallery-grid figure.is-hidden{display:none}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.45s}.gallery-grid figcaption{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(2,30,46,.74);color:#fff;opacity:0;transition:.3s}.gallery-grid figure:hover img{transform:scale(1.08)}.gallery-grid figure:hover figcaption{opacity:1}.gallery-grid figcaption>span{color:var(--orange);font-size:18px}.gallery-grid figcaption strong{font:500 22px var(--teko)}.gallery-grid figcaption small{font-size:8px;letter-spacing:.18em}
.mobile-check{padding:90px 0;background:linear-gradient(135deg,#f4fafc,#e3f3f9)}.mobile-grid{display:grid;grid-template-columns:310px 1fr 245px;gap:55px;align-items:center}.phone{width:235px;height:460px;margin:auto;padding:15px 11px;border:5px solid #173442;border-radius:30px;background:#122935;box-shadow:18px 24px 44px rgba(7,57,82,.24);transform:rotate(-4deg)}.phone-screen{height:100%;padding:28px 18px;border-radius:19px;background:#fff;text-align:center}.phone-screen>span{font:600 23px var(--teko);letter-spacing:.08em;color:var(--blue)}.phone-screen>b{display:block;margin-top:2px;color:#2a985b;font-size:10px;text-transform:uppercase}.mini-gem{width:130px;height:120px;margin:19px auto 10px;overflow:hidden}.mini-gem img{width:100%;height:100%;object-fit:cover}.phone-screen p{margin:6px 0 0;font:500 20px var(--teko);color:var(--navy)}.phone-screen small{color:#68777d;font-size:10px}.phone-screen i{display:block;margin-top:17px;padding:7px;background:#e4f7ea;color:#248449;font:600 10px var(--body);font-style:normal}.mobile-copy h2{font-size:49px}.mobile-copy p{color:#65747b}.mobile-copy ul{padding:0;list-style:none}.mobile-copy li{margin:8px 0;color:#425158}.mobile-copy li:before{content:"✓";margin-right:10px;color:var(--orange);font-weight:700}.gold-button{display:inline-flex;margin-top:13px;padding:11px 22px;background:var(--orange);color:#fff;text-decoration:none;font:600 16px var(--teko);letter-spacing:.08em}.qr-card{padding:22px 18px;background:#fff;text-align:center;box-shadow:0 12px 32px rgba(5,48,70,.14)}.qr-card>span{display:block;color:var(--navy);font:600 17px var(--teko);letter-spacing:.08em}.qr-card small{display:block;color:#889399;font-size:9px;line-height:1.5}.qr-symbol{display:grid;place-items:center;width:142px;height:142px;margin:15px auto;background:repeating-conic-gradient(#0a3850 0 25%,#fff 0 50%) 50%/24px 24px;border:10px solid #fff;outline:1px solid var(--line);color:#fff;font:700 30px var(--teko);letter-spacing:.08em;text-shadow:0 2px 8px #000}
.reviews{padding:80px 0;background:#fff}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.reviews-grid article{position:relative;padding:35px 30px;border:1px solid var(--line);background:#fff}.reviews-grid article>b{position:absolute;top:3px;right:18px;color:#ddebF1;font:80px/1 Georgia,serif}.reviews-grid p{position:relative;min-height:83px;margin:0 0 25px;color:#6c777d;font-size:13px;font-style:italic}.reviews-grid div{padding-top:15px;border-top:1px solid var(--line)}.reviews-grid strong,.reviews-grid span{display:block}.reviews-grid strong{font:500 18px var(--teko);color:var(--navy)}.reviews-grid span{font-size:8px;letter-spacing:.12em;color:var(--orange)}
.subscribe{padding:34px 0;background:var(--blue);color:#fff}.subscribe-row{display:flex;align-items:center;justify-content:space-between;gap:40px}.subscribe span{color:#d8effa}.subscribe h2{margin:0;font:500 32px var(--teko);text-transform:uppercase}.subscribe-action{display:inline-flex;align-items:center;justify-content:center;min-width:170px;height:48px;padding:0 24px;background:var(--orange);color:#fff;font:600 16px var(--teko);letter-spacing:.08em;text-decoration:none}
.site-footer{background:#041d2c;color:#9fb1ba}.footer-top{display:grid;grid-template-columns:1.25fr .65fr .75fr 1.05fr;gap:55px;padding:62px 0 48px}.footer-logo{display:inline-flex;flex-direction:column;text-decoration:none}.footer-logo strong{font:600 32px/1 var(--teko);letter-spacing:.08em;color:#fff}.footer-logo span{font:500 13px var(--teko);letter-spacing:.27em;color:var(--orange)}.footer-about p{max-width:290px;font-size:12px}.socials{display:flex;gap:8px;margin-top:18px}.socials a{display:grid!important;place-items:center;width:29px;height:29px;margin:0!important;border:1px solid #355061;color:#fff!important}.footer-top h3{margin:7px 0 20px;color:#fff;font:500 19px var(--teko);letter-spacing:.08em}.footer-top>div:not(:first-child){display:flex;flex-direction:column}.footer-top a,.footer-top p{margin:0 0 9px;color:#9fb1ba;text-decoration:none;font-size:11px}.footer-top a:hover{color:var(--orange)}.footer-contact p,.footer-contact a{display:flex;gap:9px}.footer-contact b{color:var(--orange)}.footer-bottom{border-top:1px solid #183846;background:#031723}.footer-bottom .site-shell{min-height:48px;display:flex;align-items:center;justify-content:space-between;font-size:9px}.content-page{min-height:540px;padding:70px 0}.content-page h1{font:500 48px var(--teko);color:var(--navy)}
@media(max-width:1050px){.site-nav{gap:16px}.hero-caption{left:430px}.gem-card{flex-basis:calc(25% - 14px)}.mobile-grid{grid-template-columns:260px 1fr 210px;gap:28px}.footer-top{gap:30px}}
@media(max-width:860px){.topbar-contact span{display:none}.header-row{height:88px}.logo-seal{width:59px;height:59px}.logo-copy strong{font-size:30px}.site-nav{display:none}.menu-toggle{display:block}.site-nav.is-open{position:absolute;top:88px;left:18px;right:18px;display:flex;height:auto;flex-direction:column;align-items:stretch;gap:0;padding:8px 14px 15px;background:#fff;box-shadow:0 16px 28px rgba(0,0,0,.18)}.site-nav.is-open>a,.site-nav.is-open .nav-drop>a{height:auto;padding:10px}.nav-drop{height:auto}.dropdown{position:static;display:none;width:100%;box-shadow:none}.nav-drop:hover .dropdown{display:grid}.hero{height:720px}.hero-tools{width:100%}.verify-card{top:auto;bottom:28px;left:50%;width:min(430px,calc(100% - 36px));transform:translateX(-50%)}.hero-caption,.hero-caption.caption-right{top:24%;left:7%;right:7%;text-align:center;transform:translateY(-50%)}.slider-dots{display:none}.welcome-grid{grid-template-columns:250px 1fr;gap:35px}.gem-card{flex-basis:calc(33.333% - 12px)}.gallery-grid{grid-template-columns:repeat(3,1fr)}.mobile-grid{grid-template-columns:270px 1fr}.qr-card{grid-column:1/-1;width:240px;margin:auto}.reviews-grid{grid-template-columns:1fr 1fr}.reviews-grid article:last-child{display:none}.footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.site-shell{width:min(100% - 28px,1160px)}.topbar-inner{justify-content:center}.topbar-contact{gap:12px}.topbar-contact a:nth-of-type(2),.topbar-links{display:none}.logo-copy strong{font-size:27px}.logo-copy b{font-size:13px}.logo-copy small{display:none}.hero{height:705px}.hero-caption,.hero-caption.caption-right{top:20%;left:20px;right:20px}.hero-caption h1,.hero-caption h2{font-size:45px}.hero-caption p{font-size:12px}.slider-arrow{display:none}.verify-card{bottom:22px}.welcome,.gemstones,.gallery,.mobile-check,.reviews{padding:60px 0}.welcome-grid{grid-template-columns:1fr}.welcome-mark svg{width:180px}.welcome-copy{text-align:center}.welcome-copy .title-rule{justify-content:center;margin-left:auto}.welcome-copy h2,.section-title h2,.mobile-copy h2{font-size:38px}.gem-card{flex-basis:calc(50% - 9px)}.gem-image{height:140px}.gem-prev{left:-8px}.gem-next{right:-8px}.filters{flex-wrap:wrap}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid figure{height:150px}.mobile-grid{grid-template-columns:1fr}.mobile-copy{text-align:center}.title-rule.left{justify-content:center;margin-left:auto}.mobile-copy ul{text-align:left;display:inline-block}.phone{height:430px}.reviews-grid{grid-template-columns:1fr}.reviews-grid article:nth-child(2){display:none}.subscribe-row{flex-direction:column;text-align:center}.subscribe-action{width:100%}.footer-top{grid-template-columns:1fr}.footer-bottom .site-shell{flex-direction:column;justify-content:center;gap:3px;text-align:center}.verify-body{padding:16px}}