/* Card */
.tizi-card{max-width:860px;margin:20px auto;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:24px}
.tizi-title{font-size:22px;margin:0 0 16px;color:#1D2A4D}

/* Grid */
.tizi-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tizi-col-span-2{grid-column:span 2}

/* Fields */
.tizi-field label{display:block;font-weight:600;margin-bottom:6px;color:#374151}
.tizi-field input,.tizi-field select,.tizi-field textarea{width:100%;border:1px solid #d1d5db;border-radius:12px;padding:12px;background:#fafafa}
.tizi-field input:focus,.tizi-field select:focus,.tizi-field textarea:focus{outline:none;border-color:#1D2A4D;background:#fff;box-shadow:0 0 0 3px rgba(29,42,77,.12)}

/* Summary */
.tizi-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:16px}
.tizi-summary h3{margin:0 0 8px;color:#111827}
.tizi-total{margin-top:8px;font-size:20px;font-weight:700;color:#1D2A4D}
.tizi-hint{margin-top:6px;color:#6b7280;font-size:12px}

/* Buttons */
.tizi-actions{display:flex;gap:12px;align-items:center}
.tizi-btn-primary{background:#1D2A4D;color:#fff;border:none;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer}
.tizi-btn-primary:hover{background:#273a66}
.tizi-btn-secondary{background:#f3f4f6;color:#111827;border:1px solid #e5e7eb;border-radius:12px;padding:12px 16px;font-weight:600;cursor:pointer}
.tizi-btn-secondary:hover{background:#e5e7eb}

/* Modal */
.tizi-modal{position:fixed;inset:0;background:rgba(15,23,42,.5);display:none;align-items:center;justify-content:center;padding:24px;z-index:9999}
.tizi-modal.open{display:flex}
.tizi-modal-content{background:#fff;border-radius:16px;max-width:520px;width:100%;padding:24px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.tizi-modal-content h3{margin-top:0;color:#14532d}

/* Responsive */
@media (max-width: 700px) {
  .tizi-grid{grid-template-columns:1fr}
  .tizi-col-span-2{grid-column:span 1}
}

/* Updated Booking Form Styles */
.booking-form {
    max-width: 420px !important;
    width: 100%;
    margin: 0 auto;
}

.booking-form button {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.booking-form .whatsapp-button {
    background-color: #25D366 !important; /* WhatsApp green */
    color: #fff !important;
    background-image: none !important; /* remove icon if applied */
}


/* Make submit button large */
#tizihike-booking-form .tizi-btn-primary {
    font-size: 1.2rem;
    padding: 1rem 2rem;
    width: 100%;
    border-radius: 12px;
}