/*
Theme Name: CareKudos
Theme URI: https://carekudos.com
Author: Waqar Orakzai
Description: CareKudos landing page and blog theme for healthcare recognition platform.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
Text Domain: carekudos
*/
/* ===================================================
   CareKudos - WPForms Styling
   =================================================== */

/* Form */
.wpforms-container,
.wpforms-container-full {
    width: 100%;
    margin: 0;
}

/* Remove default spacing */
.wpforms-container .wpforms-form *,
.wpforms-container-full .wpforms-form * {
    box-sizing: border-box;
}

/* Field wrapper */
.wpforms-container .wpforms-field,
.wpforms-container-full .wpforms-field {
    padding: 0 !important;
    margin: 0 0 20px !important;
}

/* Labels */
.wpforms-container .wpforms-field-label,
.wpforms-container-full .wpforms-field-label {
    display: block;
    color: #1A2340;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 8px !important;
}

/* Text Inputs */
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container input[type="url"],
.wpforms-container textarea,
.wpforms-container-full input[type="text"],
.wpforms-container-full input[type="email"],
.wpforms-container-full input[type="tel"],
.wpforms-container-full input[type="url"],
.wpforms-container-full textarea {
    width: 100% !important;
    height: 48px;
    padding: 0 20px !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 999px !important;
    background: #FFFFFF;
    color: #1A2340;
    font-size: 15px;
    line-height: 48px;
    box-shadow: none !important;
    transition: all .25s ease;
}

/* Textarea */
.wpforms-container textarea,
.wpforms-container-full textarea {
    height: 120px;
    padding: 16px 20px !important;
    line-height: 1.6;
    border-radius: 24px !important;
}

/* Focus */
.wpforms-container input:focus,
.wpforms-container textarea:focus,
.wpforms-container-full input:focus,
.wpforms-container-full textarea:focus {
    border-color: #233B8B !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(35,59,139,.12) !important;
}

/* Placeholder */
.wpforms-container ::placeholder,
.wpforms-container-full ::placeholder {
    color: #A0A7B4;
}

/* Submit container */
.wpforms-container .wpforms-submit-container,
.wpforms-container-full .wpforms-submit-container {
    margin-top: 28px !important;
    padding: 0 !important;
}

/* Submit button */
.wpforms-container button[type="submit"],
.wpforms-container-full button[type="submit"],
.wpforms-container .wpforms-submit,
.wpforms-container-full .wpforms-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    min-width: 115px;
    padding: 0 32px !important;
    border: none !important;
    border-radius: 999px !important;
    background: #233B8B !important;
    color: #FFFFFF !important;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: .25s ease;
    box-shadow: none !important;
}

/* Hover */
.wpforms-container button[type="submit"]:hover,
.wpforms-container-full button[type="submit"]:hover,
.wpforms-container .wpforms-submit:hover,
.wpforms-container-full .wpforms-submit:hover {
    background: #1B2F73 !important;
    transform: translateY(-1px);
}

/* Validation */
.wpforms-container input.wpforms-error,
.wpforms-container-full input.wpforms-error {
    border-color: #dc2626 !important;
}

.wpforms-container label.wpforms-error,
.wpforms-container-full label.wpforms-error {
    margin-top: 6px !important;
    color: #dc2626;
    font-size: 13px;
    font-weight: 500;
}

/* Remove unnecessary spacing */
.wpforms-container .wpforms-one-half,
.wpforms-container .wpforms-one-third,
.wpforms-container .wpforms-two-thirds,
.wpforms-container-full .wpforms-one-half,
.wpforms-container-full .wpforms-one-third,
.wpforms-container-full .wpforms-two-thirds {
    padding: 0 !important;
}

/* Mobile */
@media (max-width:768px){

    .wpforms-container .wpforms-field,
    .wpforms-container-full .wpforms-field{
        margin-bottom:18px !important;
    }

    .wpforms-container input,
    .wpforms-container-full input{
        height:46px;
    }

    .wpforms-container button[type="submit"],
    .wpforms-container-full button[type="submit"]{
        width:100%;
    }

}