/* GO-FINDYOU Public Catalog 6.0
   Detailseite: großer Screenshot, Inhalt darunter, Cockpit rechts
*/

/* Hauptbereich der Detailseite */
body:has([data-entry-screenshot-open]) main {
    overflow: visible;
}

/* Zweispaltiges Seitenlayout: Inhalt + Live-Cockpit */
body:has([data-entry-screenshot-open]) .gfy-intelligence-layout,
body:has([data-entry-screenshot-open]) .entry-detail-layout,
body:has([data-entry-screenshot-open]) .entry-layout,
body:has([data-entry-screenshot-open]) .gfy-entry-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(290px, 330px) !important;
    gap: 26px !important;
    align-items: start !important;
}

/*
 * Der Kartenbereich mit Screenshot und Inhaltsinformationen
 * wird untereinander statt nebeneinander angeordnet.
 */
body:has([data-entry-screenshot-open]) .gfy-intelligence-hero,
body:has([data-entry-screenshot-open]) .gfy-intelligence-card,
body:has([data-entry-screenshot-open]) .entry-hero-card,
body:has([data-entry-screenshot-open]) .entry-intelligence-card,
body:has([data-entry-screenshot-open]) [class*="intelligence"]:has(> [data-entry-screenshot-open]),
body:has([data-entry-screenshot-open]) [class*="hero"]:has([data-entry-screenshot-open]) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    overflow: hidden !important;
}

/* Screenshot über die volle Breite */
body:has([data-entry-screenshot-open]) [data-entry-screenshot-open],
body:has([data-entry-screenshot-open]) .gfy-intelligence-screenshot {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 22px 22px 0 0 !important;
    background: #eaf1f7 !important;
    cursor: zoom-in !important;
}

/* Screenshot deutlich größer und vollständig sichtbar */
body:has([data-entry-screenshot-open]) [data-entry-screenshot-open] img,
body:has([data-entry-screenshot-open]) .gfy-intelligence-screenshot img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 460px !important;
    max-height: 720px !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
    object-position: top center !important;
    border-radius: 0 !important;
    transition: transform .35s ease !important;
}

body:has([data-entry-screenshot-open]) [data-entry-screenshot-open]:hover img {
    transform: scale(1.012) !important;
}

/* Inhaltsbereich unterhalb des Screenshots */
body:has([data-entry-screenshot-open]) .gfy-intelligence-copy,
body:has([data-entry-screenshot-open]) .gfy-intelligence-content,
body:has([data-entry-screenshot-open]) .entry-intelligence-content,
body:has([data-entry-screenshot-open]) .entry-hero-content,
body:has([data-entry-screenshot-open]) [class*="intelligence"] > [class*="content"] {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding: 30px 32px 34px !important;
}

