/* HRAVIRIR.AM — ընդհանուր տարրեր. լեզվի/երաժշտության կոճակներ, «Օրինակ» կոճակ, անիմացիաներ
   Գույները վերցվում են դիզայնի --k-bg, --k-ink, --k-accent փոփոխականներից */
.k-fabs { position: fixed; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); z-index: 90; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.k-langs, .k-music, .k-demo {
  background: color-mix(in srgb, var(--k-bg, #fff) 80%, transparent); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border: 1px solid color-mix(in srgb, var(--k-ink, #222) 18%, transparent); box-shadow: 0 8px 22px -10px rgba(0,0,0,.4);
}
.k-fabs { opacity: .88; }
.k-langs { display: flex; flex-direction: column; padding: 3px; border-radius: 999px; gap: 1px; }
.k-langs button { width: 36px; height: 30px; border: 0; border-radius: 999px; background: transparent; color: var(--k-ink, #222); font: 11px/1 var(--k-font, serif); letter-spacing: .1em; cursor: pointer; opacity: .7; }
.k-langs button.on { background: var(--k-accent, #222); color: var(--k-bg, #fff); opacity: 1; }
/* փակ վիճակում երևում է միայն ընտրված լեզուն, որ կոճակները չծածկեն տեքստը. սեղմելիս բացվում են մյուսները */
.k-langs:not(.open) button:not(.on) { display: none; }
.k-langs:not(.open) button.on { width: 34px; height: 34px; }
.k-music { width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: flex-end; justify-content: center; gap: 3px; padding-bottom: 12px; cursor: pointer; color: var(--k-ink, #222); }
.k-music i { width: 3px; height: 6px; background: currentColor; border-radius: 2px; }
.k-music.on i { animation: k-eq 1s ease-in-out infinite; }
.k-music.on i:nth-child(2) { animation-delay: -.3s; } .k-music.on i:nth-child(3) { animation-delay: -.6s; } .k-music.on i:nth-child(4) { animation-delay: -.15s; }
@keyframes k-eq { 0%, 100% { height: 5px; } 50% { height: 17px; } }
.k-demo { position: fixed; left: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); z-index: 90; display: flex; gap: 4px; padding: 4px; border-radius: 999px; }
.k-demo a { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border-radius: 999px; text-decoration: none; color: var(--k-ink, #222); font: 13px/1 var(--k-font, serif); }
.k-demo a.go { background: #1d1a17; color: #f3dc9e; }
.rv { opacity: 0; transform: translateY(26px); transition: opacity 1s ease, transform 1s cubic-bezier(.2,.7,.2,1); }
.rv.in { opacity: 1; transform: none; }
.rv.d1 { transition-delay: .12s; } .rv.d2 { transition-delay: .24s; } .rv.d3 { transition-delay: .36s; }
html.preview .rv { opacity: 1; transform: none; }
html.preview { scrollbar-width: none; } html.preview::-webkit-scrollbar { display: none; }
@media (prefers-reduced-motion: reduce) { .rv { opacity: 1; transform: none; transition: none; } }
/* մատիտային գծանկարներ (core/sketch.js)՝ «նկարվում» են, երբ հայտնվում են էկրանին */
.draw path, .draw rect, .draw circle, .draw line { fill: none; stroke: var(--sk-ink, #3b3b3b); stroke-width: 1; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 2.6s cubic-bezier(.45,0,.25,1); }
.draw .p2 { stroke-opacity: .42; stroke-width: .8; transition-delay: .25s; }
.draw .h { stroke: var(--sk-soft, #8f8f8f); stroke-width: .55; transition-delay: .9s; transition-duration: 2s; }
.draw.in path, .draw.in rect, .draw.in circle, .draw.in line, html.preview .draw * { stroke-dashoffset: 0; }
.draw.rv { opacity: 1; transform: none; }
/* թեմատիկ զարդ՝ ծրագրի/վայրի կետերի վերևում (երբ լուսանկար չկա) */
.pic.ico, .ico { width: 92px !important; max-width: 92px; margin: 0 auto 8px !important; }
.pic.ico svg, .ico svg { width: 100%; height: auto; display: block; overflow: visible; }
/* ծրագրի կետի պատկերակ (տուն / եկեղեցի / սրահ)՝ K.evIcon */
.evi { display: block; width: 64px !important; height: 64px; margin: 0 auto; color: var(--k-accent, #333); }
.pic.ico:has(.evi), .ico:has(.evi) { width: 70px !important; max-width: 70px; }
/* զույգի գլխավոր լուսանկար և լուսանկարների բաժին (K.photo / K.gallery) */
.k-photo { width: min(68vw, 280px); aspect-ratio: 3 / 4; margin: 26px auto 0; border-radius: 150px 150px 10px 10px; overflow: hidden;
  box-shadow: 0 0 0 6px var(--k-bg, #fff), 0 0 0 7px color-mix(in srgb, var(--k-accent, #333) 55%, transparent), 0 26px 40px -24px rgba(0,0,0,.45); }
.k-photo img, .k-gal-s img { width: 100%; height: 100%; object-fit: cover; display: block; }
.k-gal { text-align: center; padding: 56px 0 !important; overflow: hidden; }
.k-gal-s { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 6px 24px 8px; scrollbar-width: none; }
.k-gal-s::-webkit-scrollbar { display: none; }
.k-gal-s div { flex: 0 0 64%; max-width: 300px; aspect-ratio: 3 / 4; border-radius: 10px; overflow: hidden; scroll-snap-align: center; box-shadow: 0 16px 28px -20px rgba(0,0,0,.5); }
@media (min-width: 700px) { .k-gal-s { justify-content: center; } .k-gal-s div { flex-basis: 240px; } }

/* հրավերի ներքևի հղում՝ HRAVIRIR լոգոյով */
.k-brand { display: inline-flex; align-items: center; gap: .45em; text-decoration: none; }
.k-logo { width: 2.1em; height: 2.1em; flex: none; }