/* Oct 26 refinement: CSS-only customer layout improvements */
:root{--ruya-top-brown:#604232}
.ruya-next-banner{background:var(--ruya-top-brown)!important;min-height:48px!important;padding:7px 12px!important}
.ruya-next-banner-inner{gap:14px!important;flex-wrap:nowrap!important;max-width:100%;}
#ruya-next-title{font-size:clamp(12px,2.4vw,14px)!important;font-weight:600!important;line-height:1.35!important}
.ruya-next-clock{flex-shrink:0;gap:4px!important;align-items:center!important}
.ruya-next-clock strong{font-size:clamp(12px,2.4vw,14px)!important;line-height:1.1!important;font-weight:650!important}
.ruya-next-clock small{font-size:8px!important;line-height:1.15!important;margin-top:3px!important}
.ruya-next-clock>span{min-width:25px!important}
@media(max-width:600px){.ruya-next-banner{min-height:52px!important;padding:7px 8px!important}.ruya-next-banner-inner{flex-direction:column!important;gap:3px!important}.ruya-next-clock strong{font-size:12px!important}.ruya-next-clock small{font-size:7px!important}#ruya-next-title{font-size:12px!important}}
/* Card rows stretch naturally; prices and CTAs share a baseline. */
#workshops .cards{align-items:stretch!important;grid-auto-rows:auto}
#workshops .card{height:100%!important;min-width:0;display:flex!important;flex-direction:column!important;overflow:hidden}
#workshops .card .card-content{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0}
#workshops .card .card-content h3{overflow-wrap:anywhere}
#workshops .card .compact-meta{flex:0 0 auto}
#workshops .card .card-bottom{margin-top:auto!important;display:flex;align-items:center;gap:8px}
#workshops .card .card-bottom .btn{flex-shrink:0}
#workshops .ruya-card-photo{overflow:hidden}
#workshops .ruya-card-photo img{object-fit:cover}
/* Unify controls on every customer page that uses the classic header. */
.nav .lang,.nav button.lang,.mobile-menu,.nav .mobile-menu{border:0!important;box-shadow:none!important;background:transparent!important;outline-offset:3px;min-height:40px!important;min-width:40px!important;border-radius:10px!important}
.nav .lang{padding:7px 10px!important;font-weight:600!important;line-height:1.3!important}
.nav .mobile-menu{padding:8px!important;width:42px!important;height:42px!important;gap:4px!important}
.nav .mobile-menu span{height:2px!important;border-radius:3px!important}
.nav .lang:active,.nav .mobile-menu:active{background:#e9d9ca!important}
.nav .lang:focus-visible,.nav .mobile-menu:focus-visible{outline:2px solid #785542!important}
/* Arabic glyphs must never be cut off by the centered mobile wordmark. */
.mobile-brand{height:auto!important;max-height:none!important;overflow:visible!important;line-height:1.6!important;padding-block:3px!important;white-space:nowrap!important}
html[lang=ar] .mobile-brand{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif!important;line-height:1.8!important;letter-spacing:0!important}
@media(max-width:760px){.nav.wrap{align-items:center!important;overflow:visible!important}.nav .mobile-brand{align-self:center!important;justify-self:center!important;max-width:100%!important;font-size:clamp(14px,3.9vw,19px)!important}.nav .lang{font-size:12px!important;padding:6px!important;min-width:52px!important}.nav .mobile-menu{width:40px!important;height:40px!important}#ruya-menu-close{left:12px!important;right:auto!important;top:10px!important;border:0!important;background:transparent!important;width:38px!important;height:38px!important}html[dir=rtl] #ruya-menu-close{right:12px!important;left:auto!important}}
/* Progressive enhancement only: image placeholders never hide page content. */
#workshops img,.inspiration-gallery img{background:#eee1d5;transition:opacity .25s ease}
#workshops .tag.full{background:#f3e8de!important;color:#654b3a!important}
@media(prefers-reduced-motion:reduce){#workshops img,.inspiration-gallery img{transition:none!important}}