/* ===================================================================
   Collection Portal - light refresh
   Paste this into the event's Custom CSS area.

   What this does: nothing here changes any colours, layout, or text.
   It just softens hard edges, adds subtle shadows and smoother
   hover/focus states, and tidies up spacing a touch - so it feels a
   bit more current without changing the look and feel your clients
   are used to.
   =================================================================== */

/* Smoother text rendering - makes fonts look a touch crisper on screen */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Give the header and footer banners a soft edge instead of a hard cut-off */
.brand-header img,
.brand-footer img {
    border-radius: 4px;
}

/* Add a very light shadow under the nav bar so it lifts off the page slightly */
.navbar.navbar-inverse {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
    border: none;
}

/* Round the corners on buttons and give them a gentle hover lift -
   no colour change, just a soft shadow and a tiny nudge upward */
.btn,
.btn-default,
.btn-action {
    border-radius: 4px;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.btn:hover,
.btn-default:hover,
.btn-action:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
}

/* Round the corners on text fields and search boxes, and add a soft
   glow on focus so it's clear what field you're typing into */
.form-control,
input[type="text"],
textarea {
    border-radius: 4px;
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.form-control:focus,
input[type="text"]:focus,
textarea:focus {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}

/* Round the pop-up (the "Optional Note" collection modal) and give it
   a bit more breathing room so it doesn't feel so boxy */
.modal-content {
    border-radius: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    border: none;
}

/* Slightly more relaxed heading spacing */
h2 {
    letter-spacing: 0.2px;
    margin-bottom: 16px;
}

/* Give search results a touch more breathing room between rows,
   and a very faint stripe so long lists are easier to scan */
#searchResult table tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.02);
}

#searchResult table td,
#searchResult table th {
    padding-top: 8px;
    padding-bottom: 8px;
}

/* Sponsor Portal - New Booking page: hide the "Type" row entirely.
   This only hides it visually - the dropdown is still there behind
   the scenes, and the script that ticks "Standard" and loads the
   Sponsor Package list still runs exactly the same. Choosing a
   Sponsor Package is completely unaffected. */
.form-group:has(#Construction) {
    display: none;
}

/* Sponsor Portal - login page "Sponsorship Opportunities" table:
   hide the empty size column (the "m x m (m²)" text) and let the
   package name and amount space out cleanly across the row instead. */
#availableStands .header-row,
#availableStands .result-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#availableStands .col-xs-6 {
    display: none;
}