.elementor-3823 .elementor-element.elementor-element-6414e39{--display:flex;}#elementor-popup-modal-3823{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3823 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-3823 .dialog-close-button{display:flex;}#elementor-popup-modal-3823 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for container, class: .elementor-element-6414e39 *//* =========================================================
   ARTINOVA – PRECIOSA REQUEST POPUP
   Parent Elementor container class:
   artinova-preciosa-popup
========================================================= */


/* ---------------------------------------------------------
   1. POPUP WINDOW
   Το :has() βρίσκει το Elementor popup που περιέχει
   το δικό μας parent container.
--------------------------------------------------------- */

.dialog-widget-content:has(.artinova-preciosa-popup) {
    width: min(560px, calc(100vw - 30px)) !important;
    max-width: 560px !important;

    border-radius: 14px !important;
    overflow: hidden !important;

    background: #ffffff !important;

    box-shadow:
        0 24px 70px rgba(25, 43, 81, 0.24) !important;
}


/* popup viewport */

.dialog-widget-content:has(.artinova-preciosa-popup)
.dialog-message {

    width: 100% !important;
    max-height: 90vh !important;

    padding: 0 !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    background: #ffffff !important;
}


/* ---------------------------------------------------------
   2. GLOBAL TYPOGRAPHY
--------------------------------------------------------- */

.artinova-preciosa-popup,
.artinova-preciosa-popup *,
.dialog-widget-content:has(.artinova-preciosa-popup) {

    font-family: "Lato", Arial, sans-serif !important;
}


/* ---------------------------------------------------------
   3. MAIN CONTAINER
--------------------------------------------------------- */

.artinova-preciosa-popup {

    --art-navy: #192b51;
    --art-teal: #33acae;
    --art-orange: #fc4f24;
    --art-yellow: #fdb11b;

    --art-text: #344054;
    --art-muted: #667085;
    --art-border: #d9e1eb;
    --art-light: #f7f9fc;

    width: 100% !important;
    max-width: none !important;

    padding: 0 !important;
    margin: 0 !important;

    background: #ffffff !important;

    display: block !important;
}


/* Elementor containers μέσα στο popup */

.artinova-preciosa-popup > .e-con-inner,
.artinova-preciosa-popup .e-con-inner {

    width: 100% !important;
    max-width: none !important;

    padding: 0 !important;
    margin: 0 !important;
}


/* widget spacing reset */

.artinova-preciosa-popup .elementor-element,
.artinova-preciosa-popup .elementor-widget,
.artinova-preciosa-popup .elementor-widget-container {

    margin-bottom: 0 !important;
}


/* ---------------------------------------------------------
   4. HEADER AREA
--------------------------------------------------------- */

/*
   Αν ο τίτλος / intro είναι στο ίδιο parent container,
   αυτά τα margins θα τον κάνουν compact.
*/

.artinova-preciosa-popup h1,
.artinova-preciosa-popup h2,
.artinova-preciosa-popup h3 {

    margin: 0 0 9px !important;

    color: var(--art-navy) !important;

    font-family: "Lato", Arial, sans-serif !important;
    font-size: 25px !important;
    font-weight: 800 !important;
    line-height: 1.16 !important;

    letter-spacing: -0.015em !important;
}


/* eyebrow */

.artinova-preciosa-popup .artinova-special-request-eyebrow,
.artinova-preciosa-popup .artinova-popup-eyebrow {

    display: block !important;

    margin: 0 0 7px !important;

    color: var(--art-teal) !important;

    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}


/* intro paragraph */

.artinova-preciosa-popup p {

    margin: 0 !important;

    color: var(--art-muted) !important;

    font-size: 13.5px !important;
    line-height: 1.55 !important;
}


/* ---------------------------------------------------------
   5. HEADER / FORM VISUAL SEPARATION
--------------------------------------------------------- */

/*
   Αν το πρώτο child container περιέχει τον τίτλο,
   αποκτά σωστό padding.
*/

.artinova-preciosa-popup > :first-child {

    padding-top: 22px !important;
}


/*
   Βάζουμε οριζόντια padding σε όλα τα direct παιδιά
   ώστε να μη χρειάζεται να πειράξεις Elementor margins.
*/

.artinova-preciosa-popup > * {

    padding-left: 26px !important;
    padding-right: 26px !important;
}


/* ---------------------------------------------------------
   6. WPFORMS
--------------------------------------------------------- */

.artinova-preciosa-popup .wpforms-container {

    width: 100% !important;
    max-width: none !important;

    margin: 14px 0 0 !important;
    padding: 20px 0 24px !important;

    border-top: 1px solid #e7ebf1 !important;

    background: transparent !important;
}


