/* WordPress adapter: no change to v13 layout, only operational states. */
.v13-consent{display:flex;align-items:flex-start;gap:13px;margin:24px 0;color:var(--ink);font-size:15px}
.v13-consent input{width:20px;height:20px;accent-color:var(--accent);flex:0 0 auto;margin-top:3px}
.v13-form-error{color:#ffb8a6;font-size:15px;min-height:1.5em;white-space:pre-wrap}
#download-request[disabled]{opacity:.55;cursor:wait}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.screen-reader-text:focus{clip:auto;width:auto;height:auto;z-index:10000;background:#111;color:white;padding:10px}


/* 0.4.1 - Zoomable MIAR viewer. Kept separate from the approved v13 styles. */
#lightbox .lightbox-top{min-height:50px;gap:12px}
#lightbox-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#lightbox .lightbox-tools{display:flex;align-items:center;gap:6px;flex-shrink:0}
#lightbox .lightbox-tools button{min-width:38px;height:38px;padding:6px 9px;border:1px solid #555;border-radius:4px;background:#20221f;color:#fff;line-height:1;transition:background-color .18s,border-color .18s}
#lightbox .lightbox-tools button:hover:not(:disabled),#lightbox .lightbox-tools button:focus-visible{border-color:#ce773f;background:#35302b}
#lightbox .lightbox-tools button:disabled{opacity:.35;cursor:default}
#lightbox #photo-zoom-reset{font-size:13px;min-width:56px;font-variant-numeric:tabular-nums}
#lightbox #lightbox-close{margin-left:10px;padding:6px 12px;min-width:80px}
#lightbox .lightbox-viewport{flex:1 1 auto;width:auto;min-width:0;height:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;touch-action:none;cursor:zoom-in;outline-offset:-2px}
#lightbox .lightbox-viewport.is-zoomed{cursor:grab}
#lightbox .lightbox-viewport.is-zoomed:active{cursor:grabbing}
#lightbox .lightbox-stage .lightbox-viewport #lightbox-image{display:block;max-width:none;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none;will-change:transform;touch-action:none;transition:none}
@media(max-width:700px){#lightbox .lightbox-tools{gap:4px}#lightbox .lightbox-tools button{min-width:30px;height:34px;padding:4px 6px;font-size:16px}#lightbox #photo-zoom-reset{min-width:49px;font-size:12px}#lightbox #lightbox-close{min-width:60px;margin-left:3px;font-size:12px;padding:6px}#lightbox-title{font-size:12px}}

/* 0.4.2: blog image interaction; testimonial secondary location; incremental rail. */
.article-card-media{display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#202020}
.article-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;will-change:transform}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .article-card:not(.related-article):hover .article-card-media img,.article-card:not(.related-article):focus-visible .article-card-media img{transform:scale(1.05)}
}
.review-grid cite{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.45}
.review-grid .review-author{display:block;font-weight:700;color:var(--accent)}
.review-grid .review-location{display:block;font-weight:400;font-style:normal;text-transform:none;font-size:14px;color:var(--muted)}
.rail-more{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap;margin:15px 0 0;font-size:12px}

.rail-more .rail-count{color:var(--muted);font-variant-numeric:tabular-nums}
@media(max-width:700px){.rail-more{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.article-card-media img{transition:none}}



/* MIAR 0.4.8: kitchen thumbnail rail, readable labels, sharp lightbox. */
.miar-v13 .kitchen-gallery-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 14px}
.miar-v13 .kitchen-gallery-header p{margin:0;font-size:18px;font-weight:700;color:#fff}
.miar-v13 .kitchen-gallery-header p span{margin-left:10px;font-size:15px;font-weight:400;color:#fff}
.miar-v13 .kitchen-gallery-controls{display:flex;gap:10px}
.miar-v13 .kitchen-gallery-controls[hidden]{display:none!important}
.miar-v13 .kitchen-gallery-controls .btn{width:43px;height:43px;min-width:43px;border-radius:50%;padding:0;font-size:21px;line-height:1;color:#fff}
.miar-v13 .kitchen-gallery-controls .btn:disabled{opacity:.25;cursor:default}
.miar-v13 .kitchen-gallery-controls .btn:not(:disabled):is(:hover,:focus-visible){border-color:var(--accent);background:var(--accent);color:#fff}
.miar-v13 .project-gallery{--miar-photos-visible:4;--miar-photo-gap:18px;display:flex!important;align-items:stretch;gap:var(--miar-photo-gap);grid-template-columns:none!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent) #292929;padding:0 0 15px;min-width:0;-webkit-overflow-scrolling:touch}
.miar-v13 .project-gallery::-webkit-scrollbar{height:8px}
.miar-v13 .project-gallery::-webkit-scrollbar-track{background:#292929;border-radius:20px}
.miar-v13 .project-gallery::-webkit-scrollbar-thumb{background:var(--accent);border:2px solid #292929;border-radius:20px}
.miar-v13 .project-gallery .photo,.miar-v13 .project-gallery .photo:first-child{display:block;grid-column:auto!important;position:relative;min-width:0;flex:0 0 calc((100% - (var(--miar-photos-visible) - 1)*var(--miar-photo-gap))/var(--miar-photos-visible));scroll-snap-align:start;align-self:stretch;background:#1c1c1c;margin:0}
.miar-v13 .project-gallery .open-photo{display:block;width:100%;padding:0;overflow:hidden;aspect-ratio:4/3;background:#202020}
.miar-v13 .project-gallery .open-photo img{display:block;width:100%;height:100%;aspect-ratio:4/3;max-height:none;object-fit:cover;transition:transform .3s ease;filter:none!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.miar-v13 .project-gallery .open-photo:hover img{transform:scale(1.045)}}
.miar-v13 .project-gallery .photo-label{font-size:14px;padding:10px 12px;color:#fff;letter-spacing:.035em}
.miar-v13 .project-gallery .photo .save{z-index:2}
@media(min-width:1600px){.miar-v13 .project-gallery{--miar-photos-visible:5}}
@media(max-width:1199px){.miar-v13 .project-gallery{--miar-photos-visible:3;--miar-photo-gap:14px}}
@media(max-width:700px){.miar-v13 .project-gallery{--miar-photos-visible:1.6;--miar-photo-gap:12px}.miar-v13 .kitchen-gallery-header{margin-top:24px}.miar-v13 .kitchen-gallery-header p{font-size:16px}.miar-v13 .kitchen-gallery-controls .btn{width:38px;height:38px;min-width:38px}}
/* Preserve the original photo detail: do not stretch the tiny tile in the viewer. */
#lightbox .lightbox-viewport.miar-image-waiting #lightbox-image,
#lightbox .lightbox-viewport.miar-image-error #lightbox-image{visibility:hidden}
#lightbox .lightbox-viewport.miar-image-waiting::after{content:"";position:absolute;left:calc(50% - 18px);top:calc(50% - 18px);width:36px;height:36px;border:2px solid #ffffff38;border-top-color:var(--accent);border-radius:50%;animation:miar-gallery-spin .75s linear infinite;pointer-events:none}
#lightbox .lightbox-viewport.miar-image-error::after{content:"Foto laadimine ebaõnnestus";position:absolute;inset:0;display:grid;place-items:center;font-size:16px;color:#fff;pointer-events:none}
@keyframes miar-gallery-spin{to{transform:rotate(360deg)}}
/* Legible subnavigation and breadcrumb trails, across all MIAR pages. */
.miar-v13 .portfolio-bar nav{font-size:clamp(17px,1.2vw,20px);color:#fff;gap:14px 24px}
.miar-v13 .portfolio-bar nav a,.miar-v13 .selection-link{color:#fff}
.miar-v13 .portfolio-bar nav a:hover,.miar-v13 .portfolio-bar nav a.is-current{color:var(--accent)}
.miar-v13 .crumb{color:#fff;font-size:16px;line-height:1.65;gap:12px}
.miar-v13 .crumb a,.miar-v13 .crumb span{color:#fff;opacity:1}
.miar-v13 .crumb a:hover{color:var(--accent)}
.miar-v13 .intro>p,.miar-v13 .toolbar>span{color:#fff;font-size:clamp(16px,1.1vw,19px)}
/* More prominent category counts and CTAs, with arrow movement on full-card hover. */
.miar-v13 .portfolio-category .eyebrow{font-size:clamp(12px,.9vw,14px);font-weight:700;letter-spacing:.055em;line-height:1.4;color:var(--accent)}
.miar-v13 .portfolio-category .category-cta{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:clamp(16px,1.1vw,19px);line-height:1.4;font-weight:600}
.miar-v13 .portfolio-category .category-arrow{display:inline-block;color:#fff;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.miar-v13 .portfolio-category:hover .category-arrow,.miar-v13 .portfolio-category:focus-visible .category-arrow{transform:translateX(9px)}
.miar-v13 .portfolio-category h2{color:#fff}
@media(max-width:700px){.miar-v13 .portfolio-bar nav{font-size:16px;gap:10px 16px}.miar-v13 .crumb{font-size:15px;gap:8px}.miar-v13 .portfolio-category .eyebrow{font-size:12px}.miar-v13 .portfolio-category .category-cta{font-size:16px}}
@media(prefers-reduced-motion:reduce){.miar-v13 .project-gallery{scroll-behavior:auto}.miar-v13 .portfolio-category .category-arrow,#lightbox .lightbox-viewport.miar-image-waiting::after{animation:none;transition:none}}

.miar-v13 .project-gallery{cursor:grab;user-select:none;touch-action:pan-x pan-y}
.miar-v13 .project-gallery.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.miar-v13 .project-gallery img{-webkit-user-drag:none}

/* 0.6: real image bounds for pointer targeting; no text selection on viewer controls. */
#lightbox .lightbox-stage .lightbox-viewport #lightbox-image{pointer-events:auto;flex:none;max-width:none;object-fit:fill;cursor:zoom-in}
#lightbox .lightbox-viewport{cursor:default}#lightbox .is-zoomed #lightbox-image{cursor:grab}
#lightbox button,#lightbox img,#lightbox .lightbox-viewport{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
#lightbox button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#lightbox-thumbs{position:relative;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;touch-action:pan-x}
#lightbox-thumbs::-webkit-scrollbar{display:none}
.thumb-scroll-track{height:3px;margin:7px auto 0;width:100%;max-width:950px;background:#ffffff26;border-radius:3px;overflow:hidden}.thumb-scroll-track span{display:block;height:100%;background:var(--accent);border-radius:3px}.thumb-scroll-track[hidden]{display:none}
.rail-more{margin-top:7px;min-height:0;color:var(--muted);font-size:12px}.rail-controls button:disabled{opacity:.35;cursor:default}