/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* Pakuranga registration modal and controls */
.pakuranga-form-actions{display:flex;gap:8px;align-items:center;}
.pakuranga-btn{padding:8px 12px;border:1px solid #2b2b2b;background:#fff;border-radius:4px;cursor:pointer}
.pakuranga-btn:focus{outline:3px solid rgba(59,130,246,0.4)}

.pakuranga-claim-modal{display:none;position:fixed;inset:0;align-items:center;justify-content:center;padding:20px;z-index:9999;background:rgba(0,0,0,0.3)}
.pakuranga-claim-btn{display:none}
.pakuranga-claim-btn.is-visible{display:inline-block}
.pakuranga-claim-modal .pakuranga-modal-panel{background:#fff;border:1px solid #ccc;border-radius:6px;max-width:420px;width:100%;box-shadow:0 6px 24px rgba(0,0,0,0.2);}
.pakuranga-modal-header{padding:16px;border-bottom:1px solid #eee;font-weight:600}
.pakuranga-modal-body{padding:16px}
.pakuranga-modal-footer{padding:12px;display:flex;gap:8px;justify-content:flex-end;border-top:1px solid #eee}
#header-outer #logo img, 
#header-outer .logo-clone img, 
#header-outer .logo-spacing img {
    height: 100px !important;
    margin-right: 80px !important;
    padding: 10px !important;
}

/* Two-column form layout */
.pakuranga-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.pakuranga-form-field {
    display: flex;
    flex-direction: column;
}

.pakuranga-form-field label {
    margin-bottom: 5px;
    font-weight: 500;
}

.pakuranga-form-field.full-width {
    grid-column: 1 / -1;
}

/* Red asterisk for required fields */
.pakuranga-form-field label .required {
    color: #e74c3c;
    margin-left: 2px;
}

/* Input styling */
.pakuranga-form-field input,
.pakuranga-form-field select {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 14px;
}

/* Mobile responsive - single column on small screens */
@media (max-width: 768px) {
    .pakuranga-form-grid {
        grid-template-columns: 1fr;
    }

    .pakuranga-form-field.full-width {
        grid-column: 1;
    }
}