/* 1) Remove default page margins so nothing ever shows whitespace on the sides */
html, body {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: clip; /* clip (not hidden) so position:sticky topbar keeps working */
}

body {
  background-color: #f9f9f9;
}

/* Top bar with language switcher */
.press-topbar {
    position: sticky; top: 0; z-index: 50;
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    background: #0c171b; color: #eaf2f2;
    padding: 12px 22px;
    font-family: 'Segoe UI', Tahoma, sans-serif;
}
.press-topbar .home-link { color: #eaf2f2; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; }
.press-topbar .home-link img { height: 26px; width: auto; }
.press-topbar .home-link:hover { text-decoration: none; color: #0FEACA; }
.press-lang { display: inline-flex; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; overflow: hidden; }
.press-lang button {
    background: transparent; color: #9fb3b6; border: 0; cursor: pointer;
    font-family: inherit; font-weight: 700; font-size: .78rem; padding: 6px 12px; transition: all .15s;
}
.press-lang button.active { background: #0FEACA; color: #07211d; }

/* RTL for Arabic */
[dir="rtl"] .container { text-align: right; }
[dir="rtl"] ul { margin-left: 0; margin-right: 1.5em; padding-left: 0; padding-right: 1em; }
[dir="rtl"] p[style*="margin-left"] { margin-left: 0 !important; margin-right: 5vw !important; }
[dir="rtl"] td[style*="padding-left"] { padding-left: 0 !important; padding-right: 5vw !important; }
[dir="rtl"] a[href^="mailto:"]::before { content: "✉️ "; }

p {
    margin-bottom: 1em;
}

hr {
    border: none;
    border-top: 1px solid #ccc;
    margin: 2em 0;
}

ul {
    margin-left: 1.5em;
    padding-left: 1em;
}

li {
    margin-bottom: 0.5em;
}

a {
    overflow-wrap: break-word;
    color: #0066cc;
    text-decoration: none;
    font-weight: 600;
}

a:hover {
    text-decoration: underline;
}

h1, h2, h3 {
    color: #1a1a1a;
}

/* Email links */
a[href^="mailto:"]::before {
    content: "✉️ ";
}

.monument-medium {
    font-family: 'MONTSERRATMEDIUM', sans-serif;
    font-weight: bolder;
}

@font-face {
    font-family: 'MONTSERRATMEDIUM';
    src: url('./Fonts/MONTSERRAT-MEDIUM.TTF') format('opentype');
    font-style: normal;
}

.albratrial-regular {
    font-family: 'ALBRATRIALREGULAR', sans-serif;
    font-weight: bolder;
}

@font-face {
    font-family: 'ALBRATRIALREGULAR';
    src: url('./Fonts/ALBRATRIAL-REGULAR.OTF') format('opentype');
    font-style: normal;
}

.container {
    width: 94% !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #2c2c2c;
    line-height: 1.6;
    margin: auto;
    padding: 0 3% 0 3%;
    max-width: 900px;
}

.container .press-title-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container .press-title-container .controller {
    margin-bottom: 0;
}

.container .press-title-container .press-title {
    color: #376091;
    margin-top: 0;
    margin-bottom: 0;
}

.container .press-title-container .press-sub-title {
    color: #30849c;
}

.container .press-title-container img {
    width: 70%;
    max-width: 480px;
    height: auto;
}

.press-header-images {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 4vw;
    padding: 24px 22px;
}

.press-header-images img {
    width: 15%;
    max-width: 170px;
    height: auto;
}

.press-contact {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 2vw;
}

.press-contact p {
    margin-bottom: 0;
    margin-top: 0;
}

.press-contact .press-contact-title {;
    margin-bottom: 0;
    margin-top: 0;
}

@media only screen and (min-width: 600px) {
    .container .press-title-container .press-title {
        transform: scale(1.7);
        margin-top: 1vw;
    }
    .container .press-title-container .controller {
        transform: scale(1.7);
    }
    .container .press-title-container .press-sub-title {
        transform: scale(1.7);
    }
}

@media only screen and (max-width: 600px) {
    p, li, td, tr {
        font-size: 3.9vw;
    }

    .press-contact .press-contact-title {
        font-size: 4.5vw;
    }

    /* Roomier header logos + breathing room under the sticky bar */
    .press-header-images {
        padding: 22px 26px 10px;
        margin-bottom: 2vw;
    }
    .press-header-images img {
        width: 26%;
    }

    /* Keep the poster from running too long on phones */
    .container {
        padding-top: 8px;
    }
    .container .press-title-container img {
        width: auto;
        max-width: 82%;
        max-height: 52vh;
        object-fit: contain;
    }
}