@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');
:root{--ink:#f7f1e8;--ink-soft:#d8d0c5;--muted:#a9a097;--night:#0b0d0d;--paper:#171616;--line:rgba(238,218,178,.16);--gold:#e7c97e;--gold-light:#f3db9e;--gold-deep:#a85d22;--danger:#e98383;--shadow:0 22px 60px rgba(0,0,0,.34)}
.brand-logo{filter:brightness(0) invert(86%) sepia(35%) saturate(592%) hue-rotate(357deg) brightness(101%) contrast(90%) !important}
.hero{background-size:125% 125%,145% 145%,135% 135%;background-position:12% 18%,88% 16%,78% 100%;animation:nabra-ambient-drift 18s cubic-bezier(.45,.05,.2,1) infinite alternate;will-change:background-position}.hero:before{background-position:0 0,0 0;animation:nabra-grid-drift 24s linear infinite;will-change:background-position}.hero:after{animation:nabra-halo-drift 16s ease-in-out infinite alternate;will-change:transform,opacity}@keyframes nabra-ambient-drift{0%{background-position:12% 18%,88% 16%,78% 100%}52%{background-position:68% 35%,18% 44%,36% 72%}100%{background-position:94% 9%,68% 88%,92% 38%}}@keyframes nabra-grid-drift{from{background-position:0 0,0 0}to{background-position:94px 0,0 94px}}@keyframes nabra-halo-drift{from{transform:translate3d(0,0,0) scale(1);opacity:.68}to{transform:translate3d(74px,-28px,0) scale(1.13);opacity:1}}@media (prefers-reduced-motion:reduce){.hero,.hero:before,.hero:after{animation:none!important}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 16% -4%,rgba(181,120,50,.13),transparent 30%),var(--night);color:var(--ink);font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;line-height:1.7}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.26;background:repeating-linear-gradient(90deg,transparent 0 72px,rgba(240,201,126,.045) 73px 74px),linear-gradient(112deg,transparent 0 45%,rgba(240,201,126,.04) 45.1%,transparent 45.4%);mask-image:linear-gradient(#000,transparent 88%)}a{color:inherit;text-decoration:none}button,.button{font:inherit;cursor:pointer;border:1px solid transparent;background:linear-gradient(135deg,var(--gold-light),var(--gold-deep));color:#1a130b;border-radius:2px;padding:12px 20px;font-weight:700;transition:.25s}.button{display:inline-flex;align-items:center;justify-content:center}.button:hover,button:hover{filter:brightness(1.09);transform:translateY(-2px);box-shadow:0 8px 22px rgba(211,151,63,.2)}button.danger{background:transparent;color:var(--danger);border-color:rgba(233,131,131,.38)}.button.light{background:transparent;color:var(--ink);border-color:var(--line)}.button.outline{background:transparent;color:var(--gold-light);border:1px solid rgba(231,201,126,.42);margin:0 0 9px;width:100%}.button.outline:hover{background:rgba(231,201,126,.1)}
.site-header{height:102px;max-width:1280px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(231,201,126,.14);position:relative;z-index:2}.site-header:after{content:'';position:absolute;bottom:-1px;right:34px;left:34px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.45}.brand{display:flex;align-items:center;gap:12px;min-width:175px}.brand-mark{display:none}.brand-logo{width:116px;height:auto;max-height:67px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.25))}.brand-copy{display:grid;line-height:1.05}.brand-copy b{font-size:12px;letter-spacing:.18em;color:var(--gold-light);font-weight:600}.brand-copy small{font-size:10px;color:var(--muted);margin-top:6px}.site-header nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600;color:#e4ddd3}.site-header nav a{position:relative}.site-header nav a:after{content:'';position:absolute;right:0;left:0;bottom:-9px;height:1px;background:var(--gold);transform:scaleX(0);transition:.22s}.site-header nav a:hover{color:var(--gold-light)}.site-header nav a:hover:after{transform:scaleX(1)}footer{border-top:1px solid var(--line);padding:32px max(30px,calc((100vw - 1212px)/2));display:flex;align-items:center;gap:24px;color:var(--muted);font-size:13px;position:relative}footer p{margin:0;flex:1}footer .brand-logo{width:78px}.flash{max-width:1212px;margin:18px auto 0;padding:12px 16px;border:1px solid rgba(150,223,173,.24);background:rgba(45,113,71,.22);color:#d3f4da}.flash.error{border-color:rgba(233,131,131,.28);background:rgba(140,39,39,.25);color:#ffd3d3}
.hero{max-width:1212px;min-height:600px;margin:0 auto 76px;padding:104px 72px 56px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(9,10,10,.94) 0%,rgba(12,12,11,.72) 50%,rgba(23,17,11,.78)),radial-gradient(circle at 88% 20%,rgba(184,116,45,.34),transparent 32%),radial-gradient(ellipse at 78% 100%,rgba(107,68,30,.22),transparent 42%);border-bottom:1px solid rgba(231,201,126,.27)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(231,201,126,.12) 1px,transparent 1px) 0 0/94px 100%,linear-gradient(0deg,rgba(231,201,126,.1) 1px,transparent 1px) 0 0/100% 94px;opacity:.35;mask-image:linear-gradient(90deg,#000,transparent 76%)}.hero:after{content:'';position:absolute;width:390px;height:390px;left:-140px;bottom:-205px;border:1px solid rgba(231,201,126,.38);border-radius:50%;box-shadow:0 0 0 26px rgba(231,201,126,.05),0 0 0 53px rgba(231,201,126,.035)}.hero>div,.search-panel{position:relative;z-index:1}.eyebrow{color:var(--gold);font-size:11px;font-weight:600;letter-spacing:.18em;margin:0 0 10px;text-transform:uppercase}.hero h1,.page-intro h1,.auth-card h1{font-family:'Playfair Display','IBM Plex Sans Arabic',serif;font-size:clamp(45px,5.6vw,76px);line-height:1.14;letter-spacing:-.04em;margin:0 0 18px}.hero h1 em{color:var(--gold-light);font-weight:600}.hero-copy{font-size:18px;max-width:460px;color:var(--ink-soft)}.search-panel{background:rgba(20,18,16,.91);backdrop-filter:blur(14px);color:var(--ink);border:1px solid rgba(231,201,126,.3);border-radius:0;padding:15px;box-shadow:var(--shadow);max-width:960px;margin-top:58px}.search-input{display:flex;gap:11px;align-items:center;border-bottom:1px solid var(--line);padding:3px 10px 14px;font-size:22px;color:var(--gold)}.search-input input{width:100%;border:0;outline:0;font:inherit;background:transparent;color:var(--ink)}.search-input input::placeholder{color:#d5ccc2}.search-fields{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;padding:14px 5px 0}.search-fields label,.filters label{color:var(--muted);font-size:11px;font-weight:700}.search-fields select,.filters select{display:block;margin-top:2px}.search-fields button{align-self:end}
.section,.page{max-width:1212px;margin:0 auto 86px;padding:0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.section h2,.profile h2,.panel h2{font-size:29px;line-height:1.25;margin:0;color:#fffaf2}.text-link{color:var(--gold-light);font-size:13px}.artist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.artist-card{background:linear-gradient(160deg,rgba(34,31,28,.95),rgba(19,18,17,.96));border:1px solid var(--line);border-radius:0;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.1);transition:.28s}.artist-card:hover{transform:translateY(-6px);border-color:rgba(231,201,126,.5);box-shadow:var(--shadow)}.artist-photo{height:258px;background:linear-gradient(135deg,#6d482b,#1b1713);display:grid;place-items:center;overflow:hidden;position:relative}.artist-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,6,6,.6),transparent 48%)}.artist-photo img{width:100%;height:100%;object-fit:cover}.artist-photo span,.profile-image span{font-family:'Playfair Display';font-size:96px;color:var(--gold-light);opacity:.9;position:relative;z-index:1}.artist-card-body{padding:19px 20px 21px}.artist-card .eyebrow{margin-bottom:2px}.artist-card h3{font-size:21px;margin:0 0 2px;color:#fffaf2}.location{color:var(--muted);font-size:13px;margin:0}.rating{color:var(--gold);margin:10px 0 0;font-size:15px;letter-spacing:1px}.rating b{color:var(--ink);margin:0 5px;letter-spacing:0}.rating small{color:var(--muted);letter-spacing:0}.artist-callout{max-width:1212px;margin:0 auto 86px;padding:58px 66px;background:linear-gradient(118deg,#2b2014,#17130f);border:1px solid rgba(231,201,126,.34);border-radius:0;position:relative;overflow:hidden}.artist-callout:after{content:'NABRA / LIVE';position:absolute;left:40px;bottom:8px;color:rgba(231,201,126,.11);font-size:48px;letter-spacing:.15em;font-family:serif}.artist-callout h2{font-size:38px;line-height:1.25;margin:0;color:#fffaf2}.artist-callout p:not(.eyebrow){max-width:520px;color:var(--ink-soft)}
.page{padding-top:62px}.page-intro{max-width:700px;margin-bottom:34px}.page-intro h1{font-size:clamp(38px,4vw,56px);margin-bottom:8px}.page-intro>p:last-child{color:var(--muted);margin:0}.filters{background:rgba(24,22,20,.86);border:1px solid var(--line);padding:14px;border-radius:0;display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-bottom:18px}.filters input,.filters select,form input,form select,form textarea{width:100%;border:1px solid rgba(231,201,126,.22);border-radius:2px;padding:11px 12px;background:#151412;font:inherit;color:var(--ink);outline-color:var(--gold)}.filters select{margin:0}.result-count{color:var(--muted);font-size:14px}.profile-hero{display:grid;grid-template-columns:300px 1fr;gap:42px;background:linear-gradient(135deg,#1d1a17,#121212);padding:30px;border:1px solid var(--line);border-radius:0;margin-bottom:32px}.profile-image{height:310px;border-radius:0;overflow:hidden;background:linear-gradient(135deg,#6d482b,#1b1713);display:grid;place-items:center}.profile-image img{width:100%;height:100%;object-fit:cover}.profile-hero h1{font-size:48px;margin:0}.profile-hero>div>p:not(.eyebrow):not(.rating){max-width:650px;color:var(--ink-soft)}.profile-layout{display:grid;grid-template-columns:1fr 330px;gap:52px;margin-bottom:42px}.profile-layout section{border-bottom:1px solid var(--line);padding:0 0 24px;margin-bottom:25px}.profile-layout section>p{color:var(--ink-soft)}.tags span{display:inline-block;background:rgba(231,201,126,.09);border:1px solid rgba(231,201,126,.14);border-radius:99px;padding:6px 12px;margin:5px 0 0 5px;font-size:13px}.booking-card,.panel{background:linear-gradient(145deg,#1d1b18,#141312);border:1px solid var(--line);border-radius:0;padding:25px;height:max-content}.booking-card h3{font-size:23px;line-height:1.4;margin:0 0 9px}.booking-card p:not(.eyebrow){color:var(--muted);font-size:14px}.media-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.media-item{background:#161513;border:1px solid var(--line);padding:16px;border-radius:0}.media-item audio{width:100%;margin-top:8px;height:36px}.media-item a{color:var(--gold-light);font-weight:700}.review{border-bottom:1px solid var(--line);padding:15px 0;max-width:760px}.review p{margin:4px 0}.review small,.muted{color:var(--muted)}.review-form{max-width:660px;background:rgba(231,201,126,.08);border:1px solid rgba(231,201,126,.16);padding:19px;border-radius:0;margin-top:20px}.review-form label,form label{display:block;font-size:13px;font-weight:700;margin-bottom:12px}.review-form textarea,form textarea{min-height:100px;resize:vertical;margin-top:5px}.notice{padding:13px 15px;background:rgba(231,201,126,.1);border:1px solid rgba(231,201,126,.2);border-radius:0}.notice a{color:var(--gold-light);font-weight:bold}
.auth-wrap{min-height:calc(100vh - 203px);display:grid;place-items:center;padding:62px 20px;background:radial-gradient(circle at 68% 4%,rgba(179,116,48,.18),transparent 30%)}.auth-card{background:linear-gradient(145deg,#1e1b18,#141312);width:min(520px,100%);border:1px solid var(--line);box-shadow:var(--shadow);padding:36px;border-radius:0}.auth-card h1{font-size:43px}.auth-card>p{color:var(--muted)}.auth-card form,.panel form{margin-top:25px}.auth-card button,.panel button{width:100%}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.status{padding:3px 10px;border-radius:99px;font-size:12px}.status.approved{background:rgba(58,154,90,.25);color:#a4e2b7}.status.pending{background:rgba(197,142,47,.2);color:#f2ce80}.status.rejected{background:rgba(184,62,62,.22);color:#ffa5a5}.media-row{border-bottom:1px solid var(--line);padding:8px 0;display:flex;justify-content:space-between}.media-row small{color:var(--muted)}.admin .panel{margin-bottom:22px}.moderation{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.moderation:last-child{border:0}.moderation p{margin:4px 0;color:var(--muted);font-size:14px}.moderation form{display:flex;gap:8px;align-items:center}.moderation button{padding:8px 13px;width:auto}
@media(max-width:760px){.site-header{height:auto;padding:15px 19px;gap:14px;align-items:flex-start}.brand{min-width:auto}.brand-logo{width:87px;max-height:54px}.brand-copy{display:none}.site-header nav{gap:11px;font-size:11px;flex-wrap:wrap;justify-content:end;max-width:215px}.site-header nav a:nth-child(2){display:none}.site-header:after{right:19px;left:19px}.hero{padding:72px 25px 36px;margin:0 0 50px;min-height:auto}.hero h1{font-size:47px}.hero-copy{font-size:16px}.search-panel{margin-top:33px}.search-fields,.filters{grid-template-columns:1fr}.search-fields button{width:100%}.section,.page{padding:0 19px;margin-bottom:54px}.artist-grid{grid-template-columns:1fr}.artist-photo{height:250px}.artist-callout{padding:42px 25px;margin-bottom:54px}.artist-callout h2{font-size:30px}.artist-callout:after{font-size:28px;left:16px}.profile-hero{grid-template-columns:1fr;padding:16px;gap:23px}.profile-image{height:270px}.profile-hero h1{font-size:39px}.profile-copy{font-size:16px}.profile-layout,.dashboard-grid{grid-template-columns:1fr;gap:22px}.media-list{grid-template-columns:1fr}.moderation{display:block}.moderation form{margin-top:12px}.page-intro{margin-top:0}footer{display:block;padding:28px 19px}footer>*{margin-bottom:13px!important}.section-head{align-items:start}.section-head h2{font-size:25px}}

/* طبقات حركة نبرة — سطح ذهبي متحرك، مصمم ليبقى هادئاً خلف المحتوى. */
.hero{background-size:125% 125%,145% 145%,135% 135%;background-position:12% 18%,88% 16%,78% 100%}
.hero{background-image:linear-gradient(90deg,rgba(19,12,8,.92) 0%,rgba(25,16,10,.68) 46%,rgba(16,11,8,.74) 100%),radial-gradient(circle at 80% 38%,rgba(217,161,78,.28),transparent 42%),url('https://nabra.art/wp-content/uploads/2026/08/nabra-contact2-background-1.jpg');background-size:100% 100%,100% 100%,122% auto;background-position:center,center,50% 55%;background-repeat:no-repeat;animation:nabra-works-photo-drift 17s ease-in-out infinite alternate}.hero:before{background-image:linear-gradient(108deg,transparent 34%,rgba(250,215,144,.18) 49%,rgba(255,242,213,.28) 51%,rgba(250,215,144,.12) 53%,transparent 68%),linear-gradient(90deg,rgba(231,201,126,.17) 1px,transparent 1px),linear-gradient(0deg,rgba(231,201,126,.14) 1px,transparent 1px);background-size:76% 100%,94px 100%,100% 94px;background-position:-100% 0,0 0,0 0;background-repeat:no-repeat,repeat,repeat;mix-blend-mode:screen;opacity:.62;animation:nabra-works-sweep 11s cubic-bezier(.45,.05,.2,1) infinite}.hero:after{border-color:rgba(240,205,137,.52);box-shadow:0 0 0 26px rgba(231,201,126,.08),0 0 0 53px rgba(231,201,126,.045)}@keyframes nabra-works-photo-drift{0%{background-position:center,center,44% 48%}100%{background-position:center,center,58% 58%}}@keyframes nabra-works-sweep{0%,28%{background-position:-100% 0,0 0,0 0}62%{background-position:180% 0,47px 0,0 47px}100%{background-position:260% 0,94px 0,0 94px}}@media(max-width:760px){.hero{background-size:100% 100%,100% 100%,auto 118%;background-position:center,center,53% center}.hero:before{opacity:.48}}
/* مرور ضوئي موحّد: يمر فوق جميع أقسام الدليل من دون تعطيل النقر أو القراءة. */
body:before{content:'';position:fixed;inset:0;z-index:20;pointer-events:none;background:linear-gradient(108deg,transparent 34%,rgba(215,160,78,.035) 43%,rgba(255,232,182,.18) 49.5%,rgba(255,250,232,.26) 51%,rgba(215,160,78,.055) 57%,transparent 67%);background-repeat:no-repeat;background-size:66% 100%;background-position:-92% 0;mix-blend-mode:screen;animation:nabra-site-passage 18s cubic-bezier(.45,.05,.2,1) infinite;will-change:background-position}@keyframes nabra-site-passage{0%,23%{background-position:-92% 0}62%{background-position:150% 0}100%{background-position:250% 0}}@media(prefers-reduced-motion:reduce){body:before{animation:none}}
/* المشهد يمتد بعرض الشاشة، أما النص والبحث فيحتفظان بمساحة قراءة مريحة. */
.hero{max-width:none;margin-right:0;margin-left:0;padding-right:max(25px,calc((100vw - 1068px)/2));padding-left:max(25px,calc((100vw - 1068px)/2))}@media(max-width:760px){.hero{padding-right:25px;padding-left:25px}}