/*
Theme Name: شركة منارة سامراء
Theme URI: https://manarra.com
Author: Manarra Samarra
Description: قالب عربي فاخر لشركة منارة سامراء لتجارة الذهب والمصوغات.
Version: 1.0.0
Text Domain: manarra
*/
:root{--black:#11110f;--gold:#c6a054;--light:#e2c47f;--ivory:#f5f0e6;--ink:#1b1915}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Tahoma,"Segoe UI",Arial,sans-serif}a{text-decoration:none;color:inherit}header{height:88px;padding:0 clamp(22px,6vw,90px);position:absolute;z-index:10;width:100%;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid #ffffff18}.brand{display:flex;gap:13px;align-items:center}.brand>b,.monogram{width:44px;height:44px;border:1px solid var(--gold);display:grid;place-items:center;transform:rotate(45deg);color:var(--gold);font:25px Georgia}.brand span{display:flex;flex-direction:column}.brand strong{font-size:15px}.brand small{font-size:9px;color:#9d988d;margin-top:4px}nav{display:flex;gap:34px;font-size:12px;color:#d0ccc4}nav a:hover,.topCta{color:var(--light)}.topCta{font-size:12px;border-bottom:1px solid var(--gold);padding:10px 0}.hero{min-height:100svh;padding:125px clamp(24px,8vw,130px) 70px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;color:#fff;background:radial-gradient(circle at 20% 45%,#373329,transparent 28%),linear-gradient(125deg,#0c0c0b,#1b1a16 55%,#0c0c0b);overflow:hidden}.copy{position:relative;z-index:2}.eyebrow,.kicker{color:var(--light);font-size:13px;letter-spacing:2px}.hero h1,h2{font:400 clamp(49px,6vw,86px)/1.25 Georgia,Tahoma,serif;margin:20px 0}em{color:var(--light);font-style:normal}.lead{color:#bbb5ab;line-height:2;max-width:570px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{min-height:54px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #58534a;font-size:13px;transition:.25s}.button:hover{transform:translateY(-3px)}.gold{background:var(--gold);border-color:var(--gold);color:#111}.ghost{color:#eee}.trust{margin-top:40px;color:#837e74;font-size:11px;word-spacing:12px}.art{height:540px;position:relative;display:grid;place-items:center}.art>i{position:absolute;width:390px;height:390px;border:1px solid #bd92453b;border-radius:50%;animation:spin 30s linear infinite}.art>i:nth-child(2){width:500px;height:500px;animation-direction:reverse}.sun{width:235px;height:235px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#f4d98f,#b98732 55%,#5f4017);box-shadow:0 0 70px #c1923d45;color:#281a07;font:105px Georgia;animation:float 6s ease-in-out infinite;z-index:2}.bar{position:absolute;width:110px;height:31px;background:linear-gradient(135deg,#f5db92,#966520);transform:skewX(-18deg);z-index:3;box-shadow:0 12px 25px #0008}.bar.a{top:125px;right:30px}.bar.b{bottom:100px;left:35px}.art>p{position:absolute;bottom:0;text-align:center;color:#b28c4a;letter-spacing:6px;font:12px Georgia}.art small{display:block;color:#777;font-size:8px;margin-top:6px}.section{padding:105px clamp(24px,8vw,130px)}.label{color:#99732e;font:11px Georgia;letter-spacing:1px;margin-bottom:65px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.section h2{font-size:clamp(40px,5vw,67px);margin:10px 0}.prose{border-right:1px solid #d3ccbf;padding-right:8vw;line-height:2.1;color:#6f695f}.signature{font:24px Georgia;color:#a27a32;margin-top:32px}.signature small{display:block;font:10px Tahoma;color:#969086;margin-top:8px}.dark,.contact{background:#151512;color:#f6f1e7}.intro{color:#9a958b;line-height:2;align-self:end}.activity{margin-top:70px;border-block:1px solid #4a463e;padding:42px 5px;display:grid;grid-template-columns:60px 100px 1fr 35px;gap:28px;align-items:center}.activity>b{width:80px;height:80px;border:1px solid #776137;display:grid;place-items:center;color:var(--light);font-size:30px;transform:rotate(45deg)}.activity h3{font:30px Georgia;margin:0 0 12px}.activity p,.values p{color:#928d84;line-height:1.8;font-size:13px;margin:0}.activity>span,.activity>em{color:#a88440;font-size:12px}.values article{border-top:1px solid #d1cabe;padding:27px 0;display:grid;grid-template-columns:42px 1fr 40px;gap:15px;align-items:center}.values article:last-child{border-bottom:1px solid #d1cabe}.values span{color:#a17b35;font:11px Georgia}.values h3{font:25px Georgia;margin:0 0 8px}.values b{color:#a7813c;font-size:25px;font-weight:400}.contact{text-align:center;position:relative;background:radial-gradient(circle at 50% 45%,#6f532522,transparent 35%),#0e0e0c}.contact .monogram{margin:0 auto 45px}.contact>p{color:#8f8a80}.contact .actions{justify-content:center}footer{min-height:145px;padding:35px clamp(24px,8vw,130px);background:#090908;color:#89847b;border-top:1px solid #302d27;display:flex;align-items:center;justify-content:space-between;font-size:11px}footer>a:last-child{border:1px solid #49443a;color:var(--gold);padding:12px 15px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px)}}
.hero{background-image:linear-gradient(90deg,rgba(12,12,11,.97) 0%,rgba(12,12,11,.88) 45%,rgba(12,12,11,.56) 100%),url("assets/luxury-gold-jewelry.png");background-size:cover;background-position:center}.art{opacity:.4}.vision{background:#eee7da}.vision article{padding:35px;border-top:1px solid #c8bda9}.vision h2{font-size:clamp(36px,4vw,56px)}.address{color:var(--light)!important;margin-top:20px}.phone{color:#fff!important;font:20px Georgia;letter-spacing:1px;margin:8px 0}.contact>p{line-height:1.9}footer>div{text-align:center;line-height:1.7}footer>div p{margin:3px 0}
@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;text-align:center}.lead{margin-inline:auto}.actions,.trust{justify-content:center}.art{height:380px}.sun{width:155px;height:155px;font-size:70px}.art>i{width:255px;height:255px}.art>i:nth-child(2){width:330px;height:330px}.bar{width:75px;height:22px}.grid{grid-template-columns:1fr;gap:50px}.prose{padding-right:28px}.activity{grid-template-columns:40px 75px 1fr}.activity>b{width:60px;height:60px}.activity>em{display:none}footer{flex-direction:column;gap:25px;text-align:center}.section{padding-block:78px}}@media(max-width:520px){header{height:75px}.topCta{display:none}.hero{padding-inline:20px}.hero h1{font-size:46px}.lead{font-size:14px}.button{width:100%}.art{height:330px}.art>i:nth-child(2){width:285px;height:285px}.section h2{font-size:41px}.activity{grid-template-columns:32px 1fr}.activity>b{display:none}.activity h3{font-size:23px}.contact .actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}