/* Náhľad formulára v nastaveniach podniku (/admin/<slug>/nahlad v iframe)
   a ukážka Google recenzií. Načíta sa len v náhľade. */

/* Náhľad je „telefón“ — bez posuvníka (posúva sa kolieskom/ťahaním)
   a na počítači s myšou kurzor ako dotyk prsta namiesto šípky/ruky. */
html.is-preview, html.is-preview * { scrollbar-width: none; }
html.is-preview::-webkit-scrollbar, html.is-preview *::-webkit-scrollbar { display: none; }
@media (hover: hover) and (pointer: fine) {
    html.is-preview, html.is-preview * {
        cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ccircle cx='16' cy='16' r='13' fill='rgba(120,120,120,.35)' stroke='rgba(255,255,255,.9)' stroke-width='2'/%3E%3C/svg%3E") 16 16, pointer !important;
    }
}
.pv-google {
    position: fixed; inset: 0; z-index: 50; display: flex; flex-direction: column;
    background: #e8eaed; font-family: Roboto, Arial, sans-serif; color: #202124;
    animation: pvIn .28s ease both;
}
.pv-google[hidden] { display: none; }
@keyframes pvIn { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.pv-g-map {
    flex: 1; min-height: 120px; position: relative;
    background:
        linear-gradient(90deg, rgba(255,255,255,.75) 2px, transparent 2px) 0 0 / 46px 46px,
        linear-gradient(rgba(255,255,255,.75) 2px, transparent 2px) 0 0 / 46px 46px,
        linear-gradient(35deg, transparent 46%, #fdd663 46%, #fdd663 54%, transparent 54%),
        radial-gradient(circle at 70% 30%, #c8e6c9 0 18%, transparent 19%),
        #dfe3e8;
}
.pv-g-pin {
    position: absolute; left: 50%; top: 48%; width: 26px; height: 26px; margin: -26px 0 0 -13px;
    background: #ea4335; border-radius: 50% 50% 50% 0; transform: rotate(-45deg);
    box-shadow: 0 4px 10px rgba(0,0,0,.25);
}
.pv-g-pin::after { content: ""; position: absolute; inset: 8px; border-radius: 50%; background: #a50e0e; }
.pv-g-top {
    position: absolute; top: 12px; left: 12px; right: 12px; display: flex; align-items: center; gap: 10px;
    background: #fff; border-radius: 999px; padding: 9px 14px; box-shadow: 0 2px 6px rgba(0,0,0,.2); font-size: 14px;
}
.pv-g-back { border: 0; background: none; font-size: 18px; cursor: pointer; color: #5f6368; padding: 0 4px; }
.pv-g-logo { font-weight: 700; letter-spacing: -.02em; }
.pv-g-logo span:nth-child(1) { color: #4285f4; } .pv-g-logo span:nth-child(2) { color: #ea4335; }
.pv-g-logo span:nth-child(3) { color: #fbbc05; } .pv-g-logo span:nth-child(4) { color: #4285f4; }
.pv-g-logo span:nth-child(5) { color: #34a853; } .pv-g-logo span:nth-child(6) { color: #ea4335; }
.pv-g-sheet {
    background: #fff; border-radius: 22px 22px 0 0; padding: 18px 20px 22px;
    box-shadow: 0 -4px 18px rgba(0,0,0,.12);
}
.pv-g-handle { width: 36px; height: 4px; border-radius: 4px; background: #dadce0; margin: 0 auto 14px; }
.pv-g-name { font-size: 19px; font-weight: 500; }
.pv-g-meta { font-size: 13px; color: #5f6368; margin-top: 2px; }
.pv-g-user { display: flex; align-items: center; gap: 10px; margin-top: 16px; }
.pv-g-avatar { width: 34px; height: 34px; border-radius: 50%; background: #1a73e8; color: #fff; display: grid; place-items: center; font-weight: 600; }
.pv-g-user strong { display: block; font-size: 14px; font-weight: 500; }
.pv-g-user small { font-size: 12px; color: #5f6368; }
.pv-g-stars { --stars5-off: #dadce0; margin-top: 14px; display: flex; justify-content: center; }
.pv-g-text {
    margin-top: 12px; min-height: 76px; padding: 12px 14px; border: 1px solid #dadce0; border-radius: 8px;
    font-size: 14px; line-height: 1.45; white-space: pre-line; overflow-wrap: anywhere;
}
.pv-g-text.is-empty { color: #80868b; }
.pv-g-actions { display: flex; justify-content: flex-end; gap: 18px; margin-top: 14px; font-size: 14px; font-weight: 500; color: #1a73e8; }
.pv-g-post { background: #1a73e8; color: #fff; border-radius: 999px; padding: 8px 20px; }
.pv-g-note { margin-top: 14px; font-size: 11.5px; color: #5f6368; text-align: center; background: #f1f3f4; border-radius: 10px; padding: 8px 10px; }

/* Päť hviezdičiek (templates/_stars.html) — rovnaký tvar všade. */
.stars5 { display: inline-flex; gap: calc(var(--stars5-size, 1em) * .18); vertical-align: middle; line-height: 0; }
.stars5 svg { width: var(--stars5-size, 1em); height: var(--stars5-size, 1em); display: block; }
.stars5 .on { fill: var(--stars5-on, var(--star, #f2a832)); }
.stars5 .off { fill: var(--stars5-off, var(--line-strong, #3a3a3a)); }