/* ====== Cozy (Roumeika Custom) main stylesheet ====== */

@media screen{
*{box-sizing:border-box}
html{font-family:"Lora",serif;font-size:16px;line-height:24px}
body{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-family:"Bitter",serif}
h1{font-size:32px;margin:12px 0;line-height:48px}
h2{font-size:28px;margin:12px 0;line-height:48px}
h3{font-size:24px;margin:12px 0}
h4{font-size:20px;margin:12px 0}
a{color:#087b94}
a:link,a:visited{text-decoration:none}
a:hover{text-decoration:underline}
p a,span a,div a{text-decoration:underline}
table{border-collapse:collapse;width:100%}
th{border-bottom:3px solid #000;padding:6px}
td{border-bottom:1px solid #c8c8c8;padding:6px}
pre{overflow-x:scroll}
textarea,input[type=text],input[type=password],input[type=email],input[type=url],input[type=number],input[type=date],input[type=datetime-local]{font-family:"Lora",serif;font-size:16px;line-height:24px;border:1px solid #000;padding:5px}
input[type=submit],button,.button{font-family:"Lora",serif;font-size:16px;line-height:24px;background-color:#000;text-align:center;padding:6px;border-radius:2px;color:#eee;line-height:24px;display:inline-block;font-weight:bold;border:0;cursor:pointer}
input[type=submit]:hover,button:hover,.button:hover{background-color:#087b94;color:#fff;border-bottom-width:0px}
input[type=submit].inactive,button.inactive,.button.inactive{background-color:rgba(0,0,0,.08);color:#999}
[type=submit]{margin-left:28.5714285714%}
input[type=checkbox]{margin:0;vertical-align:bottom}
select{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #000;border-radius:2px;font-family:"Lora",serif;font-size:16px;line-height:24px;padding:5px;padding-right:24px;background:#fff url(../../../../application/asset/img/select-arrow.svg) no-repeat;background-position:right 6px center;background-size:8px;height:36px}
.field{display:flex;flex-wrap:wrap;margin:24px 0}
.field .field-meta{width:28.5714285714%;text-align:right;padding:6px 24px 0 0}
.required.field .field-meta:after{content:"*"}
.field .field-meta .field-description{font-size:14px;line-height:18px;font-style:italic}
.field .inputs{width:69.387755102%}
.field .inputs .value{margin-bottom:12px}
.oc-content-inner{background-color:#fff}
.oc-content-inner:after{content:"";background-color:#fff;position:absolute;top:100%;right:0;left:0;z-index:-1}
nav ul{list-style-type:none}
.pagination{display:flex;flex-wrap:wrap;align-items:center}
.pagination .button{min-width:36px}
.pagination form{display:inline-block;margin-right:12px}
.pagination .pagination-buttons{margin-right:12px}
.pagination input[type=text]{text-align:center}
#skipnav{position:fixed;top:4px;left:50%;border:1px solid #000;transform:translateX(-50%);z-index:-5;padding:6px;background-color:#fff;opacity:0}
#skipnav:focus{z-index:1000;opacity:1}
header{max-width:1200px;margin:0 auto;color:#e7e7e7;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;flex-wrap:wrap}
header:before{content:"";position:absolute;top:0;left:-9999px;right:-9999px;bottom:0;background-color:#000;z-index:-1}
header a:link,header a:visited{color:#fff}
header .site-title{display:inline-block;vertical-align:middle;margin-right:auto}
header .site-title img{vertical-align:top}
header h1{margin:6px 24px 6px 0;font-size:20px;line-height:24px}
header nav{padding:24px;font-size:14px;line-height:18px}
header nav ul{padding-left:0}
header nav>ul>li{border-bottom:1px solid #cacaca;padding-bottom:11px;margin-bottom:12px}
header nav>ul>li:last-child{border-bottom:0}
header nav>ul>li>ul li{padding-left:12px;text-indent:-12px;margin:6px 0}
header nav>ul>li>ul li:before{content:"—";color:#000;width:12px;display:block;float:left}
header nav ul ul ul{display:block}
header nav a:link,header nav a:visited{color:#000}
#search-form{border:1px solid #fff;border-radius:2px;margin:0 12px 0 0;height:36px;overflow:hidden;display:flex}
#search-form>*{vertical-align:top}
#search-form input[type=text]{background-color:#000;color:#fff;border:0}
#search-form button[type=submit]{margin-left:0;text-indent:-9999px;position:relative}
#search-form button[type=submit]:before{content:"";font-family:"Font Awesome 5 Free";text-indent:0;position:absolute;top:0;right:0;left:0;bottom:0;line-height:36px}
#search-form button,#menu-button{border:1px solid #fff;border-radius:2px;width:36px;height:36px;text-align:center;font-size:18px}
#search-form button{border-width:0px 0px 0px 1px;border-radius:0}
.banner{display:flex;justify-content:center;overflow:hidden}
.banner.contained{max-width:1200px;margin:0 auto;padding:0 24px}
.banner img{width:100%}
footer{max-width:1200px;margin:0 auto;padding:24px;overflow:hidden}
.oc-container,.oc-pusher,.oc-content{height:100%}
.oc-content,.oc-content-inner{position:relative}
.oc-container{position:relative;overflow:hidden}
.oc-pusher{height:auto;min-height:100vh;position:relative;left:0;transition:transform 400ms;z-index:99}
.oc-pusher::after{content:"";height:0;position:absolute;top:0;right:0;opacity:0;width:0;transition:opacity 400ms,width .1s 400ms,height .1s 400ms;background:transparent}
.oc-menu-open .oc-pusher::after{height:100%;opacity:1;transition:opacity 400ms;width:100%}
.oc-menu{height:100%;position:absolute;top:0;left:0;transition:all 400ms;visibility:hidden;width:225px;z-index:100;background:#bfd7dc}
.oc-menu-open .oc-menu::after{height:0;opacity:0;transition:opacity 400ms,width .1s 400ms,height .1s 400ms;width:0}
.oc-push.oc-menu{transform:translate3d(-100%, 0, 0)}
.oc-push.oc-menu::after{display:none}
.oc-push.oc-menu-open .oc-pusher{transform:translate3d(225px, 0, 0)}
.oc-push.oc-menu-open .oc-push.oc-menu{overflow:hidden;overflow-y:scroll;transition:transform 400ms;visibility:visible}
.no-js .oc-menu{height:auto;position:static;transform:translate3d(0, 0, 0);width:100%;visibility:visible}
.no-js #oc-trigger{display:none}
.no-js .oc-pusher{padding-left:0}
.no-csstransforms3d .oc-pusher{padding-left:225px}
#content{max-width:1200px;margin:0 auto;padding:24px;overflow:hidden}
#content>*:first-child{margin-top:0}
nav.breadcrumbs{padding:6px;border-radius:2px;margin:12px 0;background-color:#e7e7e7}
.sub-menu ul{padding-left:0;margin:0}
.sub-menu li{display:inline-block}
.sub-menu a{font-family:"Lora",serif;font-size:16px;line-height:24px;background-color:#000;text-align:center;padding:6px;border-radius:2px;color:#eee;line-height:24px;display:inline-block;font-weight:bold;border:0;cursor:pointer;margin-bottom:6px}
.sub-menu a:hover{background-color:#087b94;color:#fff;border-bottom-width:0px}
.sub-menu a.inactive{background-color:rgba(0,0,0,.08);color:#999}
.site-page-pagination{clear:both;margin:0 auto;padding:24px 0;color:#fff;max-width:1200px}
.site-page-pagination a{font-family:"Lora",serif;font-size:16px;line-height:24px;background-color:#000;text-align:center;padding:6px;border-radius:2px;color:#eee;line-height:24px;display:inline-block;font-weight:bold;border:0;cursor:pointer}
.site-page-pagination a:hover{background-color:#087b94;color:#fff;border-bottom-width:0px}
.site-page-pagination a.inactive{background-color:rgba(0,0,0,.08);color:#999}
ul.resource-list{list-style-type:none;padding-left:0}
ul.resource-list .resource{border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:23px;margin:24px 0;overflow:hidden;position:relative}
ul.resource-list .resource>*:last-child{margin-bottom:0}
ul.resource-list .resource:first-child{border-top:1px solid rgba(0,0,0,.08);padding-top:23px}
ul.resource-list .resource img{height:auto;width:96px;float:right;margin-left:12px}
ul.resource-list .resource h4{margin-top:0}
.body-truncate-fadeout ul.resource-list .resource .description{max-height:96px;overflow:hidden;position:relative}
.body-truncate-fadeout ul.resource-list .resource .description:after{content:"";position:absolute;top:66px;left:0;right:0;height:30px;background:linear-gradient(to top, white, rgba(255, 255, 255, 0))}
.body-truncate-ellipsis ul.resource-list .resource .description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
ul.resource-list .resource img~*{width:calc(100% - 108px)}
.expand:after,.collapse:after{font-family:"Font Awesome 5 Free";font-weight:900}
.expand:after{content:""}
.collapse:after{content:""}
.collapsible{display:none}
.collapse+.collapsible{width:100%;display:block;margin:24px 0;padding-left:24px;border-left:3px solid #eee;overflow:hidden}
.resource.show #content>h2:first-of-type{margin-bottom:0;display:block;width:80%;float:right;word-break:break-word;margin:0 6px 24px 0}
.resource.show #content>h2+h3{font-family:"Lora",serif;font-size:16px;background-color:#000;color:#e7e7e7;padding:6px 12px;display:block;margin:6px 0;line-height:24px;width:calc(20% - 18px);float:left;text-align:right}
.with-sidebar{width:65%;float:left}
.resource.show .media-list,.resource.show .property{margin-bottom:24px;display:flex;flex-wrap:wrap;justify-content:flex-end;padding-right:24px;width:100%}
.resource.show .media-list:last-child,.resource.show .property:last-child{margin-bottom:0}
.media-list dt,.property dt{font-weight:bold}
.media-list dt,.property dt,.media-list .value,.property .value{width:100%;margin:0 0 6px}
.item-with-metadata .property dt,.item-with-metadata .media-list dt,.full-width .media-list dt,.full-width .property dt,#linked-resources>dt{width:25%;text-align:right;display:inline-block;margin:0;vertical-align:top;padding-right:12px;font-size:16px;line-height:24px}
.resource.show .property .field-term{font-size:12px;display:inline-block}
.item-with-metadata .property .value,.full-width .property .value,.full-width .media-list dt~.resource-link{width:75%;display:inline-flex;flex-wrap:wrap;text-align:left;margin-left:0}
.item-with-metadata .property .value:not(:first-of-type),.full-width .property .value:not(:first-of-type),.full-width .media-list dt~.resource-link:not(:first-of-type){border-top:1px solid #eee;padding-top:5px}
.resource.show .property table{margin-top:-6px}
.resource.show #itemfiles.media-list{width:100%;margin-bottom:24px}
.resource.show .media-embeds,.resource.show .media-list .resource-link:not(:last-child){margin-bottom:24px}
.resource.show .media-list .resource-name{word-wrap:break-word;display:block}
.resource.show .media-list~*{clear:both}
.media-render{clear:both}
.media-render>*{max-width:100%}
.media.resource.show .property{width:100%;display:flex}
.media.resource.show .property dt{width:20%}
.media.resource.show .property .value{width:80%}
.media.resource.show .media-render{margin:24px 0;text-align:center}
#item-linked{clear:left}
#item-linked h3{margin:12px 0 36px}
#linked-resources{display:flex;justify-content:flex-end;width:80%;flex-wrap:wrap;align-items:flex-start}
#linked-resources caption{text-align:left;font-weight:bold;padding:6px 6px 3px;border-bottom:3px solid #000}
#linked-resources th{text-align:left;border-bottom:1px solid #000}
.linked-header,.linked-footer{width:100%;margin-bottom:24px;display:flex;justify-content:flex-end}
#linked-filter{display:flex;align-items:center;width:50%;justify-content:flex-start;margin-right:auto}
#linked-filter h4{font-size:16px;width:auto;padding:0;margin-right:6px;text-align:left}
#linked-resources>h4{padding:6px;margin:0;text-align:right}
#item-linked .pagination{width:50%;text-align:right}
#item-linked .resource-link img{height:36px;width:auto;display:block;margin-right:6px}
#linked-resources .linked-resource{border-bottom:1px solid #eee;margin-bottom:12px;width:75%;padding:0 6px 11px}
#linked-resources .resource-link{display:flex;align-items:center}
.item-set-items{clear:both}
.filter{border-radius:2px;margin-bottom:12px;border:1px solid #000;display:inline-block}
.filter-label{display:inline-block;padding:5px}
.filter-value{padding:5px 12px;display:inline-block;background-color:#000;color:#fff}
a.advanced-search{font-family:"Lora",serif;font-size:16px;line-height:24px;background-color:#000;text-align:center;padding:6px;border-radius:2px;color:#eee;line-height:24px;display:inline-block;font-weight:bold;border:0;cursor:pointer;float:right}
a.advanced-search:hover{background-color:#087b94;color:#fff;border-bottom-width:0px}
a.advanced-search.inactive{background-color:rgba(0,0,0,.08);color:#999}
.browse-controls{display:flex;justify-content:space-between;flex-wrap:wrap}
.browse-controls>*{margin-bottom:12px}
.sorting button{margin-left:0}
.resource-list .resource .resource-link{display:inline}
.resource.show .sidebar.right{width:35%;float:right;padding-left:24px}
.resource.show .sidebar.right .media-list,.resource.show .sidebar.right .media-list dt,.resource.show .sidebar.right .media-list .resource-link,.resource.show .sidebar.right .property dt,.resource.show .sidebar.right .property .value{width:100%;text-align:left;padding-right:0}
.resource.show .sidebar.right .media-list dt{margin-bottom:6px}
.resource.show .sidebar.right .media-list .resource-link{align-items:flex-start;word-break:break-word}
.resource.show .sidebar.right .media-render *{max-width:100%;height:auto}
#advanced-search .inputs .value{margin-bottom:12px}
.remove-value.button{width:36px;height:36px;position:relative;margin-left:6px;text-indent:-9999px}
.remove-value.button:before{text-indent:0;position:absolute;top:0;bottom:0;right:0;left:0;padding:6px;line-height:24px}
.query-property{width:30%}
.sitewide-search-form{display:none}
.results{margin-bottom:48px;clear:both}
.results ul{list-style:none;padding-left:0}
.results .result-title{font-weight:bold}
.results>ul{margin:0;display:flex;flex-wrap:wrap}
.results>ul>li{margin-bottom:24px;width:calc(50% - 24px)}
.results>ul>li:nth-child(2n){margin-left:24px}
.results .result-site,.results ul ul{padding-left:12px;display:block}
.results>a:last-child{font-family:"Lora",serif;font-size:16px;line-height:24px;background-color:#000;text-align:center;padding:6px;border-radius:2px;color:#eee;line-height:24px;display:inline-block;font-weight:bold;border:0;cursor:pointer;margin-top:0}
.results>a:last-child:hover{background-color:#087b94;color:#fff;border-bottom-width:0px}
.results>a:last-child.inactive{background-color:rgba(0,0,0,.08);color:#999}
.pagination+.results{margin:24px 0 0;clear:both}
.sitewide-search-form~.results+.pagination{margin-top:0}
.sitewide-search-form~.advanced-search{display:block;float:left}
.sitewide-search-form~p{clear:both}
.sitewide-search-form~h2{width:50%;float:left;clear:both}
.sitewide-search-form~.pagination{margin:30px 0 24px;text-align:right;width:50%;float:right}
.index.search .results ul li{margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid #eee}
.value a.metadata-browse-link{font-size:14px}
button.slick-arrow:hover{background-color:transparent}
button.slick-arrow:hover span:before{color:#087b94}
}

/* =========================================================
   RUMEIKA CUSTOM – фон, фикс-хедер архива, tabs, блоки
   ========================================================= */

/* --- Общий фон как на главной странице roumeika.gr --- */

body {
    background-color: #f7f4ef;
}

/* Внутренний «лист» Omeka */
.oc-content-inner,
.oc-content-inner:after {
    background-color: #f7f4ef;
}

/* Ссылки в основном контенте */
#content a {
    color: #0b5e9b;
    text-decoration: none;
}
#content a:hover {
    text-decoration: underline;
}

/* --- Ширина и отступы основного контента архива --- */

#content {
    max-width: 1040px;
    margin: 0 auto;
    padding: 24px 0 24px;   /* сверху/снизу, без боковых */
}

/* =========================================================
   ФИКСИРОВАННЫЙ ХЕДЕР АРХИВА – 1:1 как на главной
   ========================================================= */

#archive-main-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 1000;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}

/* Внутренний контейнер – копия .header-inner с главной */
#archive-main-header .header-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 24px;              /* задаёт высоту хедера */
    display: flex;
    justify-content: space-between;  /* логотип слева, меню справа */
    align-items: center;
}

/* Логотип-текст */
#archive-main-header .logo-text {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    color: #0b5e9b;
    text-decoration: none;
    margin: 0;                       /* без дополнительных сдвигов */
    white-space: nowrap;
}

/* Меню справа */
#archive-main-header .main-nav ul {
    list-style: none;
    display: flex;
    gap: 1.2rem;
    margin: 0;
    padding: 0;
    font-size: 0.9rem;
}
#archive-main-header .main-nav li {
    box-shadow: none;
    border: 0;
}
#archive-main-header .main-nav a {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #1e4f80;
    font-size: 0.9rem;
    font-weight: 400;
    text-decoration: none;
    border-bottom: none;
}
#archive-main-header .main-nav a:hover {
    text-decoration: underline;
}

/* Убираем псевдолинии темы у ссылок меню */
#archive-main-header .main-nav li::before,
#archive-main-header .main-nav li::after,
#archive-main-header .main-nav a::after {
    content: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* Адаптивный хедер, как на главной */
@media (max-width: 720px) {
    #archive-main-header .header-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 12px 16px;
    }
}

/* =========================================================
   БЛОК «RECENTLY ADDED» (голубая карточка)
   ========================================================= */

.browse-preview {
    background: #eef4fa;
    border-radius: 18px;
    padding: 2rem 2.5rem;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04);
    margin-top: 3rem;
}

.browse-preview-heading {
    font-family: "Bitter", serif;
    font-size: 1.6rem;
    color: #23405a;
    margin: 0 0 1.6rem;
}

.browse-preview-items .item {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e5e5e5;
}

.browse-preview-items .item-title {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.browse-preview-items .item-title a {
    color: #174b7b;
}

.browse-preview-items .item-title a:hover {
    text-decoration: underline;
}

.browse-preview-items .item-description {
    font-family: "Lora", serif;
    font-size: 1rem;
    line-height: 1.7;
    color: #333333;
}

/* =========================================================
   TABS (Browse Items / Collections / …) – как кнопки hero
   ========================================================= */

.home-archive-tabs {
    max-width: 1040px;
    margin: 16px auto 24px;          /* расстояние от хедера до голубого блока */
    padding: 1.2rem 2rem;
    border-radius: 22px;
    background: #e8f0fa;
    display: flex;
    gap: 1rem;
}

.home-archive-tabs a {
    display: inline-flex;
    align-items: center;
    padding: 0.55rem 1.4rem;
    border-radius: 999px;
    border: 1px solid #1e4f80;
    font-family: "Bitter", serif;
    font-size: 1.05rem;
    font-weight: 600;
    color: #1e4f80;
    text-decoration: none;
    box-shadow: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.home-archive-tabs a:hover,
.home-archive-tabs a:focus-visible {
    background-color: rgba(30, 79, 128, 0.06);
    border-color: #1e4f80;
    color: #1e4f80;
    text-decoration: none;
}

/* активная вкладка */
.home-archive-tabs a.active,
.home-archive-tabs a[aria-current="page"],
.home-archive-tabs a.current {
    background-color: #1e4f80;
    color: #ffffff;
}

/* =========================================================
   Адаптив для tabs и блоков
   ========================================================= */

@media (max-width: 900px) {
    .home-archive-tabs {
        padding: 0.9rem 1.2rem;
        flex-wrap: wrap;
    }

    .browse-preview {
        padding: 1.6rem 1.4rem;
    }
}
/* Прячем админ-бар Omeka на публичной части сайта */
#user-bar {
    display: none !important;
}
/* ========= RDA: TOC BOX FOR DIATRIVI PAGE ========= */

.rda-toc {
    max-width: 1040px;
    margin: 0 auto 2.5rem;
    padding: 1.8rem 2.2rem;
    background: #eef4fa;
    border-radius: 18px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
    font-family: "Lora", serif;
}

.rda-toc h2 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: "Bitter", serif;
    font-size: 1.5rem;
    color: #23405a;
}

.rda-toc ul {
    margin: 0;
    padding-left: 1.2rem;
}

.rda-toc-level1 > li {
    margin-bottom: 0.4rem;
}

.rda-toc-level2 {
    margin-top: 0.25rem;
    padding-left: 1.4rem;
    font-size: 0.98rem;
}

.rda-toc-section {
    font-weight: 600;
    color: #1e4f80;
}

.rda-toc a {
    color: #0b5e9b;
    text-decoration: none;
}

.rda-toc a:hover {
    text-decoration: underline;
}

/* немного уменьшаем расстояние между строками, чтобы блок был компактнее */
.rda-toc li {
    line-height: 1.4;
}
/* Ограничиваем ширину блока оглавления и центрируем */
.rda-toc {
    max-width: 980px; /* как контейнер на главной */
    margin: 0 auto 2.5rem;
    padding: 1.8rem 2.2rem;
    background: #eef4fa;
    border-radius: 18px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
    font-family: "Lora", serif;
}
/* уменьшить расстояние между хедером и заголовком страниц */
.oc-content-inner,
.page-layout-normal,
.blocks-inner {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Контейнер для внутренних страниц */
body:not(.site-page-home) #content {
    max-width: 980px;
    margin: 0 auto;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}
/* ====== Header for the Hadzhinov dissertation pages ====== */

.diatrivi-header {
    margin-bottom: 2rem;
    padding: 1rem 1.5rem;
    background: #f4f8ff;
    border-left: 4px solid #089494;
    border-radius: 6px;
}

.diatrivi-breadcrumb {
    font-size: 0.95rem;
    color: #445;
    margin-bottom: 0.3rem;
}

.diatrivi-breadcrumb a {
    text-decoration: none;
    font-weight: 600;
    color: #0b5e9b;
}

.diatrivi-breadcrumb a:hover {
    text-decoration: underline;
}

.diatrivi-subtitle {
    font-style: italic;
}

.diatrivi-chapter {
    font-size: 1.05rem;
    font-weight: 500;
}
/* Заголовки таблицы — выравнивание влево */
.rou-table thead th {
    text-align: left;      /* ← СДВИГАЕТ ВЛЕВО */
    padding-left: 0.5rem;  /* небольшой отступ слева */
  background: none !important;
    background-color: transparent !important;
    font-weight: 600;
}
/* --- FIX: Normalize Greek text copied from Word/Google Docs --- */

/* Удаляем font-size у любых span, которые Word вставляет скрыто */
span[style*="font-size"] {
    font-size: inherit !important;
    line-height: inherit !important;
}

/* Иногда Word ставит font-family — удаляем и его */
span[style*="font-family"] {
    font-family: inherit !important;
}

/* Полное обнуление чужих inline-стилей, но без вреда для ссылок */
span {
    font-size: inherit !important;
    font-family: inherit !important;
}

/* Для таблиц тоже убираем артефакты Word */
table span {
    font-size: inherit !important;
    font-family: inherit !important;
}
.browse-preview {
    background: transparent !important;
    border-radius: 0;              /* если хочешь убрать скругления */
    padding: 0;                    /* можно уменьшить отступы, если нужно */
    box-shadow: none !important;   /* без тени */
    margin-top: 3rem;              /* можешь оставить или уменьшить */
}
.browse-preview-heading {
    font-family: "Bitter", serif;
    font-size: 1.4rem;
    font-weight: 600;
    color: #1e3a5f;
    margin: 0 0 1.2rem;
    padding-bottom: 0.3rem;
   
}
.home-archive-tabs {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
/* === Hide BCP47 language tags shown before values === */
.value-language,
.language,
.lang,
.value .language,
.property .value .language,
.property .value .lang,
.resource.show .property .value .language,
.resource.show .property .value .value-language {
  display: none !important;
}
/* Скрываем только тот h3, который стоит сразу после заголовка айтема */
.item.resource.show #content > h2 + h3 {
  display: none !important;
}
/* Item sets: заменить заголовок на "Συλλογή" */
dl.item-sets > .property > dt{
  position: relative;
  color: transparent !important;   /* прячем оригинальный текст */
}

/* === Item sets: заменить "Ομάδες αντικειμένων" → "Συλλογή" корректно === */

/* === Item sets: "Ομάδες αντικειμένων" → "Συλλογή" и вернуть в колонку dt === */

.resource.show dl.item-sets > .property {
  display: flex;            /* на всякий случай, чтобы работало одинаково */
  flex-wrap: wrap;
}

.resource.show dl.item-sets > .property > dt {
  flex: 0 0 15% !important;   /* ← фикс: это держит его в левой колонке */
  width: 15% !important;      /* ← дублируем для надёжности */
  text-align: right;
  padding-right: 12px;
  position: relative;
  color: transparent !important;
  white-space: nowrap;
  line-height: 24px;
}

.resource.show dl.item-sets > .property > dt::after {
  content: "Συλλογή";
  position: absolute;
  right: 12px;
  top: 0;
  color: #000;
  font-family: "Bitter", serif;
  font-weight: 700;
  line-height: 24px;
}

/* и чтобы значение (dd) осталось в правой колонке */
.resource.show dl.item-sets > .property > dd.value {
  flex: 0 0 85% !important;
  width: 85% !important;
}
.resource.show dl.item-sets > .property > dt::after {
  right: 28px;   /* было 12px */
}
/* ================================
   RUMEIKA – type icons (browse)
   ================================ */



.browse-preview .type-icon {
  width: 110px;
  height: 110px;
  opacity: 0.35;
}
.item-title-with-icon{
  display:flex;
  align-items:center;
  gap:14px;
}
.item-title-with-icon .title-icon{
  position: relative;
  top: 3px;
}

/* === RUMEIKA: icon + title in one line === */

/* контейнер с иконкой и заголовком */
.resource.show #content {
    position: relative;
}

/* иконка */
.resource.show .item-type-icon {
    float: left;
    margin-right: 14px;
    margin-top: 6px; /* вертикальная подгонка */
}

/* сам заголовок */
.resource.show #content > h2:first-of-type {
    float: none !important;      /* убиваем float Cozy */
    width: auto !important;
    margin: 0 0 24px 0;
    display: inline-block;
}
.resource.show .item-type-icon {
   
    margin-top: 12px;   /* ниже */
}
/* === RUMEIKA: shift item title slightly to the right === */
.resource.show #content > h2:first-of-type {
    padding-left: 10px;   /* попробуй 4–10px */
}
/* Item-set page: replace Omeka default audio thumbnail with our SVG */
.item-set-items ul.resource-list img[src*="/application/asset/thumbnails/audio.png"]{
  content: url("/files/asset/type-icons/audio.svg");
  width: 96px;
  height: auto;
  opacity: 0.35; /* или 1 если хочешь чёрный */
}
.item-set-items ul.resource-list img[src*="/application/asset/thumbnails/person.png"]{
  content: url("/files/asset/type-icons/person.svg");
}
.item-set-items ul.resource-list img[src*="/application/asset/thumbnails/place.png"]{
  content: url("/files/asset/type-icons/place.svg");
}
/* =====================================================
   RUMEIKA – replace default Omeka thumbnails in LINKED resources
   ===================================================== */

/* Audio */
#linked-resources img[src*="/application/asset/thumbnails/audio.png"] {
  content: url("/files/asset/type-icons/audio.svg");
  width: 36px;
  height: auto;
  opacity: 0.35; /* или 1 */
}

/* Person (если появится) */
#linked-resources img[src*="/application/asset/thumbnails/person.png"] {
  content: url("/files/asset/type-icons/person.svg");
}

/* Place */
#linked-resources img[src*="/application/asset/thumbnails/place.png"] {
  content: url("/files/asset/type-icons/place.svg");
}

/* Collection */
#linked-resources img[src*="/application/asset/thumbnails/item-set.png"] {
  content: url("/files/asset/type-icons/collection.svg");
}
/* =====================================================
   RUMEIKA – person icon in linked resources (tables)
   ===================================================== */

/* Person thumbnail → custom SVG */
#linked-resources img[src*="/application/asset/thumbnails/person.png"],
#linked-resources img[src*="/application/asset/thumbnails/item.png"] {
  content: url("/files/asset/type-icons/person.svg");
  width: 48px;
  height: auto;
  opacity: 0.6;
}
/* =====================================================
   RUMEIKA – FINAL icon overrides (type-icons folder)
   put this at the VERY END of style.css
   ===================================================== */

/* ---------- Item page: icon + title alignment ---------- */
.resource.show #content .item-type-icon{
  float: left !important;
  margin: 10px 14px 0 0 !important;  /* опускаем иконку чуть ниже + отступ справа */
}

.resource.show #content > h2:first-of-type{
  float: none !important;             /* убираем float из Cozy */
  width: auto !important;
  display: inline-block !important;
  margin: 0 0 24px 0 !important;
  padding-left: 10px !important;      /* сдвиг названия чуть вправо (как ты просил) */
}

/* ---------- Item-set page (Items in collection): replace default thumbs ---------- */
.item-set-items ul.resource-list img[src*="/application/asset/thumbnails/audio.png"]{
  content: url("/files/asset/type-icons/audio.svg");
  width: 96px !important;
  height: auto !important;
  opacity: 0.35 !important;
}

.item-set-items ul.resource-list img[src*="/application/asset/thumbnails/person.png"]{
  content: url("/files/asset/type-icons/person.svg");
  width: 96px !important;
  height: auto !important;
  opacity: 0.35 !important;
}

.item-set-items ul.resource-list img[src*="/application/asset/thumbnails/place.png"]{
  content: url("/files/asset/type-icons/place.svg");
  width: 96px !important;
  height: auto !important;
  opacity: 0.35 !important;
}

/* ---------- Linked resources tables: replace default thumbs ---------- */
#linked-resources img[src*="/application/asset/thumbnails/audio.png"]{
  content: url("/files/asset/type-icons/audio.svg");
  width: 36px !important;
  height: auto !important;
  opacity: 0.35 !important;
}

#linked-resources img[src*="/application/asset/thumbnails/person.png"]{
  content: url("/files/asset/type-icons/person.svg");
  width: 36px !important;
  height: auto !important;
  opacity: 0.35 !important;
}

#linked-resources img[src*="/application/asset/thumbnails/place.png"]{
  content: url("/files/asset/type-icons/place.svg");
  width: 36px !important;
  height: auto !important;
  opacity: 0.35 !important;
}

/* (Осторожно) fallback: если Omeka показывает item.png вместо person.png */
/* включай только если уверен, что item.png у тебя всегда означает "Person" */
/*
#linked-resources img[src*="/application/asset/thumbnails/item.png"]{
  content: url("/files/asset/type-icons/person.svg");
  width: 36px !important;
  height: auto !important;
  opacity: 0.35 !important;
}
*/
/* Hide thumbnails/icons in linked-resources tables (keep only text) */
#linked-resources .resource-link img{
  display: none !important;
}
/* =========================================
   Item sets browse: replace right thumbnail
   ========================================= */

/* На странице item sets (Ομάδες αντικειμένων) */
.item-sets.browse ul.resource-list .resource > img,
.item-sets.browse ul.resource-list .resource > a > img {
  content: url("/files/asset/type-icons/collection.svg");
  width: 96px;
  height: auto;
  opacity: 0.4;      /* как у остальных иконок */
}
/* =========================================
   Item-set browse (/item-set): use collection icon
   ========================================= */

/* список item sets (Оμάδες αντικειμένων) */
body.item-set.browse ul.resource-list li.item-set.resource a.resource-link > img,
body.item-set.browse ul.resource-list li.item-set.resource > img {
  content: url("/files/asset/type-icons/collection.svg") !important;
  width: 96px !important;
  height: auto !important;
  opacity: 0.4 !important;
}
/* =========================================
   Item-set browse: rename title to "Συλλογές"
   ========================================= */

body.item-set.browse h2 > span.title {
  position: relative;
  color: transparent !important; /* скрываем оригинальный текст */
}

body.item-set.browse h2 > span.title::after {
  content: "Συλλογές";
  position: absolute;
  left: 0;
  top: 0;
  color: #000;
  font-family: "Bitter", serif;
  font-weight: 700;
}
/* =========================================
   Item-set browse: hide useless pagination
   ========================================= */

/* верхняя пагинация */
body.item-set.browse .browse-controls .pagination {
  display: none !important;
}

/* нижняя пагинация */
body.item-set.browse > .oc-container .pagination {
  display: none !important;
}

/* на всякий случай — если тема рендерит ещё раз */
body.item-set.browse nav.pagination {
  display: none !important;
}
/* =========================================
   Item-set browse: hide Advanced Search button
   ========================================= */

body.item-set.browse .browse-controls a.advanced-search {
  display: none !important;
}

/* на всякий случай — если тема рендерит её ещё раз */
body.item-set.browse a.advanced-search {
  display: none !important;
}
/* ITEM SET: hide "Λίστα αντικειμένων" only */
.item-set.resource.show h3 {
    display: none !important;
}
/* ITEM SET: hide only metadata labels (dt), keep values */
.item-set.resource.show .property > dt {
    display: none !important;
}
/* =========================================
   ITEM SET page (your HTML): custom title + hide duplicates
   body class: "item resource browse item-set ..."
   ========================================= */

/* 1) скрываем оригинальный заголовок (чтобы НЕ проявлялся при выделении) */
body.item-set #content > h2 > span.title{
  display: none !important;
}

/* 2) рисуем новый заголовок */
body.item-set #content > h2{
  margin: 12px 0 !important;
}

body.item-set #content > h2::before{
  content: "Συλλογή Εντουάρντ Χατζίνωβ – Ηχογραφήσεις";
  display: block;
  color: #000;
  font-family: "Bitter", serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
}

/* 3) убираем "Λίστα αντικειμένων" (оно сразу после h2) */
body.item-set #content > h3{
  display: none !important;
}

/* 4) убираем только первый блок метаданных (Τίτλος...), оставляя Περιγραφή/Εκδότης */
body.item-set #content .metadata dl > .property:first-child{
  display: none !important;
}
/* =========================================
   Item set page: "Αντικείμενα" -> "Τεκμήρια"
   + hide sorting (Created / order / button)
   ========================================= */

/* 1) Переименовать заголовок секции items */
body.item-set .item-set-items > h3{
  position: relative;
  color: transparent !important;   /* прячем "Αντικείμενα" */
}

body.item-set .item-set-items > h3::after{
  content: "Τεκμήρια";
  position: absolute;
  left: 0;
  top: 0;
  color: #000;
  font-family: "Bitter", serif;
  font-size: 24px;     /* как у h3 в теме */
  font-weight: 700;
}

/* 2) Убрать блок сортировки (Created / Φθίνουσα / Ταξινόμηση) */
body.item-set .item-set-items .browse-controls form.sorting{
  display: none !important;
}

/* (на всякий случай, если тема где-то иначе выводит сортировку) */
body.item-set .item-set-items .browse-controls .sorting{
  display: none !important;
}
/* ITEM SET: keep description, but make it a short teaser */
.item-set.resource.show ul.resource-list .description{
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;   /* 1 = совсем коротко, 2 = как тизер */
  overflow: hidden;
  max-width: 760px;        /* чтобы не растягивалось под иконку */
  line-height: 1.45;
  margin-top: 6px;
}

/* optional: slightly lighter teaser */
.item-set.resource.show ul.resource-list .description{
  opacity: 0.9;
}

/* Item set (collection) page: shorten item description (teaser) */
body.item-set ul.resource-list li.item.resource div.description{
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;  /* 1 или 2 */
  overflow: hidden !important;
}
/* Item pages: скрыть пагинацию в linked resources */
.item.resource.show #linked-resources .linked-header nav.pagination{
  display: none !important;
}
/* Linked resources: полностью убрать блок фильтра */
.item.resource.show #linked-filter,
.item.resource.show #linked-filter * {
  display: none !important;
}
/* === Replace linked resources heading (Spatial Coverage) === */
#linked-resources h3 {
    font-size: 0; /* скрываем оригинальный текст */
    position: relative;
}

#linked-resources h3::before {
    content: "Τεκμήρια που συνδέονται με τον τόπο";
    font-size: 1.4rem;      /* подгони под дизайн */
    font-weight: 700;
    display: block;
}
/* =====================================================
   LINKED RESOURCES: убрать фильтр/пагинацию и переименовать заголовок
   ===================================================== */

/* 1) Убираем блок "Φιλτράρισμα..." + селект + пагинацию */
#linked-resources .linked-header,
#linked-resources #linked-filter
 {
  display: none !important;
}

/* 2) Заменяем текст caption "Αντικείμενα με …" на "Τεκμήρια" */
#linked-resources caption.linked-resource-property{
  font-size: 0 !important;      /* прячем исходный текст */
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 0 !important;
}

#linked-resources caption.linked-resource-property::before{
  content: "Σχετικά τεκμήρια";
  font-size: 24px;              /* подгони под стиль */
  font-family: "Bitter", serif;
  font-weight: 700;
  display: block;
  padding: 6px 6px 12px;
}
/* Уменьшаем расстояние перед "Σχετικά τεκμήρια" */
#linked-resources {
  margin-top: 0 !important;
}

