JezK

Edit File: admin-style.css

/* ============================================
   BOOKING FOLLOW-UP — PROFESSIONAL ADMIN UI
============================================ */

.baf-admin {
    margin-top: 20px;
}

/* ================= HEADER ================= */

.baf-header {
    background: linear-gradient(135deg, #1e3a8a, #2563eb);
    padding: 30px 35px;
    border-radius: 12px;
    color: #ffffff;
    margin-bottom: 25px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

.baf-header h1 {
    margin: 0;
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
}

.baf-header p {
    margin-top: 8px;
    font-size: 14px;
    opacity: 0.9;
}

/* ================= STAT CARDS ================= */

.baf-stats {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

.baf-stat-card {
    flex: 1;
    background: #ffffff;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.baf-stat-card span {
    display: block;
    font-size: 13px;
    color: #6b7280;
    margin-bottom: 8px;
}

.baf-stat-card strong {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

/* ================= SECTION TITLES ================= */

.baf-admin h2 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #111827;
}

/* ================= TABLE DESIGN ================= */

.baf-admin .widefat {
    border-radius: 12px;
    overflow: hidden;
    border: none;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.baf-admin .widefat thead {
    background: #f3f4f6;
}

.baf-admin .widefat thead th {
    padding: 14px 16px;
    font-weight: 600;
    font-size: 13px;
    color: #374151;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.baf-admin .widefat tbody td {
    padding: 14px 16px;
    font-size: 14px;
    color: #374151;
    border-top: 1px solid #f1f5f9;
}

.baf-admin .widefat tbody tr:hover {
    background: #f9fafb;
}

/* ================= BADGES ================= */

.baf-badge {
    display: inline-block;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: .4px;
}

.baf-badge.success {
    background: #dcfce7;
    color: #15803d;
}

.baf-badge.danger {
    background: #fee2e2;
    color: #b91c1c;
}

.baf-badge.warning {
    background: #fef9c3;
    color: #854d0e;
}

.baf-badge.info {
    background: #e0f2fe;
    color: #0369a1;
}

.baf-badge.processing-info {
    background: #e1e1e1a8;
    color: #ff2929;
}
/* ================= LOG MESSAGE COLUMN ================= */

.baf-admin td:last-child {
    max-width: 300px;
    word-break: break-word;
    font-size: 13px;
    color: #6b7280;
}

/* ================= SETTINGS PAGE ================= */

.baf-admin .form-table th {
    font-weight: 600;
    font-size: 14px;
    color: #374151;
}

.baf-admin .form-table input[type="number"],
.baf-admin .form-table input[type="email"],
.baf-admin .form-table input[type="text"] {
    width: 380px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
}

.baf-admin .button-primary {
    background: #2563eb !important;
    border-color: #2563eb !important;
    border-radius: 8px !important;
    padding: 8px 18px !important;
    font-weight: 600;
}

.baf-admin .button-primary:hover {
    background: #1e40af !important;
    border-color: #1e40af !important;
}

/* ================= SETTINGS PAGE ================= */
.baf-settings-header {
    background: linear-gradient(135deg, #1e3a8a, #2563eb);
    padding: 30px 35px;
    border-radius: 12px;
    color: #ffffff;
    margin-bottom: 25px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    max-width: 700px;
}

.baf-settings-header h1 {
    margin: 0;
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
}

.baf-settings-header p {
    margin-top: 8px;
    font-size: 14px;
    opacity: 0.9;
}
.baf-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border: 1px solid #e5e7eb;
    max-width: 700px;
}

.baf-field {
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
}

.baf-field label {
    font-weight: 600;
    margin-bottom: 8px;
    color: #111827;
}

.baf-field input[type="number"],
.baf-field input[type="email"] {
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
    font-size: 14px;
}

.baf-field small {
    margin-top: 6px;
    font-size: 12px;
    color: #6b7280;
}

/* Toggle Switch */
.baf-switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 24px;
}

.baf-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.baf-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #d1d5db;
    border-radius: 50px;
    transition: .3s;
}

.baf-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background: white;
    border-radius: 50%;
    transition: .3s;
}

.baf-switch input:checked + .baf-slider {
    background: #2563eb;
}

.baf-switch input:checked + .baf-slider:before {
    transform: translateX(24px);
}

.baf-actions {
    margin-top: 20px;
}

.baf-actions .button-primary {
    padding: 10px 22px !important;
    border-radius: 8px !important;
}

.baf-preview-section {
    margin-top: 40px;
}

.baf-email-preview {
    margin-top: 20px;
    border: 1px solid #ddd;
    background: #f9fafb;
    padding: 20px;
    max-height: 600px;
    overflow: auto;
}

.baf-stat-card strong.baf-status-success {
    color: #16a34a !important;
    font-weight: 600;
}

strong.baf-status-warning {
    color: #d97706 !important;
    font-weight: 600;
}

strong.baf-status-danger {
    color: #dc2626 !important;
    font-weight: 600;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 900px) {
    .baf-stats {
        flex-direction: column;
    }
}

Zion Outfitter – Narrows Gear and Zion Bike Rentals

Open Daily 7am to 9pm

Gear Up. Get Out There.

Zion’s Wild Beauty Is Calling—Are You Ready?

Our Most Popular Rentals

Featured Adventures

Reserve Ahead Or Walk In And Grab Your Gear Just Steps From The Park Entrance.

Hike. Bike. Explore. Repeat.

Whether you’re wading in the Narrows, coasting through Zion Canyon on two wheels, or taking in the views from Angel’s Landing, we make it simple to start your next story.

We’ve got the gear that gets you into Zion—and the knowledge to make it unforgettable.

Maximize Your Adventure

Don’t just wing it. Zion’s rugged beauty rewards those who come prepared

Our Story

Who we are

Zion Outfitter began as a small local shop with a big mission: make Zion’s magic more accessible to everyone. Born at the foot of the cliffs we call home, we’re not just a rental shop—we’re fellow adventurers who believe nature is best experienced, not just admired from afar.
Whether it’s your first time in Zion or your fifth return, we’re here to help you experience Zion the way it was meant to be—fully immersed and wildly unforgettable.

Recent Blog
Posts

Recent Blog Posts

Zion Monsoon Season–Is it safe to hike the Zion Narrows with rain in the forecast?

You’re looking forward to a once in a lifetime hike in the Zion Narrows but

Zion Narrows Rental Equipment

Do we really need to rent equipment to hike the Narrows?? We’re glad you asked!