#elementor-popup-modal-9336 .dialog-widget-content{animation-duration:0.2s;background-color:#952240;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-9336 .dialog-message{width:450px;height:auto;}#elementor-popup-modal-9336{justify-content:center;align-items:center;}#elementor-popup-modal-9336 .dialog-close-button{display:flex;background-color:#02010100;}#elementor-popup-modal-9336 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-9336 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:767px){#elementor-popup-modal-9336 .dialog-message{width:100vw;}}/* Start custom CSS *//* 1. Formatera rubriken */
.rubrik {
    font-family: 'DomSemibold-Italic', sans-serif !important;
    font-size: 2.7rem !important;
    line-height: 1.1 !important;
    color: #ffffff !important;
    text-align: center !important;
}

/* 2. Formatera brödtexten */
.text {
    font-family: 'DomRegular', sans-serif !important;
    font-size: 2.5rem !important;
    line-height: 1.1 !important;
    color: #ffffff !important;
    text-align: center !important;
}

/* 3. Underline vid hover på länkar i rubrik och text */
.rubrik a:hover,
.text a:hover {
    text-decoration: underline !important;
    text-decoration-color: #ffffff !important; /* Säkerställer att linjen blir vit */
    text-decoration-thickness: 1px !important;  /* Gör linjen 1px tunn */
    text-underline-offset: 5px;                  /* Ger extra space mellan text och linje */
}

/* 4. Mobilanpassning (skärmar under 767px) */
@media (max-width: 767px) {
    .rubrik {
        font-size: 2.1rem !important; /* Tidigare 2.7rem */
        line-height: 1.1 !important; /* Tidigare 3.1rem */
    }
    
    .text {
        font-size: 1.7rem !important; /* Tidigare 2.5rem */
        line-height: 1.1 !important; /* Tidigare 2.6rem */
    }
}


/* Ta bort den blå ramen runt stängningsknappen och dess länk */
.dialog-close-button,
.dialog-close-button:focus,
.dialog-close-button:active,
.elementor-popup__close-button {
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

/* Ta bort skugga och ram vid klick/fokus på rubrik och text */
.rubrik,
.text,
.rubrik:focus,
.text:focus,
.rubrik:active,
.text:active,
.rubrik *,
.text * {
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none !important;
}

/* Tillåt klick men blockera dra-och-släpp (lyft-effekt) på iPad */
.rubrik,
.text,
.rubrik *,
.text * {
    -webkit-user-drag: none !important;     /* Stoppar iPad från att lyfta länkarna */
    user-drag: none !important;
    -webkit-touch-callout: none !important; /* Tar bort förhandsvisningsmenyn */
    -webkit-user-select: none !important;  /* Tar bort textmarkering */
    user-select: none !important;
    -webkit-tap-highlight-color: transparent !important; /* Tar bort klick-blixten */
}/* End custom CSS */