/* caption → наш заголовок */
#linked-resources caption.linked-resource-property::before {
  margin-top: 4px;      /* ← было больше */
  margin-bottom: 4px;   /* расстояние до таблицы */
  padding-top: 0;
}

/* убираем лишний отступ у предыдущих metadata */
.metadata,
dl {
  margin-bottom: 12px; /* вместо стандартного большого */
}
/* === LINKED RESOURCES: убрать большой разрыв после метаданных === */

/* dl с метаданными (Τίτλος, Wikipedia) — делаем компактнее */
.with-sidebar > dl{
  margin: 0 0 6px !important;
}

/* сам контейнер linked resources */
#linked-resources-container{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* на всякий случай: что рисует linked-resources.js */
#linked-resources-container #item-linked,
#linked-resources-container #linked-resources{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* твой заголовок "Σχετικά τεκμήρια" — ещё компактнее */
#linked-resources caption.linked-resource-property::before{
  padding: 0 6px 6px !important;
  margin: 0 !important;
}

/* если вдруг остаётся «пустое место» от header/footer linked resources */
#linked-resources-container .linked-header,
#linked-resources-container .linked-footer{
  margin: 0 !important;
  padding: 0 !important;
}
#linked-resources-container{ margin-top: 28px !important; }
/* метаданные над "Σχετικά τεκμήρια" — убираем нижний отступ */
.with-sidebar > dl{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
/* 1. Убираем все внешние отступы у linked-resources */
#linked-resources,
#linked-resources table {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 2. Наш заголовок "Σχετικά τεκμήρια" — минимальный отступ вниз */
#linked-resources caption.linked-resource-property::before {
  margin: 0 !important;
  padding: 0 0 0px 0 !important; /* ← контролируем зазор до таблицы */
  line-height: 1.2;
}

