/* AL-TAJ CMS — Frontend V5.0 refinements */

/* Brand assets */
.v4-brand .v5-brand-logo{height:54px!important;width:auto!important;max-width:220px!important;object-fit:contain!important}
.v4-footer-brand .v5-brand-logo{height:64px!important;width:auto!important;max-width:255px!important;object-fit:contain!important;margin-bottom:22px}

/* Three-project home portfolio: one cinematic feature + two supporting cards. */
.v4-projects-home .v4-project-showcase{grid-auto-rows:245px}
.v4-projects-home .v4-project-feature-1{grid-column:span 7;grid-row:span 2}
.v4-projects-home .v4-project-feature-2,.v4-projects-home .v4-project-feature-3{grid-column:span 5;grid-row:span 1}

/* V5 Media split */
.v5-media-home{position:relative;background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 82%,var(--bg)))}
.dark .v5-media-home{background:linear-gradient(180deg,#111217,#0c0d11)}
.v5-media-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:22px;align-items:stretch}
.v5-media-panel{position:relative;border:1px solid var(--v4-line);border-radius:28px;padding:24px;background:color-mix(in srgb,var(--bg) 94%,transparent);box-shadow:0 22px 55px rgba(0,0,0,.045);overflow:hidden}
.dark .v5-media-panel{background:#121319;border-color:rgba(255,255,255,.075);box-shadow:0 25px 60px rgba(0,0,0,.18)}
.v5-media-panel:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:color-mix(in srgb,var(--primary) 13%,transparent);filter:blur(58px);top:-100px;inset-inline-end:-70px;pointer-events:none}
.v5-media-panel-head{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}
.v5-media-panel-head span{display:block;color:#8a7100;font-size:10px;font-weight:900;letter-spacing:.02em;margin-bottom:4px}.dark .v5-media-panel-head span{color:var(--primary)}
.v5-media-panel-head h3{font-size:clamp(20px,2vw,28px);line-height:1.35;margin:0;font-weight:900}
.v5-media-count{min-width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#111217;color:var(--primary);font-size:11px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.dark .v5-media-count{background:rgba(255,255,255,.055)}

.v5-update-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.v5-update-card{min-width:0;border:1px solid var(--v4-line);border-radius:21px;overflow:hidden;background:var(--surface);transition:transform .35s var(--v4-ease),box-shadow .35s var(--v4-ease),border-color .35s}
.dark .v5-update-card{background:#0d0e13;border-color:rgba(255,255,255,.065)}
.v5-update-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--primary) 38%,var(--v4-line));box-shadow:0 20px 45px rgba(0,0,0,.1)}
.v5-update-image{position:relative;display:block;height:170px;overflow:hidden;background:#ddd}
.v5-update-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--v4-ease)}.v5-update-card:hover .v5-update-image img{transform:scale(1.055)}
.v5-type-badge{position:absolute!important;top:12px;inset-inline-start:12px!important;margin:0!important;padding:6px 10px;border-radius:999px;background:rgba(11,12,16,.78);backdrop-filter:blur(9px);color:white!important;font-size:9px!important;font-weight:900!important}
.v5-type-badge.is-news{box-shadow:inset 3px 0 0 var(--primary)}[dir=rtl] .v5-type-badge.is-news{box-shadow:inset -3px 0 0 var(--primary)}
.v5-type-badge.is-event{box-shadow:inset 3px 0 0 #5e7cff}[dir=rtl] .v5-type-badge.is-event{box-shadow:inset -3px 0 0 #5e7cff}
.v5-update-copy{padding:16px}.v5-update-copy time{display:block;color:var(--v4-muted);font-size:9px;margin-bottom:5px}.v5-update-copy h4{margin:0 0 7px;font-size:15px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v5-update-copy p{margin:0;color:var(--v4-muted);font-size:11px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v5-update-copy>a{display:inline-flex;align-items:center;gap:6px;margin-top:11px;color:#796300;font-size:10px;font-weight:900}.dark .v5-update-copy>a{color:var(--primary)}.v5-update-copy>a .v4-icon{width:13px}[dir=rtl] .v5-update-copy>a .v4-icon{transform:rotate(180deg)}

.v5-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:215px 170px;gap:12px}
.v5-gallery-card{position:relative;display:block;width:100%;height:100%;padding:0;border:0;border-radius:21px;overflow:hidden;background:#111;color:white;text-align:inherit;cursor:zoom-in;min-width:0}.v5-gallery-card.is-large{grid-column:1/-1}.v5-gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--v4-ease),filter .45s}.v5-gallery-card:hover img{transform:scale(1.06);filter:saturate(1.08)}
.v5-gallery-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,8,.03) 30%,rgba(5,6,8,.86));pointer-events:none}.v5-gallery-card>div{position:absolute;z-index:2;bottom:15px;inset-inline:16px}.v5-gallery-card small{display:block;color:var(--primary);font-size:9px;font-weight:900;margin-bottom:3px}.v5-gallery-card h4{margin:0;font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v5-gallery-card.is-large h4{font-size:17px}
.v5-play{position:absolute;z-index:3;top:15px;inset-inline-end:15px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#101116;font-size:13px;box-shadow:0 10px 25px rgba(0,0,0,.22);transition:transform .3s}.v5-gallery-card:hover .v5-play{transform:scale(1.08)}
.v5-media-empty{min-height:185px;border:1px dashed var(--v4-line);border-radius:20px;display:grid;place-items:center;text-align:center;padding:28px;color:var(--v4-muted);font-size:12px;line-height:1.8;background:color-mix(in srgb,var(--surface) 56%,transparent)}

@media(max-width:1024px){
  .v5-media-split{grid-template-columns:1fr}
  .v4-projects-home .v4-project-feature-1,.v4-projects-home .v4-project-feature-2,.v4-projects-home .v4-project-feature-3{grid-column:span 6;grid-row:span 1}
}
@media(max-width:760px){
  .v4-brand .v5-brand-logo{height:45px!important;max-width:185px!important}
  .v4-footer-brand .v5-brand-logo{height:56px!important;max-width:220px!important}
  .v4-projects-home .v4-project-showcase{grid-auto-rows:300px}
  .v4-projects-home .v4-project-feature-1,.v4-projects-home .v4-project-feature-2,.v4-projects-home .v4-project-feature-3{grid-column:auto;grid-row:auto}
  .v5-media-panel{padding:17px;border-radius:23px}
  .v5-update-grid{grid-template-columns:1fr}
  .v5-update-image{height:205px}
  .v5-gallery-grid{grid-template-columns:1fr;grid-template-rows:235px 200px 200px}
  .v5-gallery-card.is-large{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){.v5-update-card,.v5-update-image img,.v5-gallery-card img,.v5-play{transition:none!important}}
/* Graceful gallery layout when no video has been published yet. */
.v5-gallery-card:nth-child(2):last-child{grid-column:1/-1}