/* ALZAN gallery presentation candidate. Local-only, CSS-only.
   Scope: existing data-material-library root; external shell only inside :has guard.
   No image transforms, filters, density-grid, hidden-control, handler or state changes. */
[data-material-library="true"][data-material-library-surface="light"] {
  --alzan-beige:#192731; --alzan-graphite:#f1ede5;
  --background:210 28% 9%; --foreground:40 22% 93%;
  --card:208 25% 14%; --card-foreground:40 22% 93%;
  --border:208 15% 30%; --card-border:208 15% 30%;
  --primary:37 35% 76%; --primary-foreground:210 28% 9%;
  --secondary:208 24% 19%; --secondary-foreground:40 22% 93%;
  --muted:208 20% 19%; --muted-foreground:210 13% 75%;
  --input:208 18% 36%; --ring:37 35% 76%;
  color-scheme:dark; color:#f1ede5;
  background:radial-gradient(ellipse at 80% 0%,#33495780,transparent 50rem),linear-gradient(180deg,#12212c,#10171e 65rem)!important;
  padding-top:116px;
}
/* Correct only known hard-coded light-theme text utilities within gallery.
   Do not target images, logo mats, portal dialogs or menu-wide text. */
[data-material-library="true"] :is([class~="text-[#121316]"],.text-pearl) {color:#f1ede5!important;-webkit-text-fill-color:currentColor!important}
[data-material-library="true"] [class~="text-[#555a61]"] {color:#bdc9d2!important}
[data-material-library="true"] [data-material-hero] {background:transparent;border-bottom:1px solid #ffffff1f!important}
[data-material-library="true"] [data-material-hero]>div {gap:40px;padding-block:38px 46px;align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
[data-material-library="true"] [data-material-hero] h1 {font-size:clamp(38px,4.6vw,68px);line-height:1.12;max-width:12ch;letter-spacing:-.025em}
[data-material-library="true"] [data-material-hero] h1+p {font-size:16px;line-height:1.85;max-width:48ch}
[data-material-library="true"] [data-material-hero]>div>div:last-child {min-width:0;gap:18px}
[data-material-library="true"] [data-material-hero]>div>div:last-child>div:first-child {border-radius:18px;background:#1b2d38b3;overflow:hidden}
[data-material-library="true"] [data-material-hero]>div>div:last-child>div:first-child>div>div:last-child {font-size:10px;line-height:1.5;letter-spacing:.08em}
[data-material-library="true"] [data-material-hero]>div>div:last-child>div:last-child {gap:16px}
[data-material-library="true"] [data-material-hero]>div>div:last-child>div:last-child>button {grid-template-rows:260px auto;background:#e9e6df;border-radius:20px;border:1px solid #ffffff3d;padding:12px 12px 0;box-shadow:0 18px 42px #0003}
[data-material-library="true"] [data-material-hero] button>span {margin:12px -12px 0;padding:12px 14px;font-size:11px;line-height:1.6;white-space:normal;background:#203440;color:#f1ede5}
[data-material-library="true"] [data-material-discovery] {top:106px;border:1px solid #ffffff30;border-radius:24px;background:#182a36ed;box-shadow:0 12px 32px #0003;backdrop-filter:blur(20px);max-width:1280px;margin:0 auto 20px;width:calc(100% - 32px)}
[data-material-library="true"] [data-material-discovery]>div {min-height:60px}
[data-material-library="true"] [data-material-discovery] a>span:first-child {border-radius:10px}
[data-material-library="true"] [data-material-discovery] strong {font-size:11px;letter-spacing:.06em}
[data-material-library="true"] [data-material-filters] {background:#172630bf;border-color:#ffffff20!important}
[data-material-library="true"] [data-material-filters]>div {padding-block:22px}
[data-material-library="true"] [data-material-filters] button {border-radius:15px;min-height:58px}
[data-material-library="true"] [data-material-filters]>div:first-child>div:last-child>button {min-width:170px;padding:14px 18px}
[data-material-library="true"] [data-material-filters]>div:first-child>div:last-child>button>span:first-child {font-size:10px;line-height:1.5;letter-spacing:.07em}
[data-material-library="true"] [data-material-filters]>div:first-child>div:last-child>button>span:last-child {font-size:14px;line-height:1.5}
[data-material-library="true"] [data-brand-rail] {gap:12px;padding-block:4px 12px}
[data-material-library="true"] [data-brand-rail]>button {font-size:11px;letter-spacing:.06em;padding-inline:16px}
[data-material-library="true"] [data-brand-browse-controls] {border-radius:14px;overflow:hidden}
[data-material-library="true"] [data-brand-browse-controls]>button {min-height:44px;width:44px}
[data-material-library="true"] [data-material-search] {background:#152631f2;border-color:#ffffff30!important;padding-block:20px;backdrop-filter:blur(20px)}
[data-material-library="true"] [data-material-search] label {min-width:0}
[data-material-library="true"] [data-material-search] input {min-width:0;border-radius:15px;height:52px;background:#101c25;color:#f1ede5;border-color:#6c7d89}
[data-material-library="true"] [data-material-search] input::placeholder {color:#bdc9d2;opacity:1}
[data-material-library="true"] [data-material-search] button {border-radius:15px;font-size:11px;letter-spacing:.06em}
[data-material-library="true"] [data-material-search] input:focus-visible {outline:2px solid #d7bf95;outline-offset:3px}
[data-material-library="true"] [data-gallery-results] {padding-top:36px;padding-bottom:56px}
[data-material-library="true"] [data-gallery-results] h2 {font-size:clamp(26px,3vw,36px);line-height:1.3}
[data-material-library="true"] [data-gallery-results] button {border-radius:12px}
[data-material-library="true"] [data-sample-card] {border:1px solid #ffffff2c;border-radius:20px;background:#1a2a35!important;box-shadow:0 8px 24px #0002;overflow:hidden}
[data-material-library="true"] [data-sample-card]>button:first-child {background:#e9e6df;border-radius:0;padding:12px}
[data-material-library="true"] [data-sample-card]>button:first-child img {object-fit:contain!important}
[data-material-library="true"] [data-sample-meta] {background:#223642!important;color:#f1ede5;padding:11px 13px;min-height:44px}
[data-material-library="true"] [data-sample-meta]>span:last-child {font-size:10px;letter-spacing:.05em}
[data-material-library="true"] [data-sample-card] h3 {font-size:15px;line-height:1.6}
[data-material-library="true"] [data-sample-card]>div:last-child>button {border-radius:0;min-height:48px;font-size:10px;letter-spacing:.06em}
[data-material-library="true"] [data-sample-card]>div:last-child>button:last-child {background:#d7bf95;color:#14212a!important}
[data-material-library="true"] [data-sample-card]>div:last-child>button:last-child:hover {background:#e9d7b8}
[data-material-library="true"] :is(button,a,input,select):focus-visible {outline:2px solid #e4c99f;outline-offset:3px}
/* Shell remains untouched without :has support; root-contained styling above remains usable.
   :has available in modern Chromium/Safari/Firefox, feature-gated for older browsers. */
@supports selector(body:has([data-material-library="true"])) {
 body:has([data-material-library="true"]) [data-site-header] [data-nav-shell] {border-radius:28px;background:#14232dde!important;border-color:#ffffff35;box-shadow:0 14px 44px #0005;backdrop-filter:blur(22px)}
}
@media(min-width:1024px) {[data-material-library="true"] [data-material-search]{top:178px}}
@media(max-width:767px) {
 [data-material-library="true"][data-material-library-surface="light"]{padding-top:102px}
 [data-material-library="true"] [data-material-hero]>div{grid-template-columns:minmax(0,1fr);gap:26px;padding-block:28px 32px}
 [data-material-library="true"] [data-material-hero] h1{max-width:none;font-size:40px}
 [data-material-library="true"] [data-material-hero]>div>div:last-child>div:last-child>button{grid-template-rows:200px auto;padding-inline:8px;border-radius:16px}
 [data-material-library="true"] [data-material-hero] button>span{margin-inline:-8px;padding-inline:10px;font-size:10px}
 [data-material-library="true"] [data-material-discovery]{top:92px;width:calc(100% - 24px);border-radius:18px}
 [data-material-library="true"] [data-material-discovery]>div{gap:10px;padding-inline:12px}
 [data-material-library="true"] [data-material-search]{padding-inline:16px}
}
@media(max-width:380px) {
 [data-material-library="true"] [data-material-hero]>div>div:last-child>div:last-child>button{grid-template-rows:160px auto}
 [data-material-library="true"] [data-material-hero]>div>div:last-child>div:last-child{gap:10px}
 [data-material-library="true"] [data-material-hero] h1{font-size:35px}
 [data-material-library="true"] [data-material-search] button{font-size:10px;padding-inline:12px}
}
@media(prefers-reduced-motion:reduce) {
 [data-material-library="true"] [data-sample-card],[data-material-library="true"] [data-material-filters] button{transition:none}
}

[data-material-library="true"] [data-material-filters] button[class~="bg-primary"]>span{color:#14212a!important}
[data-material-library="true"] [data-sample-card]:hover h3{color:#f1ede5!important}
/* Selection drawer only. Observed MaterialLibrary drawer backdrop, not sample-detail portal.
   Lift the complete modal above the fixed site header and project command dock. */
[data-material-library="true"] [class~="fixed"][class~="inset-0"][class~="justify-end"][class~="bg-black/65"] {z-index:160!important}
[data-material-library="true"] [role="dialog"]:is([aria-label="My Selection"],[aria-label="اختياراتي"]) {background:#172630!important;color:#f1ede5;border-color:#536774;max-height:100dvh}
[data-material-library="true"] [role="dialog"]:is([aria-label="My Selection"],[aria-label="اختياراتي"]) :is(h3,[class~="text-[#121316]"],[class~="text-[#34373c]"]) {color:#f1ede5!important;-webkit-text-fill-color:currentColor!important}
[data-material-library="true"] [role="dialog"]:is([aria-label="My Selection"],[aria-label="اختياراتي"]) :is([class~="text-[#777b80]"],[class~="text-[#555a61]"],[class~="text-[#8b8f94]"],[class~="text-muted-foreground/50"]) {color:#bdc9d2!important}
[data-material-library="true"] [role="dialog"]:is([aria-label="My Selection"],[aria-label="اختياراتي"])>div:first-child {flex-shrink:0;background:#1c303d}
[data-material-library="true"] [role="dialog"]:is([aria-label="My Selection"],[aria-label="اختياراتي"])>div:first-child>button {background:#263e4d!important;border-color:#728491;border-radius:12px}
[data-material-library="true"] [role="dialog"]:is([aria-label="My Selection"],[aria-label="اختياراتي"])>div[class~="overflow-y-auto"] {min-height:0;overscroll-behavior:contain}
[data-material-library="true"] [role="dialog"]:is([aria-label="My Selection"],[aria-label="اختياراتي"])>div[class~="overflow-y-auto"]>div[class~="border"] {background:#213541;border-color:#516471;border-radius:12px}
[data-material-library="true"] [role="dialog"]:is([aria-label="My Selection"],[aria-label="اختياراتي"])>div[class~="space-y-2"]:last-child {flex-shrink:0;background:#172630}
[data-material-library="true"] [role="dialog"]:is([aria-label="My Selection"],[aria-label="اختياراتي"])>div:last-child>button[class~="bg-primary"] {background:#d7bf95!important;color:#14212a!important;border-radius:12px}
/* Original hero captions contain Latin reference codes and brand names in both locales. */
[data-material-library="true"] [data-material-hero]>div>div:last-child>div:last-child>button>span {direction:ltr;unicode-bidi:isolate}
/* The route's existing view-transition-name creates a stacking context.
   Raise only that gallery route while its selection drawer exists; closing removes
   the :has match automatically. Preserve view-transition identity and behavior. */
@supports selector([data-route-content]:has([data-material-library="true"])) {
 [data-route-content]:has([data-material-library="true"] [role="dialog"]:is([aria-label="My Selection"],[aria-label="اختياراتي"])) {z-index:240}
}