/* 3. Убираем стандартный отступ у thead */
#linked-resources thead {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 4. И КЛЮЧЕВОЕ: убираем верхний padding у заголовков таблицы */
#linked-resources thead th {
  padding-top: 0px !important;   /* ← можно 0px или 2px */
}

/* 5. На всякий случай: table без верхнего margin */
#linked-resources table {
  margin-top: 0 !important;
}
body.item-set .item-set-items > h3 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    height: 0;
    overflow: hidden;
}
body.item-set .item-set-items::before {
    content: "Τεκμήρια";
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin-top: 34px;
    margin-bottom: 0px;
}
#linked-resources table,
.item-set-items table {
    margin-top: -4px;
}
/* Τεκμήρια: компактные айтемы */
body.item-set .item-set-items ul.resource-list .resource {
    margin: 10px 0 !important;        /* было 24px */
    padding-bottom: 10px !important;  /* было 23px */
}
body.item-set .item-set-items ul.resource-list .resource h4,
body.item-set .item-set-items ul.resource-list .resource .resource-link {
    margin-bottom: 4px !important;
}
body.item-set .item-set-items ul.resource-list .resource .description {
    margin-top: 4px !important;
    line-height: 1.45;   /* чуть компактнее, но читабельно */
}
body.item-set .item-set-items ul.resource-list .resource {
    border-bottom: 1px solid rgba(0,0,0,0.15);
}
/* Τεκμήρια: уменьшить иконку айтема */
body.item-set .item-set-items ul.resource-list .resource > a.resource-link > img {
    width: 56px !important;   /* было 96 */
    height: auto !important;
    opacity: 0.35;
    margin-top: 4px;          /* вертикальная подгонка */
}
/* Τεκμήρια: убрать лишний отступ сверху у первого айтема */
body.item-set .item-set-items ul.resource-list > li.item.resource:first-child {
    margin-top: 6px !important;   /* было ~24 */
}
body.item-set .item-set-items .resource-name {
    display: inline-block;
    margin-bottom: 2px;
}
/* Browse items: rename "Αντικείμενα" → "Τεκμήρια" */
body.item.browse h2 {
  position: relative;
  color: transparent !important;
}