/* hide WPForms title/description if accidentally enabled */

.artinova-preciosa-popup .wpforms-head-container {
    margin-bottom: 14px !important;
}


/* fields */

.artinova-preciosa-popup .wpforms-field {

    padding: 0 0 13px !important;
    margin: 0 !important;
}


/* labels */

.artinova-preciosa-popup .wpforms-field-label,
.artinova-preciosa-popup legend.wpforms-field-label {

    display: block !important;

    margin: 0 0 5px !important;

    color: var(--art-navy) !important;

    font-family: "Lato", Arial, sans-serif !important;

    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}


/* required asterisk */

.artinova-preciosa-popup .wpforms-required-label {

    color: var(--art-orange) !important;
}


/* ---------------------------------------------------------
   7. INPUTS
--------------------------------------------------------- */

.artinova-preciosa-popup input[type="text"],
.artinova-preciosa-popup input[type="email"],
.artinova-preciosa-popup input[type="tel"],
.artinova-preciosa-popup input[type="number"],
.artinova-preciosa-popup select,
.artinova-preciosa-popup textarea {

    width: 100% !important;
    max-width: 100% !important;

    min-height: 42px !important;
    height: 42px !important;

    padding: 8px 11px !important;

    margin: 0 !important;

    background: #ffffff !important;

    border: 1px solid var(--art-border) !important;
    border-radius: 7px !important;

    color: var(--art-text) !important;

    font-family: "Lato", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.4 !important;

    box-shadow: none !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease !important;
}


/* textarea */

.artinova-preciosa-popup textarea {

    height: 105px !important;
    min-height: 105px !important;
    max-height: 160px !important;

    resize: vertical !important;
}


/* focus */

.artinova-preciosa-popup input:focus,
.artinova-preciosa-popup select:focus,
.artinova-preciosa-popup textarea:focus {

    outline: none !important;

    border-color: var(--art-teal) !important;

    box-shadow:
        0 0 0 3px rgba(51, 172, 174, 0.11) !important;
}


/* placeholders */

.artinova-preciosa-popup input::placeholder,
.artinova-preciosa-popup textarea::placeholder {

    color: #98a2b3 !important;
    opacity: 1 !important;
}


/* ---------------------------------------------------------
   8. INTERNATIONAL PHONE FIELD
--------------------------------------------------------- */

.artinova-preciosa-popup .iti {

    width: 100% !important;
}


.artinova-preciosa-popup .iti input {

    width: 100% !important;
}


/* country button */

.artinova-preciosa-popup .iti__selected-country {

    background: transparent !important;
}


/* ---------------------------------------------------------
   9. FIELD DESCRIPTION
--------------------------------------------------------- */

.artinova-preciosa-popup .wpforms-field-description {

    margin-top: 5px !important;

    color: var(--art-muted) !important;

    font-size: 11.5px !important;
    line-height: 1.45 !important;
}


/* ---------------------------------------------------------
   10. SUBMIT
--------------------------------------------------------- */

