/* Template specific styles */
@import './font.css';
@import './nav.css';
@import './footer.css';
@import './containers.css';
@import './person-card.css';
@import './page-info-button.css';
@import './category-info-overlay.css';
/* blocks */
@import './blocks/rds_intro.css';
@import './blocks/rds_kapital.css';
@import './blocks/rds_sound_text.css';
@import './blocks/rds_text.css';
@import './blocks/rds_dummy.css';
@import './blocks/rds_section.css';
@import './blocks/rds_quote.css';
@import './blocks/rds_image.css';
@import './blocks/rds2_header.css';
@import './blocks/rds2_intro.css';
@import './blocks/rds2_capital.css';
@import './blocks/rds2_bg_group.css';
@import './blocks/rds2_bg_text.css';
@import './blocks/rds2_about_image.css';
@import './blocks/rds2_orginal_image.css';
@import './blocks/rds2_dummy.css';
@import './blocks/rds2_zitat.css';
@import './blocks/rds2_normal_group.css';
@import './blocks/rds2_images_text.css';
@import './blocks/rds2_module_meta.css';
@import './blocks/rds2_weiterlesen.css';





:root {
    /* media queries */
    /* tablet: 768px */
    /* desktop: 1025px */


    /* font weights */
    --light: 300;
    --regular: 400;
    --medium: 500;
    --bold: 700;
    --black: 900;

    
    /* colors */
    --white-main: #fff;
    --black-main: #000;
    --green-main: #64FF99;

    /* Popup max width */
    --popup-max-width: 1000px;


    /* nav height */
    --nav-height: 60px;
    --nav-height-mobile: 54px;


    /* padding */
    --padding-global: 20px;
    --padding-block-small: 10svh;
    --padding-block-medium: 30svh;
    --padding-block-large: 50svh;


    /* max width */
    --max-width-global: 1920px;
    --max-width-content: 1600px;

    /* border radius */
    --border-radius-global: 20px;
    --border-radius-circle: 50%;
    --border-width-global: 5px;

    /* sound box size */
    --sound-box-size: 90px;

    /* card size */
    --card-max-width: 900px;

}

/* hide horizontal scrollbar */
::-webkit-scrollbar {
    display: none;
}
::-moz-scrollbar {
    display: none;
}
::-ms-scrollbar {
    display: none;
}

/* hide vertical scrollbar */
::-webkit-scrollbar {

    display: none;
}
::-moz-scrollbar {
    display: none;
}
::-ms-scrollbar {
    display: none;
}

/* hide scrollbar */
::-webkit-scrollbar {
    display: none;
}
::-moz-scrollbar {
    display: none;
}
::-ms-scrollbar {
    display: none;
}
/* fonts */
@font-face {
    font-family: 'ToshA';
    src: url('../fonts/ToshA-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ToshA';
    src: url('../fonts/ToshA-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ToshA';
    src: url('../fonts/ToshA-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ToshA';
    src: url('../fonts/ToshA-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ToshA';
    src: url('../fonts/ToshA-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ToshA';
    src: url('../fonts/ToshA-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Popup navigation: nav 숨김 시 X 버튼 위로 이동 (desktop only) */
@media (min-width: 769px) {
    .rds2-bg-text-detail-navigation,
    .rds2-zitat-detail-navigation,
    .rds2-about-image-content-navigation,
    .rds2-images-text-fullscreen-nav {
        transition: padding-top 0.3s ease;
    }

    body:has(.nav-main.nav-hidden) .rds2-bg-text-detail-navigation,
    body:has(.nav-main.nav-hidden) .rds2-zitat-detail-navigation,
    body:has(.nav-main.nav-hidden) .rds2-about-image-content-navigation,
    body:has(.nav-main.nav-hidden) .rds2-images-text-fullscreen-nav {
        padding-top: var(--padding-global);
    }
}

/* Popup close button: shared label + icon styles (rds2_zitat, rds2_bg_text, rds2_images_text, rds2_bg_group about) */
.rds2-popup-close-label {
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1;
    white-space: nowrap;
    user-select: none;
}
.rds2-popup-close-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 1.25rem;
}



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 16px;
}


body {
    font-family: 'ToshA';
    font-weight: var(--regular);
    color: var(--black-main);
    background-color: var(--black-main);
    overscroll-behavior-y: none;
}

/* ── RTL line-height adjustments (Arabic) ───────────────────────── */
[dir="rtl"] .rds2-header-section-content h1,
[dir="rtl"] .rds2-capital-section-content-right h1 {
    line-height: 1.5;
}

[dir="rtl"] .rds2-intro-section-content,
[dir="rtl"] .rds2-bg-text-box,
[dir="rtl"] .rds2-bg-text-title,
[dir="rtl"] .rds2-bg-text-content,
[dir="rtl"] .rds2-zitat-text,
[dir="rtl"] .rds-section-container h2,
[dir="rtl"] .rds2-about-image-group-title h2,
[dir="rtl"] .rds2-about-image-group-text,
[dir="rtl"] .rds2-about-image-group-image-caption,
[dir="rtl"] .rds2-orginal-image-text,
[dir="rtl"] .rds2-bg-text-detail-content-main p {
    line-height: 1.7;
}