/* File: ricerca-fullscreen.css */

.mastermas-ricerca-wrapper {

    --mastermas-icon-bg: #000;

    --mastermas-icon-color: #fff;

    --mastermas-popup-bg: rgba(0, 0, 0, 0.8);

    --mastermas-popup-color: #fff;

    --mastermas-submit-bg: #333;

    --mastermas-submit-color: #fff;

}



.mastermas-ricerca-icon {

    background: var(--mastermas-icon-bg);

    color: var(--mastermas-icon-color);

    border: none;

    cursor: pointer;

    padding: 10px;

    border-radius: 50%;

    display: inline-block;

    width: auto;

    height: auto;

    line-height: 1;

    text-align: center;

    font-size: 14px;

    min-height: 0;

    min-width: 0;

    transition: none;

    box-shadow: none;

    text-decoration: none;

}



.mastermas-ricerca-icon:hover,

.mastermas-ricerca-icon:focus {

    background: var(--mastermas-icon-bg);

    color: var(--mastermas-icon-color);

    text-decoration: none;

}



.mastermas-ricerca-icon svg {

    display: block;

    stroke: currentColor;

    width: 20px;

    height: 20px;

    margin: 0;

}



.mastermas-ricerca-fullscreen {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: var(--mastermas-popup-bg);

    z-index: 9999999;

    display: none;

    color: var(--mastermas-popup-color);

}



.mastermas-ricerca-chiudi {

    position: absolute;

    top: 20px;

    right: 30px;

    font-size: 30px;

    cursor: pointer;

    background: none;

    border: none;

    color: inherit;

    padding: 0;

    line-height: 1;

    box-shadow: none;

}



.mastermas-ricerca-contenuto {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 80%;

    max-width: 600px;

    text-align: center;

}



.mastermas-ricerca-form {

    display: flex;

    background: none;

    padding: 0;

    margin: 0;

}



.mastermas-ricerca-input {

    flex-grow: 1;

    border: none;

    padding: 10px;

    background: transparent;

    color: inherit;

    width: auto;

    height: auto;

    line-height: 1.5;

    margin: 0;

    box-shadow: none;

}



.mastermas-ricerca-input:focus {

    outline: none;

}



.mastermas-ricerca-input::placeholder {

    color: rgba(255, 255, 255, 0.7);

}



.mastermas-ricerca-submit {

    background: var(--mastermas-submit-bg);

    color: var(--mastermas-submit-color);

    border: none;

    cursor: pointer;

    padding: 10px;

    border-radius: 50%;

    width: auto;

    height: auto;

    line-height: 1;

    min-height: 0;

    min-width: 0;

    transition: none;

    box-shadow: none;

    margin-left: 10px;

}



.mastermas-ricerca-submit:hover,

.mastermas-ricerca-submit:focus {

    background: var(--mastermas-submit-bg);

    color: var(--mastermas-submit-color);

    opacity: 0.9;

}



.mastermas-ricerca-submit svg {

    width: 24px;

    height: 24px;

    stroke: currentColor;

    margin: 0;

}