/*
 * Víkingur 26: the calendar page (page-dagatal.php). The calendar is the
 * event calendar plugin's (its calendar.css and calendar.js, v1.0.15); this
 * file puts it in the design: the plugin's colour variables set to the
 * design's tokens, then type, tags, buttons and the month grid after the
 * design's EventRow, Tag and Button (components.css). Every rule is scoped
 * .vik-cal .vec so it outweighs the plugin's own, whatever the load order.
 * Each type keeps its own colour (--vec-color) for its date and tag.
 */

.vik-cal{padding-top:40px}
.vik-cal .vec{--vec-red:var(--vik-astrida);--vec-blue:var(--ink);--vec-ink:var(--ink);--vec-muted:var(--text-secondary);--vec-line:var(--border-hairline);--vec-bg:var(--white);--vec-soft:var(--gray-50);--vec-radius:var(--radius-card);font-family:var(--font-body);color:var(--ink)}
.vik-cal__none{margin:0;font-size:var(--body-lg);color:var(--text-secondary)}

/* ── Search, views, filters, subscribe ── */
.vik-cal .vec__search-input{height:52px;padding-left:46px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:16px}
.vik-cal .vec__search-input:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);outline:none}
.vik-cal .vec__views{padding:3px;border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--white)}
.vik-cal .vec__view-btn{padding:9px 16px;border-radius:2px;font-family:var(--font-condensed);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}
.vik-cal .vec__view-btn.is-active{background:var(--ink);color:#fff;box-shadow:none}
.vik-cal .vec__pill{padding:9px 14px;border-radius:var(--radius-sm);border-color:var(--border-hairline);font-family:var(--font-condensed);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.vik-cal .vec__pill:hover{border-color:var(--ink)}
.vik-cal .vec__pill.is-active{border-color:var(--ink);background:var(--ink);color:#fff}
.vik-cal .vec__subscribe{min-height:44px;padding:0 18px;border:1px solid var(--black);border-radius:var(--radius-pill);font-family:var(--font-condensed);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.vik-cal .vec__count{font-family:var(--font-condensed);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}

/* ── The list: months, then the design's EventRow ── */
.vik-cal .vec__month{margin:56px 0 0;padding:0 0 14px;border-bottom:2px solid var(--ink);font-family:var(--font-display);font-weight:900;font-size:clamp(32px,3.4vw,48px);line-height:.9;letter-spacing:0;text-transform:uppercase;color:var(--ink)}
.vik-cal .vec__month:first-child{margin-top:16px}
.vik-cal .vec__card{grid-template-columns:72px minmax(0,1fr) auto minmax(0,220px) auto;column-gap:28px;padding:20px 16px;border-bottom:1px solid var(--border-hairline)}
.vik-cal .vec__card:hover{background:var(--gray-50)}
.vik-cal .vec__date-day{font-family:var(--font-display);font-weight:900;font-size:44px;line-height:.85;color:var(--vec-color,var(--ink))}
.vik-cal .vec__date-mon{margin-top:6px;font-family:var(--font-condensed);font-weight:700;font-size:12px;letter-spacing:.08em;color:var(--text-secondary)}
.vik-cal .vec__tag{font-family:var(--font-condensed);font-weight:700;font-size:12px;letter-spacing:.08em;color:var(--vec-color,var(--text-secondary))}
.vik-cal .vec__badge{padding:3px 7px;border-radius:var(--radius-sm);font-family:var(--font-condensed);font-size:11px;letter-spacing:.08em}
.vik-cal .vec__badge--cancelled{background:var(--vik-astrida);color:#fff}
.vik-cal .vec__badge--postponed{background:var(--ink);color:#fff}
.vik-cal .vec .vec__title{margin:4px 0 0;font-family:var(--font-condensed);font-weight:700;font-size:22px;line-height:1.1;text-transform:uppercase;color:var(--ink);overflow-wrap:break-word}
.vik-cal .vec__score{margin-left:10px;padding:2px 8px;border-radius:var(--radius-sm);background:var(--ink);font-family:var(--font-display);font-weight:900;font-size:18px;vertical-align:middle}
.vik-cal .vec__info-item{font-size:15px;color:var(--text-secondary)}
.vik-cal .vec__info-item a{color:var(--ink)}
.vik-cal .vec__btn{min-height:40px;padding:0 16px;border:1px solid var(--black);border-radius:var(--radius-pill);font-family:var(--font-condensed);font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.vik-cal .vec__btn--primary{border-color:var(--action-primary);background:var(--action-primary);color:#fff}
.vik-cal .vec__btn--primary span{color:#fff}
.vik-cal .vec__btn--primary:hover{border-color:var(--action-primary-hover);background:var(--action-primary-hover)}
.vik-cal .vec__btn--ghost{border-color:var(--border-hairline);color:var(--ink)}
.vik-cal .vec__btn--ghost:hover{border-color:var(--ink);background:var(--white)}
.vik-cal .vec__menu{border:1px solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-lift)}
.vik-cal .vec__empty{padding:56px 0;font-size:var(--body-lg);text-align:left;color:var(--text-secondary)}

/* ── Subscribe dialog ── */
.vik-cal .vec__modal{border-radius:var(--radius-card)}
.vik-cal .vec__modal-title{font-family:var(--font-display);font-weight:900;font-size:36px;line-height:.9;text-transform:uppercase}
.vik-cal .vec__modal .vec__btn--primary{border-color:var(--action-primary);background:var(--action-primary)}
.vik-cal .vec__copyinput{height:44px;border:1px solid var(--border-strong);border-radius:var(--radius-sm)}

/* ── The month view (FullCalendar) ── */
.vik-cal .vec__calendar{--fc-today-bg-color:var(--red-50)}
.vik-cal .vec .fc .fc-toolbar-title{font-family:var(--font-display);font-weight:900;font-size:clamp(32px,3.4vw,48px);line-height:.9;text-transform:uppercase}
.vik-cal .vec .fc .fc-button{min-height:40px;padding:0 14px;border-color:var(--border-hairline);border-radius:var(--radius-sm);font-family:var(--font-condensed);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.vik-cal .vec .fc .fc-button:hover{border-color:var(--ink);background:var(--white)}
.vik-cal .vec .fc .fc-button-group>.fc-button{border-radius:var(--radius-sm)}
.vik-cal .vec .fc .fc-col-header-cell-cushion{font-family:var(--font-condensed);font-size:12px;letter-spacing:.08em;color:var(--text-secondary)}
.vik-cal .vec .fc .fc-daygrid-day-number{font-family:var(--font-condensed);font-weight:700;font-size:15px}
.vik-cal .vec .fc .fc-day-today .fc-daygrid-day-number{border-radius:var(--radius-sm);background:var(--vik-astrida)}
.vik-cal .vec .fc-daygrid-event{border-radius:2px;font-family:var(--font-body);font-weight:600}
.vik-cal .vec .fc-popover{border-radius:var(--radius-md);border-color:var(--border-hairline);box-shadow:var(--shadow-lift)}

@media (max-width:768px){
	.vik-cal .vec__card{grid-template-columns:56px minmax(0,1fr);column-gap:16px;padding:16px 0}
	.vik-cal .vec__date{flex-direction:column;align-items:center}
	.vik-cal .vec__date-day{font-size:36px}
	.vik-cal .vec__date-mon{margin-top:4px}
	.vik-cal .vec .vec__title{font-size:20px}
}
@media (max-width:640px){
	.vik-cal{padding-top:24px}
	.vik-cal .vec__month{margin-top:40px}
}