/*
Theme Name: Ayman Karam Portfolio
Author: Ayman Karam
Description: Preserves the original portfolio and adds an editable projects library.
Version: 1.0.0
Requires PHP: 8.1
*/
.site-wrap{opacity:1!important}img{max-width:100%}iframe{max-width:100%}
.ak-lightbox{position:fixed;inset:0;background:#000f;z-index:100000;display:grid;place-items:center;padding:50px 4vw}
.ak-lightbox[hidden]{display:none}.ak-lightbox img{max-height:88svh;max-width:92vw;object-fit:contain}
.ak-lightbox button{position:absolute;background:#111b;border:1px solid #777;color:#fff;padding:12px;cursor:pointer;font:20px Arial}
.ak-lightbox .ak-close{top:12px;right:16px}.ak-lightbox .ak-prev{left:12px;top:48%}.ak-lightbox .ak-next{right:12px;top:48%}
.ak-new-project{max-width:1600px;margin:auto;padding:40px 3%}.ak-new-project h1{text-align:center;font-family:proxima-nova,Arial,sans-serif}
.ak-new-project .wp-block-image{margin:32px 0}.ak-new-project .wp-block-image img{width:auto;height:auto;display:block;margin:auto}
.ak-new-project .wp-block-gallery{display:flex;flex-wrap:wrap;gap:20px}.ak-new-project .wp-block-gallery figure{flex:1 1 300px}
.ak-new-project iframe,.ak-new-project video{max-width:100%}.ak-contact-notice{padding:18px;border:1px solid #777;margin:20px 0}
.ak-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
@media(max-width:600px){.ak-lightbox{padding:45px 0}.ak-lightbox img{max-width:100vw}.ak-new-project{padding:24px 5%}}
@media(max-width:900px){body.ak-menu-open nav{display:flex!important;flex-direction:column;align-items:flex-end;gap:16px;visibility:visible!important;opacity:1!important;position:relative;width:100%;height:auto;float:none;padding:24px 0 0}body.ak-menu-open nav>div{margin:0!important;display:block}body.ak-menu-open .nav-container{display:block!important;position:static!important;float:none!important;width:100%!important;margin:0!important;height:auto!important;overflow:visible!important}body.ak-menu-open .site-header{height:auto!important}}

/* Keep the complete header on one row; switch before links run out of room. */
.site-header{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;padding:36px clamp(22px,3.5vw,64px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;min-height:94px!important;height:auto!important;position:relative!important}
.site-header:after,.logo-wrap:after{display:none!important}.site-header .logo-container{display:flex!important;align-items:center!important;justify-content:space-between!important;flex:0 0 auto!important;width:auto!important;margin:0!important;float:none!important;position:static!important}.site-header .logo-wrap,.site-header .logo{margin:0!important;padding:0!important;width:auto!important;float:none!important}.site-header .logo a{white-space:nowrap!important;display:block!important}.site-header .nav-container{display:block!important;position:static!important;margin:0!important;padding:0!important;float:none!important;width:auto!important;height:auto!important;flex:0 1 auto!important}.site-header nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:clamp(16px,1.7vw,28px)!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;float:none!important;position:static!important}.site-header nav>div{display:block!important;margin:0!important;padding:0!important;float:none!important}.site-header nav a{white-space:nowrap!important;margin:0!important;padding:0!important}.site-header nav .social{display:none!important}.site-header .hamburger-click-area{display:none!important}
@media(max-width:1100px){.site-header{padding:24px 6%!important;min-height:78px!important;display:block!important}.site-header .logo-container{width:100%!important}.site-header .hamburger-click-area{display:flex!important;position:static!important;inset:auto!important;transform:none!important;width:36px!important;height:30px!important;padding:4px!important;margin:0!important;align-items:center!important;justify-content:center!important;cursor:pointer}.site-header .hamburger{position:static!important;transform:none!important;width:24px!important;height:20px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.site-header .hamburger i{display:block!important;position:static!important;width:24px!important;height:2px!important;background:#fff!important;margin:0!important;transform:none!important}.site-header .nav-container{display:none!important;width:100%!important}.site-header nav{display:none!important}body.ak-menu-open .site-header .nav-container{display:block!important}body.ak-menu-open .site-header nav{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;gap:22px!important;padding:28px 0 8px!important;width:100%!important}body.ak-menu-open .site-header nav>div{margin:0!important}.site-header nav a{font-size:15px!important}}

/* Dedicated image stage keeps navigation controls above every image size. */
.ak-lightbox{display:block;padding:0!important;isolation:isolate;background:#090909!important;color:#fff!important}
.ak-lightbox[hidden]{display:none!important}
.ak-viewer-stage{position:absolute;inset:65px 70px 80px;display:grid;place-items:center;overflow:hidden;touch-action:none;user-select:none}
.ak-lightbox .ak-viewer-image{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain;transform-origin:center;opacity:1!important;visibility:visible!important;cursor:zoom-in;grid-area:1/1;min-width:0;min-height:0}
.ak-lightbox.is-zoomed .ak-viewer-image{cursor:grab}.ak-lightbox.is-zoomed .ak-viewer-stage:active .ak-viewer-image{cursor:grabbing}
.ak-lightbox button{z-index:5!important;position:absolute!important;display:grid;place-items:center;width:44px!important;height:44px!important;min-height:44px;padding:0!important;margin:0!important;background:#202020e8!important;color:#fff!important;border:1px solid #ffffff40!important;border-radius:50%;font:26px/1 Arial,sans-serif!important;touch-action:manipulation;box-sizing:border-box;pointer-events:auto!important;transform:none!important}
.ak-lightbox button[hidden]{display:none!important}.ak-lightbox button:disabled{opacity:.35;cursor:default}.ak-lightbox button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ak-lightbox .ak-close{right:16px;top:12px}.ak-lightbox .ak-prev{left:12px;top:calc(50% - 22px)}.ak-lightbox .ak-next{right:12px;top:calc(50% - 22px)}
.ak-viewer-toolbar{position:absolute;bottom:31px;left:50%;transform:translateX(-50%);display:flex;gap:8px;align-items:center;z-index:6}
.ak-lightbox .ak-viewer-toolbar button{position:relative!important;inset:auto!important}.ak-lightbox .ak-zoom-reset{width:64px!important;font-size:13px!important;border-radius:22px}
.ak-viewer-status{position:absolute;bottom:10px;left:10px;right:10px;text-align:center;font:11px/1.4 Arial,sans-serif;color:#aaa;pointer-events:none}
@media(max-width:600px){.ak-viewer-stage{inset:62px 8px 90px}.ak-lightbox .ak-prev{left:6px}.ak-lightbox .ak-next{right:6px}.ak-lightbox .ak-close{right:10px}.ak-viewer-toolbar{bottom:35px}}

/* Edge-to-edge fitted viewer with controls overlaid on the image. */
.ak-lightbox .ak-viewer-stage{inset:0!important;width:100%;height:100%;overflow:hidden}
.ak-lightbox .ak-viewer-image{width:var(--ak-fit-w)!important;height:var(--ak-fit-h)!important;max-width:none!important;max-height:none!important;transition:transform .28s cubic-bezier(.2,.7,.2,1);will-change:transform}
.ak-lightbox.is-zoomed .ak-viewer-image{cursor:zoom-out}.ak-lightbox .ak-viewer-stage:active .ak-viewer-image{transition:none}
.ak-lightbox .ak-viewer-toolbar{display:none!important}
.ak-lightbox .ak-zoom-toggle,.ak-lightbox .ak-close{top:max(0px,env(safe-area-inset-top))!important;width:50px!important;height:60px!important;background:rgba(0,0,0,.25)!important;border:0!important;border-radius:0!important}
.ak-lightbox .ak-close{right:max(0px,env(safe-area-inset-right))!important}.ak-lightbox .ak-zoom-toggle{right:calc(50px + env(safe-area-inset-right))!important}
.ak-lightbox .ak-prev,.ak-lightbox .ak-next{width:56px!important;height:86px!important;top:calc(50% - 43px)!important;background:#0003!important;border:0!important;border-radius:0!important;font-size:40px!important}.ak-lightbox .ak-prev{left:0!important}.ak-lightbox .ak-next{right:0!important}
.ak-lightbox .ak-viewer-status{top:max(18px,env(safe-area-inset-top));bottom:auto;left:18px;right:auto;font-size:13px;color:#fff;text-shadow:0 1px 5px #000}
@media(max-width:600px){.ak-lightbox .ak-prev,.ak-lightbox .ak-next{width:44px!important;height:64px!important;top:calc(50% - 32px)!important}.ak-lightbox .ak-viewer-status{font-size:11px;max-width:calc(100% - 130px)}}
@media(prefers-reduced-motion:reduce){.ak-lightbox .ak-viewer-image{transition:none}}

/* Zoomed images pan only while held; use native hand feedback on pointer devices. */
.ak-lightbox.is-zoomed .ak-viewer-stage,.ak-lightbox.is-zoomed .ak-viewer-image{cursor:grab!important}
.ak-lightbox.is-zoomed.is-dragging .ak-viewer-stage,.ak-lightbox.is-zoomed.is-dragging .ak-viewer-image{cursor:grabbing!important}
.ak-lightbox.is-zoomed .ak-viewer-image{transition:none!important}