/**
 * Detail Page Styles
 * ===================
 * 1. Page Layout
 * 2. Fact-Cards Section
 * 3. Content Wrapper
 * 4. Sidebar
 * 5. Infotag Detail
 */

/* ===================
   1. Page Layout
   =================== */

.detail-page h1 {
    text-wrap: balance;
}

/* ===================
   2. Fact-Cards Section
   =================== */

.full-bleed-container {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    padding: 3rem 0;
    background-color: #F4F3F3;
}

@media (min-width: 36.25em) and (max-width: 68.124em) {
    .detail-page .course-overview-container.full-bleed-container > .container {
        max-width: 56.25rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

.fact__title {
    font-weight: 600;
    margin-bottom: .25rem;
}

.fact__value {
    opacity: .85;
    overflow-wrap: anywhere;
}

@media (max-width: 61.99em) {
    .detail-page .course-facts .col:first-of-type {
        margin-top: 1.25rem;
    }

    .detail-page .course-facts .col:last-of-type {
        margin-bottom: 1.25rem;
    }
}

/* ===================
   3. Content Wrapper
   =================== */

.content-wrapper {
    margin-top: 40px;
}

.content-wrapper .detail-content-wrapper p {
    margin-bottom: 0;
}

/* ===================
   4. Sidebar
   =================== */

.sidebar {
    background-color: #F4F3F3;
}

.headline.headline--hochschulstandort {
    font-size: 1.125rem;
}

.contact-wrapper .contact-item > span {
    min-width: 3rem;
}

#standortSelect {
    text-wrap: wrap;
    padding-right: 35px;
}

/* ===================
   5. Infotag Detail
   =================== */

.infotag-details {
    margin-top: 1.5rem;
}

/* External links in RTE content styled like link-external (without icon-link-style) */
/* Only target links that don't already have link-external class */
.infotag-details a[href^="http"]:not([href*="studieren-in-bw.de"]):not(.link-external) {
    box-shadow: 0 1px #2a2623;
    display: inline;
    position: relative;
    text-decoration: none;
    padding: 0 0.2rem 0 1.4rem;
}

.infotag-details a[href^="http"]:not([href*="studieren-in-bw.de"]):not(.link-external)::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.1em;
    height: 1.2em;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 5H19V16H17V8.41421L6.25 19.1642L4.83578 17.75L15.5858 7H8V5Z' fill='%232a2623'/%3E%3C/svg%3E");
}

.infotag-details a[href^="http"]:not([href*="studieren-in-bw.de"]):not(.link-external):hover {
    text-decoration: none;
    box-shadow: 0 2px #2a2623;
    background-color: #f4f3f1;
}

.infotag-datetime {
    font-size: 1.125rem;
    margin-bottom: 1.5rem;
}

.infotag-description,
.infotag-program,
.infotag-specialties,
.infotag-registration,
.infotag-directions {
    margin-bottom: 1.5rem;
}

/* TODO: Review vertical spacing for RTE paragraphs
.infotag-details p {
    margin-bottom: 0;
}
*/

.infotag-links {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.infotag-links li {
    margin-bottom: 0.5rem;
}

/* Map Section */
.university-map {
    margin-top: 1.5rem;
}

.university-map .bitbw-maps {
    border-radius: 4px;
    border: 1px solid #ddd;
}

.route-planner-link {
    margin-top: 0.5rem;
}