body.item.browse h2::after {
  content: "Τεκμήρια";
  position: absolute;
  left: 0;
  top: 0;
  color: #000;
  font-family: "Bitter", serif;
  font-weight: 700;
}
/* Browse items: hide pagination (top + bottom) */
body.item.browse .pagination {
  display: none !important;
}
/* Browse items: audio icon */
body.item.browse ul.resource-list img[src*="/application/asset/thumbnails/audio.png"] {
  content: url("/files/asset/type-icons/audio.svg");
  width: 36px !important;
  height: auto !important;
  opacity: 0.35 !important;
}
/* Browse items: person icon */
body.item.browse ul.resource-list img[src*="/application/asset/thumbnails/person.png"] {
  content: url("/files/asset/type-icons/person.svg");
  width: 36px !important;
  height: auto !important;
  opacity: 0.35 !important;
}
/* Browse items: place icon */
body.item.browse ul.resource-list img[src*="/application/asset/thumbnails/place.png"] {
  content: url("/files/asset/type-icons/place.svg");
  width: 36px !important;
  height: auto !important;
  opacity: 0.35 !important;
}
body.item.browse ul.resource-list li.resource {
  margin: 12px 0 !important;
  padding-bottom: 12px !important;
}
/* ==========================
   Browse items (/item): hide controls row
   ========================== */

