/* Zweisprachiges Hauptmenü: Pashto oben, Englisch unten */

.menu-bilingual {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    line-height: 1.2;
}

.menu-pashto {
    display: block;
    direction: rtl;
    unicode-bidi: isolate;

    font-family:
        Calibri,
        "Noto Sans Arabic",
        "Noto Naskh Arabic",
        "Segoe UI",
        Tahoma,
        Arial,
        sans-serif;

    font-size: 1rem;
    font-weight: 600;
}

.menu-english {
    display: block;
    direction: ltr;
    unicode-bidi: isolate;

    font-family:
        Calibri,
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: 0.72rem;
    font-weight: 400;
    margin-top: 3px;
    opacity: 0.85;
}

#mod-menu1 > li > a,
#mod-menu1 > li > a:hover,
#mod-menu1 > li > a:focus {
    text-decoration: none;
}

#mod-menu1 > li > a {
    padding-left: 12px;
    padding-right: 12px;
}

/* =========================================================
   A. W. Achakzai – globale Typografie
   Calibri zuerst, danach Fonts für Pashto/Arabisch
   ========================================================= */

body,
input,
button,
select,
textarea,
.article-info,
.article-info-term,
.com-content-article,
.com-content-category,
.blog,
.blog-featured,
.item-content {
    font-family:
        Calibri,
        "Noto Sans Arabic",
        "Noto Naskh Arabic",
        "Segoe UI",
        Tahoma,
        Arial,
        sans-serif;
}


/* Alle Überschriften und Artikeltitel */

h1,
h2,
h3,
h4,
h5,
h6,
.page-header,
.page-header h1,
.page-header h2,
.item-title,
.item-title a,
.article-title,
.article-title a,
.com-content-article h1,
.com-content-article h2,
.com-content-article h3,
.com-content-article h4,
.com-content-article h5,
.com-content-article h6 {
    font-family:
        Calibri,
        "Noto Sans Arabic",
        "Noto Naskh Arabic",
        "Segoe UI",
        Tahoma,
        Arial,
        sans-serif;
}


/* =========================================================
   Artikelbilder

   Bilder bilden immer einen eigenen Block.
   Artikeltext darf NICHT rechts/links daneben fließen.
   ========================================================= */

.com-content-article figure,
.com-content-article .item-image,
.com-content-article .image,
.blog-item figure,
.blog-item .item-image,
.aw-smashboard-card figure,
.aw-smashboard-card .item-image {
    display: block;
    float: none !important;
    clear: both;
    width: 100%;
    max-width: 100%;
}


/*
   Auch Joomla-Klassen wie float-start / float-end innerhalb
   des Artikelbild-Bereichs neutralisieren.
*/

.com-content-article figure.float-start,
.com-content-article figure.float-end,
.com-content-article .item-image.float-start,
.com-content-article .item-image.float-end,
.blog-item figure.float-start,
.blog-item figure.float-end,
.blog-item .item-image.float-start,
.blog-item .item-image.float-end {
    float: none !important;
    clear: both !important;
    margin-left: 0;
    margin-right: 0;
}


/*
   Das Bild selbst:
   - niemals breiter als sein Bereich
   - kleine Bilder werden NICHT künstlich verzerrt
   - bleiben ordentlich im eigenen Bildblock
*/

.com-content-article figure img,
.com-content-article .item-image img,
.blog-item figure img,
.blog-item .item-image img {
    display: block;
    float: none !important;

    width: auto;
    max-width: 100%;
    height: auto;

    margin-left: auto;
    margin-right: auto;
}


/*
   Alles nach einem Bildbereich beginnt darunter.
*/

.com-content-article figure::after,
.com-content-article .item-image::after,
.blog-item figure::after,
.blog-item .item-image::after {
    content: "";
    display: block;
    clear: both;
}