/* ═══════════════════════════════════════════════════════════════
   ZINN CUSTOM OFFERS — Request Button (product pages only)
   All !important to resist Botiga theme overrides
   ═══════════════════════════════════════════════════════════════ */

.zco-request-wrap { margin: 16px 0 !important; }

.zco-request-btn {
    display: inline-block !important;
    background: rgba(184,134,11,0.12) !important;
    color: #8a6410 !important;
    border: 1px solid rgba(184,134,11,0.3) !important;
    padding: 10px 24px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}
.zco-request-btn:hover {
    background: rgba(184,134,11,0.25) !important;
    border-color: #B8860B !important;
}

/* Modal overlay — hidden by default, shown via .zco-modal-open class */
.zco-modal {
    position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    background: rgba(0,0,0,0.7) !important; z-index: 100000 !important;
    display: none !important;
    align-items: center !important; justify-content: center !important;
}
.zco-modal.zco-modal-open {
    display: flex !important;
}
.zco-request-modal-content {
    background: #ffffff !important; border: 1px solid #ecd9a0 !important; border-radius: 12px !important;
    max-width: 480px !important; width: 90% !important; max-height: 85vh !important; overflow-y: auto !important;
}
.zco-modal-header {
    display: flex !important; justify-content: space-between !important; align-items: center !important;
    padding: 16px 20px !important; border-bottom: 1px solid #ecd9a0 !important;
}
.zco-modal-header h3 { margin: 0 !important; color: #8a6410 !important; font-size: 16px !important; }
.zco-modal-close {
    background: none !important; border: none !important; color: #8a7a5f !important; font-size: 24px !important; cursor: pointer !important;
}
.zco-modal-close:hover { color: #2a2118 !important; }
.zco-modal-body { padding: 20px !important; }
.zco-hint { color: #8a7a5f !important; font-size: 13px !important; margin-bottom: 16px !important; }

/* Form fields — with -webkit-text-fill-color to override autofill */
.zco-form-group { margin-bottom: 14px !important; }
.zco-form-group label { display: block !important; color: #8a6410 !important; font-size: 13px !important; font-weight: 600 !important; margin-bottom: 6px !important; }
.zco-req { color: #ef4444 !important; }

.zco-form-group input[type="text"],
.zco-form-group input[type="email"],
.zco-form-group input[type="number"],
.zco-form-group textarea,
.zco-modal-body input[type="text"],
.zco-modal-body input[type="email"],
.zco-modal-body input[type="number"],
.zco-modal-body textarea {
    width: 100% !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #ecd9a0 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    color: #2a2118 !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    -webkit-text-fill-color: #2a2118 !important;
}
.zco-form-group input:focus,
.zco-form-group textarea:focus,
.zco-modal-body input:focus,
.zco-modal-body textarea:focus {
    border-color: #B8860B !important;
    outline: none !important;
    color: #2a2118 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    -webkit-text-fill-color: #2a2118 !important;
    box-shadow: none !important;
}
.zco-form-group input::placeholder,
.zco-form-group textarea::placeholder,
.zco-modal-body input::placeholder,
.zco-modal-body textarea::placeholder {
    color: #8a7a5f !important;
    -webkit-text-fill-color: #8a7a5f !important;
}

.zco-form-row { display: flex !important; gap: 12px !important; }
.zco-half { flex: 1 !important; }

/* Send button — centred */
.zco-btn-send {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    background: linear-gradient(135deg, #059669, #10b981) !important;
    color: #fff !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    text-align: center !important;
    box-sizing: border-box !important;
}
.zco-btn-send:hover { filter: brightness(1.1) !important; }
.zco-btn-send:disabled { opacity: 0.5 !important; cursor: not-allowed !important; }