/* 2) верхняя пагинация (внутри browse-controls) */
body.item.browse #content .browse-controls nav.pagination{
  display: none !important;
}

/* кнопка "Προχωρημένη αναζήτηση" */
body.item.browse #content .browse-controls a.advanced-search{
  display: none !important;
}

/* сортировка (Created / Φθίνουσα / Ταξινόμηση) */
body.item.browse #content .browse-controls form.sorting,
body.item.browse #content .browse-controls .sorting{
  display: none !important;
}

/* 4) нижняя пагинация (если есть ниже списка) */
body.item.browse #content > nav.pagination,
body.item.browse #content nav.pagination{
  display: none !important;
}
/* =====================================================
   Browse items (/item): replace default thumbnails with SVG (robust)
   ===================================================== */

/* базовый размер иконки в списке */
body.item.browse ul.resource-list .resource img{
  width: 56px !important;      /* подгони: 40/48/56 */
  height: 56px !important;
  object-fit: contain !important;
  opacity: 0.35 !important;
}

/* AUDIO */
body.item.browse ul.resource-list img[src*="/application/asset/thumbnails/audio.png"]{
  background: url("/files/asset/type-icons/audio.svg") no-repeat center/contain !important;
}

/* PERSON */
body.item.browse ul.resource-list img[src*="/application/asset/thumbnails/person.png"]{
  background: url("/files/asset/type-icons/person.svg") no-repeat center/contain !important;
}

