/**
 * @file
 * Use this CSS file to override base CSS rules
 */

.faqfield-answer {
    height: unset !important;
}

.pwa_hidden {
    display: none !important;
}

.pwa_visible {
    display: block !important;
}


/* Moved styles for iOS Instructions */
#block-showcaseplus-pwaiosandsafariinstructions {
    text-align:center;
}

#ios-instructions {
    display: none;
    text-align:left;
    padding: 10px;
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 5px;
    max-width: 600px;
}

/* Moved styles for iOS Close Button */
#ios-close-btn {
    padding: 5px 10px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-align:center;
}

#block-showcaseplus-pwaaddtohomescreen .content{
    text-align:center;
}

#block-showcaseplus-pwaaddtohomescreen .button {
    background: 0 0;
    padding: .4rem .5rem;
    margin: .2rem 0 0 1.5rem;
    border: 1px solid #f00a21;
    color: #f00a21;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: .2rem;
    cursor: pointer;
    transition: background 0.4s, color 0.4s;
    text-shadow: none; /* Override default styles */
}

#block-showcaseplus-pwaaddtohomescreen .button:before {
    content: "⤓";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 30' fill='%23F00A21'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7zM7 18v2h10v-2z'%3E%3C/path%3E%3C/svg%3E");
    width: 1.3em;
    display: inline-block;
    color: transparent;
    font-size: 1.3rem;
    margin-top: -.1rem;
    vertical-align: middle;
    transition: background 0.4s;
}

#block-showcaseplus-pwaaddtohomescreen .button:hover,
#block-showcaseplus-pwaaddtohomescreen-install .button:focus {
    background: #f00a21;
    color: #fff;
}

#block-showcaseplus-pwaaddtohomescreen .button:hover:before,
#block-showcaseplus-pwaaddtohomescreen .button:focus:before  {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 30' fill='%23fff'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7zM7 18v2h10v-2z'%3E%3C/path%3E%3C/svg%3E");
}


/*
.form-item-dos000-dos600 .webform-toggle {
    width: 150px !important;
}

.form-item-dos000-dos600 .toggle-inner {
    width: 150px !important;
}

.form-item-dos000-dos600 .toggle-on {
    width: 75px !important;
}

.form-item-dos000-dos600 .toggle-off {
    width: 75px !important;
}

.form-item-dos000-dos600 .toggle-blob {
    margin-left: -50px; !important;
}

*/

.ui-dialog-titlebar-close:after {
    content: 'X' !important;
    position: absolute;
    top: -2px;
    right: 5px;
    font-weight: bold;
    /* color: white !important; */
    filter: invert(100%);
}

.pageSmallText {
    width: 90% !important;
}

/* Set default font weight to 300 for better typography in high-density screens */
/*body {
  font-weight: 300;
}*/

.form-item-email-phone-textfield {
    padding-left: 20px;
}

#edit-email-phone-textfield {
    padding: 4px 15px !important;
    border-color: #dc3545;
}

.blockSalarieNameCenter {
    text-align: center;
}

.logo-and-site-name-wrapper {
    justify-content: center !important;
}

@media (min-width: 900px) {
    .webform-submission-changement-adherent-form {
        justify-content: space-around !important;
        padding-right: 15% !important;
    }
}


#edit-adherent-actif-container {
    flex-basis: 50% !important;
    min-width: 50% !important;
}

/* Disabled form elements */
:root .region--default-background,
:root .region--bright-background,
:root .region--accent-background,
:root .region--tint-background,
:root .region--pattern {
    /*Disabled and read only forms*/
    --mt-form-disabled-background-color: #f511111a !important;
}

#block-showcaseplus-page-title {
    text-align: center !important;
}

@media (max-width: 900px) {
    .webform-actions {
        text-align: center !important;
    }
    input[type="submit"] + input[type="submit"],
    .mt-button + .mt-button {
        margin-top: 10px; !important;
        margin-left: 0 !important;
    }
}

/*

#webform-submission-changement-adherent-add-form, .webform-submission-changement-adherent-add-form {
    display: flex !important;
    justify-content: left !important;
}


.logo-and-site-name-wrapper {
    justify-content: left !important;
    padding-left: 15% !important;
}

@media (min-width: 900px) {
    .header-top__container {
        padding: 35px 0 0 500px !important;
    }
}

@media (min-width: 768px) {
    #edit-flexbox-select-adherent {
        width: 70% !important;
    }

    #edit-adherent-actif {
        width: 70% !important;
    }
}




 */