/* Titel erhält mehr Platz */
body:has([data-entry-screenshot-open]) .gfy-intelligence-copy h1,
body:has([data-entry-screenshot-open]) .gfy-intelligence-content h1,
body:has([data-entry-screenshot-open]) .entry-intelligence-content h1,
body:has([data-entry-screenshot-open]) .entry-hero-content h1 {
    max-width: 820px !important;
    font-size: clamp(2.55rem, 4vw, 4.25rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -.055em !important;
}

/* Beschreibung breiter und besser lesbar */
body:has([data-entry-screenshot-open]) .gfy-intelligence-copy > p,
body:has([data-entry-screenshot-open]) .gfy-intelligence-content > p,
body:has([data-entry-screenshot-open]) .entry-intelligence-content > p,
body:has([data-entry-screenshot-open]) .entry-hero-content > p {
    max-width: 780px !important;
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
}

/* Meta-Leiste unter Screenshot */
body:has([data-entry-screenshot-open]) .gfy-intelligence-screenshot-meta,
body:has([data-entry-screenshot-open]) .entry-screenshot-meta,
body:has([data-entry-screenshot-open]) [class*="screenshot-meta"] {
    display: flex !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 14px 18px !important;
    border-top: 1px solid #e5edf5 !important;
    background: #fff !important;
}

/* Live-Cockpit rechts sticky */
body:has([data-entry-screenshot-open]) .gfy-live-cockpit,
body:has([data-entry-screenshot-open]) .live-cockpit,
body:has([data-entry-screenshot-open]) .entry-live-cockpit,
body:has([data-entry-screenshot-open]) aside:has(h2) {
    position: sticky !important;
    top: 22px !important;
    align-self: start !important;
}

/* Karten unterhalb kompakter und harmonischer */
body:has([data-entry-screenshot-open]) .gfy-intelligence-metrics,
body:has([data-entry-screenshot-open]) .entry-quality-grid,
body:has([data-entry-screenshot-open]) [class*="metric-grid"],
body:has([data-entry-screenshot-open]) [class*="quality-grid"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

/* Leere Restflächen verhindern */
body:has([data-entry-screenshot-open]) [class*="screenshot-column"],
body:has([data-entry-screenshot-open]) [class*="visual-column"] {
    min-height: 0 !important;
}

/* Lightbox */
.gfy-pc6-lightbox {
    position: fixed;
    z-index: 2147483647;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 32px;
    background: rgba(5, 16, 29, .88);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.gfy-pc6-lightbox[hidden] {
    display: none;
}

.gfy-pc6-lightbox__dialog {
    position: relative;
    width: min(1420px, 96vw);
    max-height: 92vh;
    overflow: auto;
    border-radius: 20px;
    background: #122238;
    box-shadow: 0 35px 100px rgba(0, 0, 0, .45);
}

.gfy-pc6-lightbox__dialog img {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
}

.gfy-pc6-lightbox__close {
    position: sticky;
    z-index: 3;
    top: 12px;
    float: right;
    width: 44px;
    height: 44px;
    margin: 12px 12px -56px 0;
    border: 0;
    border-radius: 50%;
    color: #102543;
    background: #fff;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
    cursor: pointer;
    font-size: 1.4rem;
}

@media (max-width: 1050px) {
    body:has([data-entry-screenshot-open]) .gfy-intelligence-layout,
    body:has([data-entry-screenshot-open]) .entry-detail-layout,
    body:has([data-entry-screenshot-open]) .entry-layout,
    body:has([data-entry-screenshot-open]) .gfy-entry-layout {
        grid-template-columns: 1fr !important;
    }

    body:has([data-entry-screenshot-open]) .gfy-live-cockpit,
    body:has([data-entry-screenshot-open]) .live-cockpit,
    body:has([data-entry-screenshot-open]) .entry-live-cockpit,
    body:has([data-entry-screenshot-open]) aside:has(h2) {
        position: static !important;
    }
}

@media (max-width: 720px) {
    body:has([data-entry-screenshot-open]) [data-entry-screenshot-open] img,
    body:has([data-entry-screenshot-open]) .gfy-intelligence-screenshot img {
        min-height: 260px !important;
        aspect-ratio: 16 / 10 !important;
    }

    body:has([data-entry-screenshot-open]) .gfy-intelligence-copy,
    body:has([data-entry-screenshot-open]) .gfy-intelligence-content,
    body:has([data-entry-screenshot-open]) .entry-intelligence-content,
    body:has([data-entry-screenshot-open]) .entry-hero-content {
        padding: 23px 20px 26px !important;
    }

    body:has([data-entry-screenshot-open]) .gfy-intelligence-metrics,
    body:has([data-entry-screenshot-open]) .entry-quality-grid,
    body:has([data-entry-screenshot-open]) [class*="metric-grid"],
    body:has([data-entry-screenshot-open]) [class*="quality-grid"] {
        grid-template-columns: 1fr !important;
    }

    .gfy-pc6-lightbox {
        padding: 10px;
    }
}