/* PLACE */
body.item.browse ul.resource-list img[src*="/application/asset/thumbnails/place.png"]{
  background: url("/files/asset/type-icons/place.svg") no-repeat center/contain !important;
}

body.item.browse ul.resource-list img[src*="/application/asset/thumbnails/"]{
  /* скрыть саму картинку, но оставить элемент, чтобы фон был виден */
  visibility: hidden !important;
}
body.item.browse ul.resource-list img[src*="/application/asset/thumbnails/"]{
  visibility: visible !important;
  background-clip: content-box !important;
}
.items-table{
  width:100%;
  border-collapse:collapse;
}
.items-table th,
.items-table td{
  padding:10px 12px;
  border-bottom:1px solid rgba(0,0,0,0.15);
  vertical-align:top;
}
.items-table th{
  text-align:left;
  font-weight:700;
}
.icon-cell{ width:44px; }
.items-table .type-icon{
  width:22px;
  height:22px;
  opacity:0.55;
}
.subtitle-cell{
  opacity:0.9;
  line-height:1.45;
}

@media (max-width: 700px) {
  table.item-set-items-table,
  table.browse-items-table,
  table.people-items-table,
  table.item-set-items-table tbody,
  table.browse-items-table tbody,
  table.people-items-table tbody,
  table.item-set-items-table tr,
  table.browse-items-table tr,
  table.people-items-table tr,
  table.item-set-items-table td,
  table.browse-items-table td,
  table.people-items-table td {
    display: block;
    width: 100% !important;
    max-width: 100%;
  }

  table.item-set-items-table,
  table.browse-items-table,
  table.people-items-table {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    overflow: visible;
  }

  table.item-set-items-table thead,
  table.browse-items-table thead,
  table.people-items-table thead {
    display: none !important;
  }

  table.item-set-items-table tr,
  table.browse-items-table tr,
  table.people-items-table tr {
    position: relative;
    margin: 0 0 14px;
    padding: 14px 14px 12px;
    border: 1px solid rgba(0,0,0,0.14);
    background: #fff;
    overflow: hidden;
  }

  table.item-set-items-table td,
  table.browse-items-table td,
  table.people-items-table td {
    padding: 4px 0 !important;
    border: 0 !important;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }

  table.item-set-items-table .icon-cell,
  table.browse-items-table .icon-cell,
  table.people-items-table .icon-cell {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 28px !important;
    padding: 0 !important;
  }

  table.item-set-items-table .type-icon,
  table.browse-items-table .type-icon,
  table.people-items-table .type-icon {
    width: 22px !important;
    height: 22px !important;
    display: block;
    object-fit: contain;
    opacity: 0.5;
  }

  table.item-set-items-table .title-cell,
  table.browse-items-table .title-cell,
  table.people-items-table .title-cell {
    padding-right: 42px !important;
    margin-bottom: 6px;
    font-family: "Bitter", serif;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.35;
  }

  table.item-set-items-table .title-cell a,
  table.browse-items-table .title-cell a,
  table.people-items-table .title-cell a {
    color: #0b5e9b;
    text-decoration: none !important;
  }

  table.item-set-items-table td:not(.icon-cell):not(.title-cell)::before,
  table.browse-items-table td:not(.icon-cell):not(.title-cell)::before,
  table.people-items-table td:not(.icon-cell):not(.title-cell)::before {
    content: attr(data-label) ": ";
    font-weight: 700;
    color: #333;
  }
}
.rou-table--preview img.type-icon { width: 36px; height: 36px; }
.rou-table--preview thead tr {
    border-bottom: 1px solid #c8c8c8; /* светло-серый */
}
.rou-table--preview thead tr {
    border-bottom-color: #c8c8c8;
}
.rou-table--preview th {
    border-bottom: 1px solid #c8c8c8;
}
.rou-table--preview th:nth-child(3) {
    text-align: left;
}
.rou-table--preview td:nth-child(3),
.rou-table--preview th:nth-child(3) {
    padding-left: 18px;   /* попробуй 6–10px */
}
.rou-table--preview thead th{
  text-align: left !important;
}
.rou-table--preview td:nth-child(3){
  text-align: left !important;
  padding-left: 6px !important; /* попробуй 0–10 */
}
.rou-table--preview th:nth-child(3){
  padding-left: 6px !important;
}
/* Home table: align the 3rd column under its header */
.items-table th:nth-child(3),
.items-table td.subtitle-cell{
  text-align: left !important;
  padding-left: 6px !important; /* можешь 0/6/10 */
}
.site-footer {
    text-align: center;
    font-size: 0.85rem;
    color: #666;
    margin-top: 4rem;
    padding: 2rem 0 1.5rem;
}

/* =====================================================
   FINAL: Sticky footer (no extra scroll) + fix Linked resources width
   Put this at the VERY END of style.css
   ===================================================== */

/* -------------- Sticky footer без лишней прокрутки -------------- */
/* Важно: у тебя body имеет padding-top под фикс-хедер,
   поэтому min-height нужно считать с вычетом этого padding. */

.oc-container,
.oc-content {
  height: auto !important;
}

/* main = колонка, но высота = viewport MINUS header offset */
main.oc-content{
  min-height: calc(100vh - 70px);
  display: flex;
  flex-direction: column;
}

/* на мобильных у тебя padding-top 90px */
@media (max-width: 700px){
  main.oc-content{
    min-height: calc(100vh - 90px);
  }
}

/* inner растягивается */
main.oc-content > .oc-content-inner{
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}

/* контент занимает место, футер уходит вниз */
main.oc-content > .oc-content-inner > #content{
  flex: 1 0 auto;
}

/* футер прижат вниз */
main.oc-content > .oc-content-inner > footer.site-footer{
  margin-top: auto !important;
}

/* -------------- Linked resources: чтобы таблица не сжималась -------------- */
/* Убираем “узкое” поведение Cozy (80% + flex), делаем нормально на всю ширину. */
#linked-resources{
  width: 100% !important;
  display: block !important;
}

/* Таблица на всю доступную ширину */
#linked-resources table{
  width: 100% !important;
  table-layout: auto !important;
}

/* Категорию держим в одну строку (как у тебя было в DevTools) */
#linked-resources th:nth-child(2),
#linked-resources td:nth-child(2){
  white-space: nowrap !important;
}
/* ================================
   FIX: Person page linked resources width
   If right sidebar is empty -> expand content to full width
   ================================ */

/* 1) если сайдбар пустой — скрыть его */
.resource.show .sidebar.right:empty{
  display: none !important;
}

/* 2) и растянуть основную колонку на всю ширину */
.resource.show .sidebar.right:empty ~ .with-sidebar,
.resource.show .with-sidebar{
  width: 100% !important;
  float: none !important;
}

/* 3) linked resources тоже на всю ширину и без “прижатия вправо” */
#linked-resources-container,
#linked-resources{
  width: 100% !important;
  display: block !important;
  clear: both !important;
}

/* 4) чуть лучше распределим колонки */
#linked-resources th:nth-child(1),
#linked-resources td:nth-child(1){
  width: 70% !important;
}
#linked-resources th:nth-child(2),
#linked-resources td:nth-child(2){
  width: 30% !important;
  white-space: nowrap !important;
}
/* Убрать заголовок "Ομάδες αντικειμένων" на странице списка коллекций */
body.item-set.resource.browse #content > h2 {
  display: none !important;
}
.rda-breadcrumb {
  margin: 0 0 18px 0;
  font-size: 20px;
  font-family: "Bitter", serif;
}

.rda-breadcrumb a {
  text-decoration: none;
}

.rda-breadcrumb .sep {
  margin: 0 10px;
  opacity: 0.5;
}

.rda-breadcrumb .current {
  font-weight: 600;
}
/* /s/el/item-set — вернуть иконку коллекции справа (robust) */
body.item-set.browse ul.resource-list li.item-set.resource img{
  display: block !important;
  visibility: visible !important;
  width: 96px !important;
  height: auto !important;
  opacity: .4 !important;
}

/* подменяем src через background (надежнее, чем content:url на img) */
body.item-set.browse ul.resource-list li.item-set.resource img{
  background: url("/files/asset/type-icons/collection.svg") no-repeat center/contain !important;
}

/* если там всё ещё показывается старый thumbnail — прячем его “картинку”, но оставляем блок */
body.item-set.browse ul.resource-list li.item-set.resource img{
  color: transparent !important;
}
/* Item-set browse: опустить иконку коллекции ниже */
body.item-set.browse img.type-icon--collection{
  margin-top: 48px;   /* ← подбери: 32 / 40 / 48 / 56 */
}
/* Item show: скрываем первый property (обычно это Title) только в основном блоке Values */
body.item.resource.show #content .with-sidebar > dl > .property:first-of-type{
  display: none !important;
}
/* Browse table: genre + subtitle = sentence case */
.items-table .subtitle-cell {
    text-transform: lowercase;
}

