/* Copyright (C) 2007 - 2011 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * This CSS file is for customization purpose only
 */ 

#logo a.logo-icon {
	display: block;
	width: 250px;
	height: 75px;
	background: url(../../../images/yootheme/logo.png) 0 0 no-repeat;
}

.wrapper-glass #logo a.logo-icon { background-image: url(http://ribnoe44.ru/images/yootheme/logo_glass.png); }
.wrapper-black #logo a.logo-icon { background-image: url(http://ribnoe44.ru/images/yootheme/logo_black.png); }
.wrapper-wood #logo a.logo-icon { background-image: url(http://ribnoe44.ru/images/yootheme/logo_wood.png); }

/* first menu tab on menuright position */
#menu .right .last .level1,
#menu .right .last .level1 span.bg { background: url(../images/menu_level1_item_green.png) 0 0 no-repeat; }

#menu .right .last a.level1 span.bg,
#menu .right .last span.level1 span.bg {
	color: #ffffff;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.4);
	background-position: 100% -60px;
}

#menu .right li.last.level1:hover .level1,
#menu .right li.last.level1.remain .level1,
#menu .right li.last.level1.active .level1 { background-position: 0 -120px; }

#menu .right li.last.level1:hover .level1 span.bg,
#menu .right li.last.level1.remain .level1 span.bg,
#menu .right li.last.level1.active .level1 span.bg { background-position: 100% -180px; }

/* demo content */
.iconbox {
	padding: 10px;
	border: 1px solid #dcdcdc;
	background: #ffffff;
	overflow:hidden;
}

/* ── Одноколоночный лейаут (без сайдбара) ────────────────────────────────────
   Warp 6 использует трюк удвоения (#mainmiddle-expand: 200%) + отрицательные
   отступы. Для страниц без #right переводим на простое 100%-ное заполнение. */
body:not(.has-sidebar) #main {
    position: static;
    left: auto;
    width: 100%;
    float: none;
}
body:not(.has-sidebar) #main-shift {
    position: static;
    left: auto;
    margin-right: 0;
    overflow: visible;
}
body:not(.has-sidebar) #content {
    position: static;
    left: auto;
    width: 100%;
    float: none;
}
body:not(.has-sidebar) #content-shift {
    position: static;
    left: auto;
    overflow: visible;
}
#mainmiddle,
#middle {
    width: 100%;
    overflow: hidden;
}
#mainmiddle-expand,
#middle-expand {
    width: 100%;
}

/* ── Двухколоночный лейаут (главная страница с сайдбаром) ───────────────── */
/* #right — sibling of #main inside #middle-expand, mirroring original ribnoe44.ru */
.has-sidebar #main {
    float: left;
    width: 70%;
    position: static;
    left: auto;
}
.has-sidebar #main-shift {
    position: static;
    left: auto;
    margin-right: 0;
    overflow: visible;
}
.has-sidebar #mainmiddle-expand {
    overflow: hidden;
}
.has-sidebar #content {
    position: static;
    left: auto;
    width: 100%;
    float: none;
}
.has-sidebar #content-shift {
    position: static;
    left: auto;
    overflow: visible;
}
.has-sidebar #right {
    float: left;
    width: 28%;
    margin-left: 2%;
    overflow: hidden;
    position: relative;
}

/* ── Fish cards grid ─────────────────────────────────────────────────────── */
#content-shift {
    overflow: hidden;
}
.fish-card {
    float: left;
    width: 160px;
    margin: 0 15px 20px 0;
    text-align: center;
}
.fish-card a {
    display: block;
    text-decoration: none;
    color: #2d6a8f;
}
.fish-card img {
    width: 160px;
    height: 110px;
    object-fit: contain;
    background: #f5f9fc;
    border: 1px solid #d0e4f0;
    border-radius: 4px;
    display: block;
}
.fish-card h3 {
    font-size: 13px;
    margin: 5px 0 0;
}
.fish-card:hover a { color: #1a4a6a; }

/* ── News list ───────────────────────────────────────────────────────────── */
.news-item { border-bottom: 1px solid #dde8ef; padding: 15px 0; overflow: hidden; }
.news-header { display: flex; align-items: center; margin-bottom: 8px; }
.news-title { margin: 0 0 0 16px; font-size: 18px; font-weight: normal; }
.news-title a { color: #333; text-decoration: none; }
.news-title a:hover { color: #2d6a8f; }
.news-intro { font-size: 13px; color: #444; margin: 0 0 4px; }
.btn-more { font-size: 12px; color: #2d6a8f; }

.news-date-badge {
    display: inline-flex;
    align-items: center;
    background: #7dbdd6;
    border-radius: 3px;
    padding: 5px 8px 5px 10px;
    color: white;
    position: relative;
    flex-shrink: 0;
    margin-right: 14px;
}
.news-date-badge::after {
    content: '';
    position: absolute;
    right: -11px;
    top: 50%;
    transform: translateY(-50%);
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 11px solid #7dbdd6;
}
.badge-day { font-size: 22px; font-weight: bold; line-height: 1; margin-right: 5px; }
.badge-my { display: flex; flex-direction: column; line-height: 1.3; }
.badge-month { font-size: 9px; font-weight: bold; }
.badge-year { font-size: 9px; }

/* ── Inner sidebar menu ──────────────────────────────────────────────────── */
.inner-sidebar-menu { list-style: none; margin: 0; padding: 0; }
.inner-sidebar-menu li { border-bottom: 1px solid #e8f0f5; }
.inner-sidebar-menu li:last-child { border-bottom: none; }
.inner-sidebar-menu li a { display: block; padding: 7px 5px; color: #2d6a8f; text-decoration: none; font-size: 13px; }
.inner-sidebar-menu li a:hover { color: #1a4a6a; background: #f0f7fc; }

/* ── Gallery grid ────────────────────────────────────────────────────────── */
.gallery-grid { overflow: hidden; }
.gallery-item {
    float: left;
    width: 140px;
    margin: 0 10px 10px 0;
}
.gallery-item img {
    width: 140px;
    height: 105px;
    object-fit: cover;
    border: 1px solid #d0e4f0;
    display: block;
}

/* ── Records accordion sidebar ───────────────────────────────────────────── */
.inner-sidebar-menu .records-sub { display: none; list-style: none; margin: 0; padding: 0 0 0 12px; }
.inner-sidebar-menu .records-expand > a { display: block; padding: 7px 5px; color: #2d6a8f; text-decoration: none; font-size: 13px; }
.inner-sidebar-menu .records-expand > a:hover { color: #1a4a6a; background: #f0f7fc; }
.inner-sidebar-menu .records-sub li { border-bottom: none; }
.inner-sidebar-menu .records-sub li a { padding: 4px 5px; font-size: 12px; color: #555; }
.inner-sidebar-menu .records-sub li a:hover { color: #2d6a8f; background: #f0f7fc; }
.inner-sidebar-menu .records-expand.open > a { color: #1a4a6a; font-weight: bold; }
.inner-sidebar-menu .records-expand.open .records-sub { display: block; }