/* Gemla Padel & Gym – kundspecifika block */

/* Live-schema */
.gpog-schema { background: var(--yta-mork); border: 1px solid var(--linje); border-radius: 28px; padding: clamp(16px, 2vw, 28px); }
.gpog-schema-topp { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.gpog-schema-topp > p { margin: 0; }
.gpog-live { display: flex; align-items: center; gap: 10px; color: var(--accent-text); }
.gpog-live .byra-prick { animation: gpog-puls 2s ease-in-out infinite; }
@keyframes gpog-puls { 50% { box-shadow: 0 0 2px var(--accent); opacity: .55; } }
.gpog-uppdaterad { color: var(--text-3); }
.gpog-dagar { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; }
.gpog-dag { background: var(--yta); border: 1px solid var(--linje); border-radius: 16px; padding: 14px; min-height: 200px; display: flex; flex-direction: column; gap: 8px; }
.gpog-dag.is-idag { border-color: var(--accent); background: rgba(99,102,241,.08); }
.gpog-dn { color: var(--text-3); font-size: 11px; }
.gpog-dag.is-idag .gpog-dn { color: var(--accent-text); }
.gpog-dd { font-weight: 800; font-size: 16px; }
.gpog-inga { color: var(--text-4); font-size: 14px; }
.gpog-pass { background: var(--bas); border: 1px solid var(--linje); border-radius: 12px; padding: 11px; display: flex; flex-direction: column; gap: 2px; }
.gpog-pass.is-installt { opacity: .6; }
.gpog-tid { font-family: var(--f-mono); font-size: 15px; font-variant-numeric: tabular-nums; }
.gpog-namn { font-weight: 800; }
.gpog-plats { font-size: 13px; color: var(--text-3); }
.gpog-kvar { font-family: var(--f-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--accent-text); margin-top: 4px; }
.gpog-kvar.is-slut { color: #F0A0A8; }
.gpog-tomt { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 14px; align-items: flex-start; padding: 12px 4px; color: var(--text-2); }
.gpog-tomt p { margin: 0; }
@media (max-width: 1100px) { .gpog-dagar { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 640px) {
	.gpog-dagar { grid-template-columns: 1fr; gap: 8px; }
	.gpog-dag { min-height: 0; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 12px 14px; }
	.gpog-pass { flex-basis: 100%; }
}

/* App-illustration */
.gpog-telefon-scen { position: relative; min-height: 680px; border-radius: 36px; background: var(--yta-mork); border: 1px solid var(--linje); overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 40px 16px; box-sizing: border-box; }
.gpog-telefon-scen::before { content: ""; position: absolute; width: 440px; max-width: 90%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(99,102,241,.25) 0%, rgba(99,102,241,0) 70%); }
.gpog-telefon { position: relative; width: 300px; max-width: 100%; height: 600px; border-radius: 46px; background: #0B0D14; border: 10px solid #1C1F2E; box-shadow: 0 40px 80px rgba(0,0,0,.6); padding: 36px 18px 18px; display: flex; flex-direction: column; gap: 12px; box-sizing: border-box; }
.gpog-telefon > small { color: var(--text-3); font-size: 13px; }
.gpog-telefon-namn { font-size: 21px; font-weight: 800; }
.gpog-kort { background: #161927; border-radius: 16px; padding: 14px 16px; }
.gpog-kort small { display: block; color: var(--text-3); font-size: 12px; }
.gpog-kort small.is-accent { color: var(--accent-text); margin-top: 2px; }
.gpog-kort b { font-size: 15px; }
.gpog-las { height: 66px; border-radius: 16px; background: var(--accent); color: #fff; font-weight: 800; font-size: 17px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 0; cursor: pointer; font-family: var(--f-body); transition: background-color .2s; }
.gpog-las.open { background: #1F9D6B; }
.gpog-flikar { margin-top: auto; display: flex; justify-content: space-around; padding-top: 12px; border-top: 1px solid #23263A; }
.gpog-flikar span { width: 22px; height: 22px; border-radius: 6px; background: #2A2E42; }
.gpog-flikar span:first-child { background: var(--accent); }
@media (max-width: 900px) { .gpog-telefon-scen { min-height: 620px; } }