.artinova-preciosa-popup .wpforms-submit-container {

    margin: 2px 0 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


.artinova-preciosa-popup button.wpforms-submit,
.artinova-preciosa-popup .wpforms-submit,
.artinova-preciosa-popup button[type="submit"] {

    min-width: 150px !important;
    min-height: 43px !important;

    padding: 0 20px !important;

    border: 0 !important;
    border-radius: 7px !important;

    background: var(--art-teal) !important;

    color: #ffffff !important;

    font-family: "Lato", Arial, sans-serif !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    line-height: 43px !important;

    text-transform: none !important;

    box-shadow:
        0 6px 16px rgba(51,172,174,.18) !important;

    cursor: pointer !important;

    transition:
        background .18s ease,
        transform .18s ease,
        box-shadow .18s ease !important;
}


.artinova-preciosa-popup button.wpforms-submit:hover,
.artinova-preciosa-popup .wpforms-submit:hover,
.artinova-preciosa-popup button[type="submit"]:hover {

    background: #289b9d !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 9px 20px rgba(51,172,174,.23) !important;
}


/* ---------------------------------------------------------
   11. ERRORS
--------------------------------------------------------- */

.artinova-preciosa-popup label.wpforms-error,
.artinova-preciosa-popup em.wpforms-error,
.artinova-preciosa-popup .wpforms-error {

    margin-top: 4px !important;

    color: #b42318 !important;

    font-family: "Lato", Arial, sans-serif !important;
    font-size: 11.5px !important;
}


/* ---------------------------------------------------------
   12. CONFIRMATION
--------------------------------------------------------- */

.artinova-preciosa-popup .wpforms-confirmation-container-full {

    margin: 0 !important;

    padding: 20px !important;

    background: #effaf5 !important;

    border: 1px solid #b7dfcb !important;
    border-radius: 8px !important;

    color: #176b51 !important;

    font-size: 13.5px !important;
    line-height: 1.55 !important;
}


/* ---------------------------------------------------------
   13. CLOSE BUTTON
--------------------------------------------------------- */

.dialog-widget-content:has(.artinova-preciosa-popup)
.dialog-close-button {

    top: 14px !important;
    right: 14px !important;

    width: 32px !important;
    height: 32px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: var(--art-navy, #192b51) !important;

    font-size: 17px !important;

    opacity: .75 !important;

    z-index: 999 !important;

    transition:
        opacity .18s ease,
        background .18s ease !important;
}


.dialog-widget-content:has(.artinova-preciosa-popup)
.dialog-close-button:hover {

    opacity: 1 !important;

    background: #f3f5f8 !important;

    border-radius: 50% !important;
}


/* ---------------------------------------------------------
   14. REMOVE EXCESS ELEMENTOR GAPS
--------------------------------------------------------- */

.artinova-preciosa-popup .elementor-widget-spacer {

    display: none !important;
}


.artinova-preciosa-popup .elementor-spacer {

    min-height: 0 !important;
    height: 0 !important;
}


.artinova-preciosa-popup .elementor-widget:not(:last-child) {

    margin-bottom: 0 !important;
}


/* ---------------------------------------------------------
   15. MOBILE
--------------------------------------------------------- */

@media (max-width: 767px) {

    .dialog-widget-content:has(.artinova-preciosa-popup) {

        width: calc(100vw - 22px) !important;
        max-width: calc(100vw - 22px) !important;

        border-radius: 11px !important;
    }


    .dialog-widget-content:has(.artinova-preciosa-popup)
    .dialog-message {

        max-height: 92vh !important;
    }


    .artinova-preciosa-popup > * {

        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    .artinova-preciosa-popup > :first-child {

        padding-top: 20px !important;
    }


    .artinova-preciosa-popup h1,
    .artinova-preciosa-popup h2,
    .artinova-preciosa-popup h3 {

        padding-right: 25px !important;

        font-size: 21px !important;
        line-height: 1.18 !important;
    }


    .artinova-preciosa-popup p {

        font-size: 13px !important;
    }


    .artinova-preciosa-popup .wpforms-container {

        margin-top: 13px !important;

        padding-top: 17px !important;
        padding-bottom: 20px !important;
    }


    .artinova-preciosa-popup .wpforms-field {

        padding-bottom: 11px !important;
    }


    .artinova-preciosa-popup textarea {

        height: 90px !important;
        min-height: 90px !important;
    }


    .artinova-preciosa-popup button.wpforms-submit,
    .artinova-preciosa-popup .wpforms-submit,
    .artinova-preciosa-popup button[type="submit"] {

        width: 100% !important;
    }
}

/* =========================================================
   FINAL SPACING FIX
========================================================= */

/* ομοιόμορφα εσωτερικά περιθώρια στο περιεχόμενο */
.artinova-preciosa-popup {
  padding: 24px 28px 26px !important;
  box-sizing: border-box !important;
}

/* αν τα παιδιά έχουν δικά τους paddings, τα μηδενίζουμε */
.artinova-preciosa-popup > * {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* λίγο περισσότερο κενό κάτω από το intro */
.artinova-preciosa-popup .artinova-special-request-eyebrow {
  margin-bottom: 6px !important;
}

.artinova-preciosa-popup h1,
.artinova-preciosa-popup h2,
.artinova-preciosa-popup h3 {
  margin-bottom: 8px !important;
}

.artinova-preciosa-popup p {
  margin-bottom: 18px !important;
}

/* φόρμα */
.artinova-preciosa-popup .wpforms-container {
  margin-top: 0 !important;
  padding-top: 18px !important;
  padding-bottom: 0 !important;
}

/* λίγο πιο καθαρό κενό μεταξύ πεδίων */
.artinova-preciosa-popup .wpforms-field {
  padding-bottom: 12px !important;
}

/* submit να μην κολλάει στο textarea */
.artinova-preciosa-popup .wpforms-submit-container {
  margin-top: 4px !important;
}

/* mobile */
@media (max-width: 767px) {
  .artinova-preciosa-popup {
    padding: 20px 18px 22px !important;
  }
}

.artinova-preciosa-popup {
  border-top: 6px solid #33acae !important;
}/* End custom CSS */