/* Lodge page specific styles */

/* Diagonal stripe pattern for blocked/unavailable date cells (matches reference) */
@keyframes none {}  /* anchor rule */
.lodge-cal-stripes {
    background-image: repeating-linear-gradient(
        135deg,
        rgba(148, 163, 184, 0.13) 0px,
        rgba(148, 163, 184, 0.13) 4px,
        transparent 4px,
        transparent 8px
    );
}

.lodge-hero-bg {
    background-image: url('https://lh3.googleusercontent.com/aida/AP1WRLtxzANGqZdLp15lk0mqItEleCKLNlnLTRpguAqQ1PcbCGv-7SSyDaZqNFWquWtQnnidB6oTA7ZMUXVTB3bgwdvyT5Eav2DA218RcAIToyaVk33tWKV3YUs_g6OuqTqqvPgSAxjnGuLmHYNuWRJO9vIgfEMMn3UvW3HalqceLvg75bE9fI-cn0VLMLQLVH2q3H-2ouT9Li8_g4TYTocMGQ15wuJ9Koxo3b2vLs2VNFlgJXik1t6ypehXQpA');
}

.lodge-page .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}

/* Lodge VRBO calendar legend swatches — same colors as /vrbo-calendar */
#lodgeCalendar {
    --lodge-cal-booked-bg: #fee2e2;
    --lodge-cal-booked-border: #fca5a5;
    --lodge-cal-today-bg: #dbeafe;
    --lodge-cal-today-border: #93c5fd;
    --lodge-cal-border: #e5e7eb;
}

#lodgeCalendar .lodge-cal-swatch {
    width: 1rem;
    height: 1rem;
    border-radius: 0.25rem;
    border: 1px solid var(--lodge-cal-border);
}

#lodgeCalendar .lodge-cal-swatch.available {
    background: #c6efd4;
    border-color: #1b3022;
}

#lodgeCalendar .lodge-cal-swatch.booked {
    background: var(--lodge-cal-booked-bg);
    border-color: var(--lodge-cal-booked-border);
}

/* tentative swatch = same as booked */
#lodgeCalendar .lodge-cal-swatch.tentative {
    background: var(--lodge-cal-booked-bg);
    border-color: var(--lodge-cal-booked-border);
}

/* blocked swatch = diagonal stripe on stone */
#lodgeCalendar .lodge-cal-swatch.blocked {
    background-color: #e5e7eb;
    background-image: repeating-linear-gradient(
        135deg,
        rgba(148, 163, 184, 0.25) 0px,
        rgba(148, 163, 184, 0.25) 4px,
        transparent 4px,
        transparent 8px
    );
    border-color: #d1d5db;
}

#lodgeCalendar .lodge-cal-swatch.today {
    background: var(--lodge-cal-today-bg);
    border-color: var(--lodge-cal-today-border);
}

/* Lodge calendar day cells — status colors (same as legend / vrbo-calendar) */
#lodgeCalendar .lodge-cal-cell.lodge-cal-available {
    background: #d3e8d5;
    color: #1b3022;
}

#lodgeCalendar .lodge-cal-cell.lodge-cal-available:hover {
    filter: brightness(0.97);
}

#lodgeCalendar .lodge-cal-cell.lodge-cal-past {
    background: transparent;
    color: #bfc1c9;
    font-weight: 400;
}

#lodgeCalendar .lodge-cal-cell.lodge-cal-past:hover {
    filter: none;
}

#lodgeCalendar #lodgeCalPrev:disabled {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
}

#lodgeCalendar .lodge-cal-cell.lodge-cal-booked {
    background-color: #f1f3f4;
    background-image: repeating-linear-gradient(
        135deg,
        rgba(148, 163, 184, 0.13) 0px,
        rgba(148, 163, 184, 0.13) 4px,
        transparent 4px,
        transparent 8px
    );
    border: 1px solid #d1d5db;
    color: #9ca3af;
    font-weight: 500;
    cursor: not-allowed;
}

/* tentative cell = same visual as booked */
#lodgeCalendar .lodge-cal-cell.lodge-cal-tentative {
    background-color: #f1f3f4;
    background-image: repeating-linear-gradient(
        135deg,
        rgba(148, 163, 184, 0.13) 0px,
        rgba(148, 163, 184, 0.13) 4px,
        transparent 4px,
        transparent 8px
    );
    border: 1px solid #d1d5db;
    color: #9ca3af;
    font-weight: 500;
    cursor: not-allowed;
}

/* blocked cell = diagonal stripe on muted stone (matches reference design) */
#lodgeCalendar .lodge-cal-cell.lodge-cal-blocked {
    background-color: #f1f3f4;
    background-image: repeating-linear-gradient(
        135deg,
        rgba(148, 163, 184, 0.13) 0px,
        rgba(148, 163, 184, 0.13) 4px,
        transparent 4px,
        transparent 8px
    );
    border: 1px solid #d1d5db;
    color: #9ca3af;
    font-weight: 500;
    cursor: not-allowed;
}

#lodgeCalendar .lodge-cal-cell.lodge-cal-today {
    box-shadow: inset 0 0 0 2px #93c5fd;
    font-weight: 700;
}

#lodgeCalendar .lodge-cal-cell.lodge-cal-today.lodge-cal-available {
    background: #c6efd4;
    color: #1b3022;
}

#lodgeCalendar .lodge-cal-day {
    font-weight: 400;
    line-height: 1.25rem;
    min-height: 1.25rem;
}

#lodgeCalendar .lodge-cal-status,
#lodgeCalendar .lodge-cal-rate {
    font-size: 10px;
    font-weight: 600;
    line-height: 1.1;
    min-height: 0.75rem;
    opacity: 0.92;
}

#lodgeCalendar .lodge-cal-cell.lodge-cal-past .lodge-cal-status,
#lodgeCalendar .lodge-cal-cell.lodge-cal-past .lodge-cal-rate {
    opacity: 0.55;
}