/* ================================================================
   Plazas Barracuda Buceo — Frontend Calendar
   ================================================================ */

.bbp-section {
    font-family: Arial, Helvetica, sans-serif;
    background: transparent;
    padding: 30px 0 50px;
    text-align: left;
}

/* ── Section title ─────────────────────────────────────────────── */

.bbp-section-title {
    text-align: center;
    font-size: 0.85em;
    font-weight: bold;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #222222;
    margin: 0 0 40px;
    padding-bottom: 14px;
    border-bottom: 1px solid #ddd;
}

/* ── Month block ─────────────────────────────────────────────────── */

.bbp-month {
    margin-bottom: 50px;
}

/* Month heading */
.bbp-month-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 1.8em !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    color: #ff6600 !important;
    margin: 0 0 8px !important;
    letter-spacing: 1px !important;
    line-height: 1.2 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Orange wave SVG */
.bbp-wave {
    display: inline-block;
    flex-shrink: 0;
    width: 32px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 24'%3E%3Cpath d='M1 5 Q6 1 12 5 Q18 9 24 5 Q30 1 36 5 Q42 9 43 5' stroke='%23ff6600' stroke-width='2.2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M1 12 Q6 8 12 12 Q18 16 24 12 Q30 8 36 12 Q42 16 43 12' stroke='%23ff6600' stroke-width='2.2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M1 19 Q6 15 12 19 Q18 23 24 19 Q30 15 36 19 Q42 23 43 19' stroke='%23ff6600' stroke-width='2.2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

/* ── Table wrapper ──────────────────────────────────────────────── */

.bbp-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* ── Calendar table — reset ALL theme table overrides ───────────── */

.bbp-calendar,
.bbp-calendar thead,
.bbp-calendar tbody,
.bbp-calendar tfoot,
.bbp-calendar tr,
.bbp-calendar th,
.bbp-calendar td {
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.bbp-calendar {
    border-collapse: separate !important;
    border-spacing: 3px !important;
    table-layout: fixed !important;
    width: 100% !important;
    background: transparent !important;
}

/* Reset alternating row backgrounds the theme may apply */
.bbp-calendar tbody tr,
.bbp-calendar tbody tr:nth-child(odd),
.bbp-calendar tbody tr:nth-child(even) {
    background: transparent !important;
}

/* ── Header row ─────────────────────────────────────────────────── */

.bbp-calendar thead tr,
.bbp-calendar thead tr:nth-child(odd),
.bbp-calendar thead tr:nth-child(even) {
    background: transparent !important;
}

.bbp-calendar thead th {
    background: #1a1a1a !important;
    color: #ffffff !important;
    font-size: 0.6em !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    padding: 8px 2px !important;
    border: none !important;
}

/* ── Empty cells ────────────────────────────────────────────────── */

.bbp-calendar td.bbp-cell--empty {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* ── Active cells ───────────────────────────────────────────────── */

.bbp-calendar td.bbp-cell--available,
.bbp-calendar td.bbp-cell--completo {
    background: #111111 !important;
    padding: 14px 6px 12px !important;
    text-align: center !important;
    vertical-align: middle !important;
    border: none !important;
}

/* Day number */
.bbp-calendar td .bbp-cell__num {
    display: block;
    font-size: 2.6em;
    font-weight: 900;
    color: #ff6600;
    line-height: 1;
    margin-bottom: 4px;
}

/* Month label inside cell */
.bbp-calendar td .bbp-cell__month {
    display: block;
    font-size: 0.85em;
    color: #ff6600;
    font-weight: 600;
    margin-bottom: 4px;
    text-transform: capitalize;
}

/* Plazas / COMPLETO */
.bbp-calendar td .bbp-cell__status {
    display: block;
    font-size: 0.85em;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    white-space: nowrap;
}

.bbp-calendar td.bbp-cell--completo .bbp-cell__status {
    color: #ff6600;
}

/* ── Responsive ─────────────────────────────────────────────────── */

@media (max-width: 600px) {
    .bbp-section {
        padding: 20px 0 30px;
    }
    .bbp-calendar {
        min-width: 420px !important;
    }
    .bbp-calendar td .bbp-cell__num {
        font-size: 1.5em;
    }
}