.items-table.photos-items-table .subtitle-cell {
    text-transform: none !important;
}

.rda-breadcrumb {
    font-size: 1rem;
}

.rda-breadcrumb .current {
    font-weight: normal;
}

/* === Divider under breadcrumb (Items & Item sets) === */

.rda-breadcrumb {
    padding-bottom: 0.6rem;
    margin-bottom: 1.2rem;
    border-bottom: 1px solid #ddd;
}
/* ==== FIX: small icons in metadata (Genre, Subject, etc.) ==== */

/* Иконки у связанных ресурсов в списке свойств */
dl .value.resource img {
    width: 24px;
    height: 24px;
    max-width: 24px;
    max-height: 24px;
    object-fit: contain;
    vertical-align: middle;
    margin-right: 0.4em;
}

/* чтобы иконка не ломала строку */
dl .value.resource a {
    display: inline-flex;
    align-items: center;
}
/* Browse items: отключить клики по исполнителю и месту (но оставить кликабельным заголовок) */
body.item.browse table.items-table td.performer-cell a,
body.item.browse table.items-table td.place-cell a{
  pointer-events: none !important;
  cursor: default !important;
  color: inherit !important;
  text-decoration: none !important;
}
/* ===== Archive-style page menu (hybrid) ===== */

.page-menu,
.site-page-menu {
  display: flex;
  gap: 2rem;
  margin: 1.2rem 0 1.6rem 0;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #d6d6d6; /* якорь */
}

.page-menu a,
.site-page-menu a {
  font-family: "Lora", serif;
  font-size: 1rem;
  color: #1f4e79;
  text-decoration: none;
  padding: 0.2rem 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;              /* ключевой момент */
  background: none;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.page-menu a:hover,
.site-page-menu a:hover {
  color: #163a5c;
  border-bottom-color: #b5c6d8;
}

.page-menu a.active,
.site-page-menu a.active {
  font-weight: 600;
  border-bottom-color: #1f4e79;
  color: #1f4e79;
}
/* ===== HOME: tabs -> archive-style menu (no pills) ===== */
.home-archive-tabs{
  display:flex;
  gap: 2rem;
  margin: 1.2rem 0 1.6rem 0;
  padding: 0 0 .4rem 0;
  border-bottom: 1px solid #d6d6d6;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.home-archive-tabs a{
  font-family: "Lora", serif;
  font-size: 1rem;
  font-weight: 400;
  color: #1f4e79;
  text-decoration: none !important;

  padding: .2rem 0 !important;
  margin: 0 !important;

  background: none !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.home-archive-tabs a:hover{
  color: #163a5c;
  border-bottom-color: #b5c6d8 !important;
  text-decoration: none !important;
}
/* =========================
   HOME: tighten + left-align "Πρόσφατα προστέθηκαν"
   ========================= */

/* уменьшаем расстояние между табами и блоком */
.blocks .block-html + .block-browsePreview{
  margin-top: 12px !important;
}

/* сам блок: ограничим ширину и уберём лишний "воздух" */
.browse-preview{
  max-width: 980px;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* заголовок "Πρόσφατα προστέθηκαν" — как секционный заголовок */
.browse-preview-heading{
  text-align: left !important;
  font-family: "Bitter", serif;
  font-size: 32px;        /* можно 28px если хочешь скромнее */
  line-height: 1.25;
  font-weight: 700;
  color: #1e3a5f;
  margin: 18px 0 14px !important;
  padding-bottom: 10px;
  border-bottom: 1px solid #d6d6d6;
}

/* таблица: чуть компактнее и ровнее */
.rou-table--preview{
  margin-top: 10px;
}

.rou-table--preview thead th{
  padding: 10px 8px !important;
  border-bottom: 1px solid #d0d0d0 !important;
}

.rou-table--preview td{
  padding: 14px 8px !important;
  border-bottom: 1px solid rgba(0,0,0,0.12) !important;
  vertical-align: middle;
}

/* иконка слева — чуть меньше и по центру ячейки */
.rou-table--preview .type-icon{
  width: 30px !important;
  height: 30px !important;
  opacity: 0.40 !important;
  display: block;
  margin: 0 auto;
}

/* легкий hover по строке (приятно, но ненавязчиво) */
.rou-table--preview tbody tr:hover{
  background: rgba(30,79,128,0.035);
}
/* HOME: "Πρόσφατα προστέθηκαν" — neutral academic */
.browse-preview-heading{
  font-family: "Bitter", serif;
  font-size: 21px;
  line-height: 1.35;
  font-weight: 600;

  color: #333333;          /* классический тёмно-серый */

  margin: 14px 0 10px !important;
  padding-bottom: 6px;
  border-bottom: 1px solid #d0d0d0;
}
.rou-table--preview td,
.rou-table--preview th {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.rou-table--preview tr {
  line-height: 1.35;
}
.rou-table--preview td {
  border-bottom-color: #ddd;
}
.rou-table--preview img.type-icon {
  width: 18px !important;
  height: 18px !important;
  opacity: 0.45;
}
.rou-table--preview td:first-child {
  vertical-align: middle;
}
/* Home: hide table header (Τίτλος / Τύπος) */
body.site-page-home .rou-table--preview thead {
  display: none !important;
}
/* Home: soften "Πρόσφατα προστέθηκαν" */
body.site-page-home .browse-preview-heading {
  font-weight: 400;          /* убрать bold */
  font-size: 1.15rem;        /* меньше */
  color: #444;               /* тёплый тёмно-серый */
  letter-spacing: 0.02em;    /* аккуратнее */
  margin-bottom: 0.6rem;
}
/* Home: "ΠΡΟΣΦΑΤΑ ΠΡΟΣΤΕΘΗΚΑΝ" — uppercase, calm */
body.site-page-home .browse-preview-heading {
  font-weight: 400;           /* без bold */
  font-size: 0.95rem;         /* компактно */
  color: #555;                /* нейтральный серый */

  letter-spacing: 0.08em;     /* аккуратная разрядка */
  margin-bottom: 0.6rem;
}
/* Home: intro text under tabs — make it tighter */
body.site-page-home .block-html p {
  margin: 6px 0 10px 0;   /* сверху / снизу */
  line-height: 1.45;     /* плотнее строки */
}
/* Home intro text: tighter */
body.site-page-home .home-intro{
  max-width: 980px;
  margin: 12px auto 18px;   /* вверх/вниз — компактнее */
  padding: 0;               /* без лишнего воздуха */
  font-size: 18px;          /* можешь 16–18 */
  line-height: 1.35;        /* плотнее */
}

body.site-page-home .home-intro p{
  margin: 0;                /* чтобы не было лишних отступов от <p> */
}
/* Hide page-to-page navigation on site pages */
.site-page-pagination {
    display: none !important;
}
.lang-switcher {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.9rem;
    color: #1e4f80;
    white-space: nowrap;
}

.lang-switcher a {
    text-decoration: none;
    color: #1e4f80;
    margin: 0 0.2rem;
}

.lang-switcher a.active {
    font-weight: 600;
    text-decoration: underline;
}

.lang-switcher span {
    color: #999;
}
/* AUDIO FIX */
.media-render audio {
    display: block !important;
    width: 100%;
    margin-top: 10px;
}
/* FORCE SHOW AUDIO PLAYER */
.block-media .media-embed,
.block-media .media-render,
.block-media .media-render.file {
  display: block !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.block-media audio,
.block-media .media-render audio {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  min-height: 40px !important;
  margin: 10px 0 !important;
}
/* ===== Audio block: nicer item link ===== */

.block-media .item.resource h3 {
  margin: 8px 0 0 0;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 600;
}

.block-media .item.resource h3 a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #1e4f80;
  text-decoration: none !important;
  border-bottom: 1px solid transparent;
}

.block-media .item.resource h3 a::before {
  content: "↗";
  font-size: 13px;
  opacity: 0.7;
}

.block-media .item.resource h3 a:hover {
  text-decoration: none !important;
  border-bottom-color: #1e4f80;
}
.all-materials-link {
    margin-top: 22px;
    text-align: left;
}

.all-materials-link a {
    display: inline-block;
    padding: 8px 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-decoration: none;
    font-size: 16px;
}

.all-materials-link a:hover {
    background: #f2f2f2;
}/* =====================================================
   UKRAINIAN VERSION: use Noto Serif everywhere
   Fixes Cyrillic stress marks, including я́ in headings
   ===================================================== */

html[lang^="uk"] body,
html[lang^="uk"] #content,
html[lang^="uk"] #content a,
html[lang^="uk"] #content p,
html[lang^="uk"] #content li,
html[lang^="uk"] #content td,
html[lang^="uk"] #content th,
html[lang^="uk"] #content dt,
html[lang^="uk"] #content dd,
html[lang^="uk"] #content .value,
html[lang^="uk"] #content .description,
html[lang^="uk"] #content .resource-name,
html[lang^="uk"] #content .subtitle-cell,
html[lang^="uk"] h1,
html[lang^="uk"] h2,
html[lang^="uk"] h3,
html[lang^="uk"] h4,
html[lang^="uk"] h5,
html[lang^="uk"] h6,
html[lang^="uk"] .browse-preview-heading,
html[lang^="uk"] .rda-breadcrumb {
    font-family: "Noto Serif", "Times New Roman", serif !important;
}
/* =====================================================
   FINAL FIX: full-width header + about page text
   Put this at the VERY END of style.css
   ===================================================== */

/* 1. Хедер на всю ширину окна, без пустого пространства справа */
#archive-main-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    width: 100vw !important;
    max-width: none !important;
    min-width: 100vw !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    z-index: 1000 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08) !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

#archive-main-header .header-inner {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 62px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background: #ffffff !important;
}

#archive-main-header .logo-text {
    margin-right: 28px !important;
    flex-shrink: 0 !important;
}

#archive-main-header .main-nav {
    margin-left: auto !important;
    flex-shrink: 0 !important;
}

