/* ==========================================================
   _13-ARTISTS.CSS
   ========================================================== */

/* Hero */
body.page-template-template-artists .hero-section {
    width: 100%;
    height: 100vh;
}

/* Wrapper — !important för att vinna över GenerateBlocks style-1083.css */
.artists-content-wrapper {
    padding-left: var(--padding-x) !important;
    padding-right: var(--padding-x) !important;
    padding-top: var(--section-y) !important;
    padding-bottom: var(--section-y) !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* GB-containers inuti ska inte lägga till egen padding */
.artists-entry-content .gb-inside-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
}
.artists-entry-content .gb-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Typografi */
.artists-entry-content > p,
.artists-entry-content > h3,
.artists-entry-content > ul,
.artists-entry-content > ol,
.artists-entry-content .gb-text {
    max-width: var(--read-width);
    margin-right: auto;
    font-family: var(--font-mono);
    font-size: var(--text-md);
    line-height: 1.7;
    color: #333;
    margin-bottom: var(--sp-8);
}
.artists-entry-content h2,
.artists-entry-content .gb-text-4b66746e {
    max-width: 1000px !important;
    font-family: var(--font-display) !important;
    font-size: var(--text-2xl) !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    margin-top: var(--sp-20) !important;
    margin-bottom: var(--sp-10) !important;
    color: var(--color-text) !important;
}
.artists-entry-content .is-style-lead,
.artists-entry-content blockquote {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    line-height: 1.3;
    max-width: 1100px;
    margin: var(--sp-16) 0;
    border: none;
    padding: 0;
}

/* Bilder */
.artists-entry-content .wp-block-image { margin: var(--sp-16) 0; }
.artists-entry-content img { max-width: 100%; height: auto; }

/* Hero overlay */
body.page-template-template-artists .hero-style-text {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
    width: 90% !important;
    max-width: 800px !important;
    text-align: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 100 !important;
}
body.page-template-template-artists .scroll-down-arrow {
    display: inline-flex !important;
    margin: 0 auto !important;
    color: #fff !important;
    width: 40px;
    height: 40px;
}
body.page-template-template-artists .scroll-down-arrow svg { fill: #fff !important; }

@media (max-width: 767px) {
    .artists-entry-content h2 { font-size: 2.2rem !important; }
}