/* Oct 27: five user-reported visual corrections. Scoped to the homepage and gallery. */
/* 1. Three equal-width strokes; no partial/staggered hamburger. */
@media(max-width:760px){
 .nav button.mobile-menu{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:8px!important;width:42px!important;height:42px!important;border:0!important;background:transparent!important;border-radius:0!important}
 .nav button.mobile-menu span,.nav button.mobile-menu span:nth-child(2),.nav button.mobile-menu span:nth-child(3){display:block!important;align-self:center!important;flex:0 0 2px!important;width:21px!important;height:2px!important;min-height:2px!important;max-height:2px!important;margin:0!important;border-radius:2px!important;background:#604232!important;transform:none!important}
}
/* 3. The menu-only RUYA wordmark must never be visible in desktop navigation. */
@media(min-width:761px){.nav #links .ruya-menu-top,.nav #links .ruya-menu-wordmark,.nav #links #ruya-menu-close{display:none!important}}
/* 5. Identical language pill measurements and visual treatment to booking page. */
.nav button.lang,#language{appearance:none!important;-webkit-appearance:none!important;border:1px solid #d8bda9!important;border-radius:9999px!important;background:transparent!important;color:#503a2f!important;padding:9px 19px!important;min-height:42px!important;min-width:88px!important;width:auto!important;line-height:1.25!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;font-size:12px!important;font-weight:600!important;letter-spacing:0!important;transition:background-color .2s ease,border-color .2s ease}
.nav button.lang:hover,#language:hover{background:#f6eae0!important}
@media(max-width:600px){.nav button.lang,#language{padding:9px 17px!important;min-height:40px!important;min-width:82px!important}}
/* 2. Harmonized, legible bilingual hero typography and spacing. */
.old-ruya-hero .hero-copy{width:100%;max-width:900px!important;gap:0!important;text-align:center!important}
.old-ruya-hero .hero-copy h1{font-family:'Playfair Display',Georgia,serif!important;font-weight:600!important;letter-spacing:-.027em!important;line-height:1.2!important;text-shadow:0 2px 14px rgba(22,12,7,.45)!important;margin:0 0 17px!important;max-width:820px!important}
html[lang=ar] .old-ruya-hero .hero-copy h1{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif!important;font-weight:600!important;letter-spacing:0!important;line-height:1.45!important}
.old-ruya-hero .hero-copy>p{font-family:'DM Sans',sans-serif!important;font-weight:500!important;font-size:clamp(14px,1.35vw,17px)!important;line-height:1.8!important;max-width:660px!important;margin:0 auto 24px!important;text-shadow:0 1px 8px rgba(17,10,6,.65)!important}
html[lang=ar] .old-ruya-hero .hero-copy>p{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif!important;line-height:1.95!important}
#ruya-next-banner{margin:0 auto 14px!important;padding:0!important}
#ruya-next-title{font-family:'DM Sans',sans-serif!important;font-weight:600!important;font-size:clamp(13px,1.3vw,16px)!important;line-height:1.5!important;text-shadow:0 1px 8px rgba(17,10,6,.6)!important}
html[lang=ar] #ruya-next-title{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif!important;font-weight:600!important;font-size:clamp(14px,1.4vw,17px)!important}
.ruya-next-clock{gap:8px!important;align-items:flex-start!important}
.ruya-next-clock>span{min-width:35px!important}
.ruya-next-clock strong{font-variant-numeric:tabular-nums!important;font-size:clamp(27px,2.6vw,35px)!important;letter-spacing:.01em!important;text-shadow:0 1px 8px rgba(17,10,6,.5)!important}
.ruya-next-clock small{font-family:'DM Sans',sans-serif!important;font-weight:600!important;font-size:9px!important;line-height:1.3!important;letter-spacing:.04em!important;margin-top:5px!important}
html[lang=ar] .ruya-next-clock small{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif!important;letter-spacing:0!important}
.old-ruya-hero .hero-actions{gap:12px!important}
.old-ruya-hero .hero-actions a{font-family:'DM Sans',sans-serif!important;font-size:13px!important;font-weight:700!important;line-height:1.35!important;text-shadow:none!important}
html[lang=ar] .old-ruya-hero .hero-actions a{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif!important}
@media(max-width:760px){
 .old-ruya-hero .hero-copy{padding:18px 18px!important}
 .old-ruya-hero .hero-copy h1{font-size:clamp(28px,7.5vw,38px)!important;line-height:1.19!important;margin:0 0 10px!important}
 html[lang=ar] .old-ruya-hero .hero-copy h1{font-size:clamp(27px,7vw,36px)!important;line-height:1.45!important}
 .old-ruya-hero .hero-copy>p{font-size:clamp(12px,3.05vw,14px)!important;line-height:1.75!important;margin-bottom:14px!important;max-width:380px!important}
 html[lang=ar] .old-ruya-hero .hero-copy>p{line-height:1.9!important}
 #ruya-next-banner{margin-bottom:11px!important;padding:0!important}
 #ruya-next-title{font-size:12px!important}
 html[lang=ar] #ruya-next-title{font-size:13px!important}
 .ruya-next-clock{gap:6px!important}
 .ruya-next-clock>span{min-width:30px!important}
 .ruya-next-clock strong{font-size:26px!important}
 .ruya-next-clock small{font-size:8px!important}
 .old-ruya-hero .hero-actions a{font-size:11px!important;line-height:1.35!important;min-height:40px!important;padding:9px 12px!important}
}
/* 4. Clip actual card photographs at their own corners, not just the beige wrapper. */
#workshops .ruya-card-photo{position:relative!important;isolation:isolate!important;border-radius:19px!important;overflow:hidden!important;clip-path:inset(0 round 19px)!important;background:#f2e9df!important}
#workshops .ruya-card-photo>img{display:block!important;width:100%!important;height:clamp(165px,20vw,235px)!important;max-width:none!important;object-fit:cover!important;object-position:center!important;border-radius:19px!important;clip-path:inset(0 round 19px)!important}
#workshops .ruya-card-photo .ruya-photo-seats{z-index:2!important}
@media(max-width:760px){#workshops .ruya-card-photo{border-radius:14px!important;clip-path:inset(0 round 14px)!important}#workshops .ruya-card-photo>img{height:clamp(150px,39vw,210px)!important;border-radius:14px!important;clip-path:inset(0 round 14px)!important}}