/* WEB DAG 1.1.0. Custom additions only; the component keeps its stock CSS.
   Installed in /media/plg_system_autofields/css/ by the AutoFields plugin. */

/* These two changes were appended to the supplied component CSS. */
#sp-simpleportfolio .sp-simpleportfolio-btns a.btn-zoom,
#sp-simpleportfolio .sp-simpleportfolio-btns a.btn-view {
    display: none !important;
}
@media (max-width: 599px) {
    #sp-simpleportfolio .sp-simpleportfolio-overlay {
        display: none;
    }
}

/* Detail page: poster and metadata, then a full-width description. */
#sp-simpleportfolio.webdag-portfolio .webdag-summary {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 25px;
}
#sp-simpleportfolio.webdag-portfolio .webdag-media {
    flex: 0 0 35%;
    min-width: 0;
}
#sp-simpleportfolio.webdag-portfolio .webdag-media img {
    display: block;
    width: 100%;
    height: auto;
}
#sp-simpleportfolio.webdag-portfolio .sp-simpleportfolio-meta {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    float: none !important;
    padding: 0 !important;
    overflow-wrap: anywhere !important;
}
#sp-simpleportfolio.webdag-portfolio .webdag-field {
    margin: 0 0 10px;
}
#sp-simpleportfolio.webdag-portfolio .webdag-field:last-child {
    margin-bottom: 0;
}
#sp-simpleportfolio.webdag-portfolio .webdag-cast {
    margin-top: 5px;
}
#sp-simpleportfolio.webdag-portfolio .webdag-cast > :first-child {
    margin-top: 0;
}
#sp-simpleportfolio.webdag-portfolio .sp-simpleportfolio-description {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
}
#sp-simpleportfolio.webdag-portfolio .sp-simpleportfolio-description p {
    text-align: justify;
}
@media (max-width: 767px) {
    #sp-simpleportfolio.webdag-portfolio .webdag-summary {
        flex-direction: column;
        gap: 20px;
    }
    #sp-simpleportfolio.webdag-portfolio .webdag-media,
    #sp-simpleportfolio.webdag-portfolio .sp-simpleportfolio-meta {
        flex: 0 1 auto !important;
        width: 100% !important;
    }
}

/* Separate only visible groups; empty groups are not rendered. */
#sp-simpleportfolio.webdag-portfolio .webdag-field-group + .webdag-field-group {
    margin-top: 28px;
}