#archive-main-header .lang-switch {
    margin-left: 12px !important;
    margin-right: 18px !important;
    flex-shrink: 0 !important;
}

/* 2. На мобильных меню переносится вниз */
@media (max-width: 900px) {
    #archive-main-header .header-inner {
        height: auto !important;
        flex-wrap: wrap !important;
        padding: 0.7rem 1rem !important;
    }

    #archive-main-header .logo-text {
        max-width: calc(100vw - 90px) !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    #archive-main-header .main-nav {
        width: 100% !important;
        order: 3 !important;
        margin-left: 0 !important;
        margin-top: 6px !important;
    }

    #archive-main-header .main-nav ul {
        flex-wrap: wrap !important;
        gap: 0.8rem 1rem !important;
    }

    #archive-main-header .lang-switch {
        margin-left: auto !important;
        margin-right: 0 !important;
    }
}

/* 3. About page: убрать растянутый текст и большие пробелы */
body.site-page-about #content,
body[class*="page-about"] #content {
    max-width: 980px !important;
    overflow: visible !important;
}

body.site-page-about #content p,
body[class*="page-about"] #content p,
#content .about-lead,
#content .about-section,
#content .about-section p {
    max-width: 760px !important;
    line-height: 1.6 !important;
    text-align: left !important;
    text-align-last: left !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
}

#content .about-lead {
    margin: 0 0 2rem 0 !important;
    font-size: 1.08rem !important;
}

#content .about-section {
    margin: 0 0 2.2rem 0 !important;
}

#content .about-section h2 {
    margin: 0 0 1rem 0 !important;
}

#content .about-section p {
    margin: 0 0 1rem 0 !important;
}

/* 4. Убираем justify даже если он пришел из редактора Omeka inline-стилем */
#content .about-lead *,
#content .about-section * {
    text-align: left !important;
    text-align-last: left !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
}.about-section {
    scroll-margin-top: 90px !important;
}.about-toc-inline {
    max-width: 760px;
    margin: 1rem 0 2rem;
    line-height: 1.6;
    font-size: 0.95rem;
}

.about-toc-inline a {
    color: #0b5e9b;
    text-decoration: none !important;
    white-space: nowrap;
}

.about-toc-inline a:hover {
    text-decoration: underline !important;
}

.about-toc-inline span {
    color: #777;
    margin: 0 0.35rem;
}/* =====================================================
   Linked resources: show pagination when there are many related items
   ===================================================== */

#linked-resources .linked-footer,
#linked-resources .linked-footer nav.pagination {
    display: flex !important;
    visibility: visible !important;
}

#linked-resources .linked-footer {
    margin-top: 1rem !important;
    justify-content: center !important;
}

#linked-resources .linked-footer nav.pagination {
    width: auto !important;
}

#linked-resources .linked-footer .pagination-buttons,
#linked-resources .linked-footer form {
    display: inline-flex !important;
    align-items: center !important;
}/* =====================================================
   Linked resources: cleaner pagination
   ===================================================== */

#linked-resources .linked-footer {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 1.4rem 0 0 !important;
    padding-top: 0.8rem !important;
    border-top: 1px solid #ddd;
}

#linked-resources .linked-footer nav.pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.35rem !important;
    width: auto !important;
    margin: 0 !important;
}

#linked-resources .linked-footer .pagination-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    margin: 0 !important;
}

#linked-resources .linked-footer .pagination-buttons .button,
#linked-resources .linked-footer .pagination-buttons a,
#linked-resources .linked-footer .pagination-buttons span {
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    border: 1px solid #d0d0d0 !important;
    background: #f3f3f3 !important;
    color: #1e4f80 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

#linked-resources .linked-footer .pagination-buttons .button:hover,
#linked-resources .linked-footer .pagination-buttons a:hover {
    background: #e7eef6 !important;
    border-color: #1e4f80 !important;
    text-decoration: none !important;
}

#linked-resources .linked-footer .pagination-buttons .current,
#linked-resources .linked-footer .pagination-buttons .active {
    background: #1e4f80 !important;
    color: #ffffff !important;
    border-color: #1e4f80 !important;
}

/* поле номера страницы */
#linked-resources .linked-footer form {
    display: flex !important;
    align-items: center !important;
    margin: 0 0.4rem !important;
}

#linked-resources .linked-footer input[type="text"] {
    width: 48px !important;
    height: 34px !important;
    padding: 0 !important;
    text-align: center !important;
    border: 1px solid #d0d0d0 !important;
    border-radius: 6px !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 14px !important;
}

/* текст диапазона, например 76–89 з 89 */
#linked-resources .linked-footer .row-count,
#linked-resources .linked-footer .pagination-per-page,
#linked-resources .linked-footer .pagination-total {
    margin-left: 0.6rem !important;
    color: #555 !important;
    font-size: 0.9rem !important;
}#linked-resources .linked-footer form {
    display: none !important;
}
.collection-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1rem 0;
  border-bottom: 1px solid #ddd;
  color: inherit;
}

.collection-title {
  display: inline-block;
  color: #005a99;
  font-size: 1.55rem;
  line-height: 1.25;
  font-weight: 700;
  margin-bottom: 0.25rem;
  text-decoration: none;
}

.collection-title:hover {
  text-decoration: underline;
}

.collection-row small {
  display: block;
  color: #333;
  font-size: 1rem;
  line-height: 1.45;
}

.collection-row img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  opacity: 0.65;
  flex: 0 0 auto;
}/* ===== Mobile media fix for item pages ===== */

body.item.resource.show #content,
body.item.resource.show .full-width,
body.item.resource.show .with-sidebar {
    overflow: visible !important;
}

body.item.resource.show .with-sidebar {
    width: 100% !important;
    float: none !important;
}

body.item.resource.show .media-render,
body.item.resource.show .media-embeds,
body.item.resource.show .block-media {
    max-width: 100%;
    overflow: visible !important;
}

body.item.resource.show .media-render img,
body.item.resource.show .media-embeds img,
body.item.resource.show .block-media img,
body.item.resource.show .media-render picture,
body.item.resource.show .media-embeds picture,
body.item.resource.show .block-media picture {
    max-width: 100% !important;
    height: auto !important;
    display: block;
}

body.item.resource.show .media-render a,
body.item.resource.show .media-embeds a,
body.item.resource.show .block-media a {
    max-width: 100%;
    display: inline-block;
}

/* For very small screens */
@media (max-width: 600px) {
    body.item.resource.show #content {
        padding-left: 14px;
        padding-right: 14px;
    }

    body.item.resource.show .media-render img,
    body.item.resource.show .media-embeds img,
    body.item.resource.show .block-media img {
        width: 100% !important;
        max-width: 100% !important;
    }
}

body.item.resource.show #content,
body.item.resource.show .full-width,
body.item.resource.show .with-sidebar {
    overflow: visible !important;
}

body.item.resource.show .with-sidebar {
    width: 100% !important;
    float: none !important;
}

body.item.resource.show .media-render,
body.item.resource.show .media-embeds,
body.item.resource.show .block-media {
    max-width: 100% !important;
    overflow: visible !important;
}

body.item.resource.show .media-render img,
body.item.resource.show .media-embeds img,
body.item.resource.show .block-media img,
body.item.resource.show .media-render picture,
body.item.resource.show .media-embeds picture,
body.item.resource.show .block-media picture {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

body.item.resource.show .media-render a,
body.item.resource.show .media-embeds a,
body.item.resource.show .block-media a {
    max-width: 100% !important;
    display: inline-block !important;
}

/* Small screens: images should fit the screen */
@media (max-width: 600px) {
    body.item.resource.show #content {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body.item.resource.show .media-render img,
    body.item.resource.show .media-embeds img,
    body.item.resource.show .block-media img {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Keep sticky footer calculation consistent with the real header height */
main.oc-content {
    min-height: calc(100vh - var(--archive-header-height)) !important;
}