/* ==========================================
   Zoho Language Selector - Visibility Fix
   ========================================== */


/* Make the selector itself roomier */
.LocalePopup__localeTarget {
    min-width: 130px !important;
    width: auto !important;
    padding: 8px 14px !important;
    border: 1px solid #d8dee8 !important;
    border-radius: 25px !important;
    background: #ffffff !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.08) !important;
}


/* This is the important part:
   remove Zoho's "Eng..." truncation */
.LocalePopup__localeLabel.commonStyle__overflowDotted {
    display: inline-block !important;
    max-width: none !important;
    width: auto !important;
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: nowrap !important;
}


/* Keep text styling */
.LocalePopup__localeLabel {
    color: #2f3b52 !important;
    font-weight: 600 !important;
}


/* Hover */
.LocalePopup__localeTarget:hover {
    border-color: #2563eb !important;
}


/* Skjuler den blå "helpcenter" knap, der var over kategorierne*/
.ModuleCategoryContainer__tabs .commonStyle__tAlignCenter {
  display: none;
}


/* Skjuler "knowledge base" punkt i menulinje*/
#portal_tabSolutions {
  display: none;
}


/* Media queries for API Doc*/
#build-with-nordicscreen {
    flex-direction: row;
}

@media screen and (max-width: 700px) {
    #build-with-nordicscreen {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 40px 25px !important;
    }

    #build-with-nordicscreen > div:first-child {
        max-width: 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    #build-with-nordicscreen h2 {
        font-size: 28px !important;
    }

    #build-with-nordicscreen p {
        font-size: 15px !important;
    }

    #build-with-nordicscreen > div:last-child {
        width: 100% !important;
        min-width: 0 !important;
        margin-top: 30px !important;
    }

    #build-with-nordicscreen > div:last-child a {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* Media queries for YouTube*/
@media screen and (max-width: 700px) {
    #videoguides {
        padding: 40px 25px !important;
    }

    #videoguides > div {
        min-width: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    #videoguides h2 {
        font-size: 28px !important;
    }

    #videoguides p {
        font-size: 15px !important;
    }

    #videoguides a {
        box-sizing: border-box !important;
        max-width: 100% !important;
    }
}


/* Media queries for Product news, apps & integrations og sup. platforms*/
@media screen and (max-width: 700px) {

    #product-cards {
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 40px 25px !important;
    }

    #product-cards > div {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }

    #product-cards > div:last-child {
        margin-bottom: 0 !important;
    }

    #product-cards h3 {
        font-size: 18px !important;
    }

    #product-cards p {
        font-size: 14px !important;
    }
}



#searchContainer {
  border-radius: 20px;
}



/* ISO widget */
/* Hele sektionen */
.iso-section {
    width: 100%;
    background-color: #285536;
    padding: 70px 8%;
    box-sizing: border-box;
  	border-radius: 8px;
}


/* Indholdet */
.iso-content {
    max-width: 1200px;
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}


/* Tekstområde */
.iso-text {
    flex: 1;
    max-width: 430px;
    color: #ffffff;
}


/* Overskrift */
.iso-text h2 {
    margin: 0 0 25px;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #ffffff;
}


/* Brødtekst */
.iso-text p {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 1.5;
    color: #ffffff;
}


/* Knap */
.iso-button {
    display: inline-block;
    margin-top: 30px;
    padding: 12px 28px;

    background-color: #ffffff;
    color: #385344;

    text-decoration: none;
    font-size: 18px;
    font-weight: 700;

    border-radius: 7px;

    transition: opacity 0.2s ease;
}


/* Hover på knappen */
.iso-button:hover {
    opacity: 0.85;
}


/* Fælles styling for billeder */
.image-placeholder {
    overflow: hidden;
    flex-shrink: 0;
}


/* Sørger for at billedet fylder placeholderen */
.image-placeholder img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}


/* Firkantet billede */
.image-square {
    width: 250px;
    height: 250px;
}


/* Rundt billede */
.image-circle {
    width: 140px;
    height: 140px;
    border-radius: 50%;
}


/* Mobil/tablet */
@media screen and (max-width: 768px) {
    
    .iso-section {
        padding: 50px 30px;
    }

    .iso-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 35px;
    }

    .iso-text {
        max-width: 100%;
    }

    .image-square {
        width: 100%;
        max-width: 350px;
        height: auto;
        aspect-ratio: 1 / 1;
    }

    .image-circle {
        width: 180px;
        height: 180px;
    }
}