/* Small additions on top of the original 2015 CSS, dark-theme friendly. */

/* Colour rotating hero (real recovered banners) — overrides the grey header.gif */
#header.hero-rotate {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: background-image .6s ease-in-out;
}

/* Breadcrumb bar (2015 design) */
#breadcrumb { width:950px; float:left; padding:6px 4px; }
#breadcrumb span, #breadcrumb a { color:var(--c-text); font:12px Tahoma, sans-serif; text-decoration:none; }
#breadcrumb a:hover { color:#fff; }

/* Constrain gallery thumbnails to a fixed size (uploads are full-resolution). */
.small_pic { width:170px; height:125px; overflow:hidden; float:left; margin:6px; }
.small_pic img { width:170px !important; height:125px !important; object-fit:cover; display:block; }

.empty-note { color: #9aa; padding: 22px 10px; font-size: 14px; line-height: 1.6; }
.noimg { display:flex; align-items:center; justify-content:center; width:170px; height:125px;
    background:linear-gradient(135deg,#211c19,#171310); color:#8a7f72; font-size:12px;
    text-align:center; padding:8px; }
.authors-list { padding: 10px 6px; columns: 3; column-gap: 24px; }
.authors-list .author_link {
    display:block; color:var(--c-text); padding:4px 0; text-decoration:none; }
.authors-list .author_link:hover { color:var(--c-text-hover); }
.authors-list .cnt { color:#778; font-size:12px; }
.artist-bio { color:#ccd; padding:10px; line-height:1.6; max-width:820px; }
.painting-view { display:flex; gap:24px; padding:14px; flex-wrap:wrap; color:#dde; }
.painting-image img { max-width:640px; width:100%; border:1px solid #333; }
.noimg-large { width:420px; height:300px; display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg,#211c19,#171310); color:#8a7f72; }
.painting-info { flex:1; min-width:260px; }
.painting-info h1 { font-weight:400; color:#eee; }
.painting-info .by a { color:var(--c-text); text-decoration:none; }
.facts { border-collapse:collapse; margin:12px 0; }
.facts th { text-align:left; color:#889; padding:3px 16px 3px 0; font-weight:400; vertical-align:top; }
.facts td { color:#dde; padding:3px 0; }
.story { margin-top:14px; } .story h3 { color:#c9a86a; font-weight:400; margin-bottom:4px; }
.votes { color:#9aa; margin-top:16px; }


/* Painting (view) page — keep the original classes, just ensure readability. */
.big_pic { padding:14px; color:#dde; }
.big_pic .pic_name { display:inline-block; color:#eee; font-size:20px; margin-right:14px; }
.big_pic .pic_author a { color:var(--c-text); text-decoration:none; }
#view_img { display:block; max-width:720px; width:100%; height:auto; margin:12px 0;
    border:1px solid #333; }
.big_pic .vote { margin-top:10px; }
.big_pic .vote a { display:inline-block; margin-right:16px; font-weight:bold; cursor:pointer; }
.big_pic .vote a.plus { color:#6dd06d; } .big_pic .vote a.minus { color:#e0736d; }
#info_cont { padding:14px; color:#dde; max-width:860px; }
#info_title, #write_comment_text { color:#c9a86a; font-size:16px; display:block; margin-bottom:6px; }
.informations { display:block; color:#dde; padding:2px 0; }
#short_story { color:#ccd; padding:10px 0; line-height:1.6; }
#short_story b { color:#c9a86a; }
#write_comment { padding:14px; color:#dde; }
.comment { padding:6px 0; border-bottom:1px solid #2c2723; color:#ccd; }

/* TOP 10 — list of big pictures ranked by votes (like the original). */
.top_item { clear:both; padding:14px 0; border-bottom:1px solid #2c2723; }
.top_img { display:block; max-width:480px; width:100%; height:auto; margin:10px 0;
    border:1px solid #333; }
.more_info { display:inline-block; color:var(--c-text); text-decoration:none; margin:6px 0; }
.more_info:hover { color:var(--c-text-hover); }

/* Accounts / studio */
.linklike { background:none; border:0; color:var(--c-text); cursor:pointer; padding:0; font:inherit; }
.linklike:hover { color:var(--c-text-hover); }
.auth-box, .studio { color:#dde; padding:16px; max-width:640px; }
.auth-box h2, .studio h2 { color:#c9a86a; font-weight:400; }
.auth-box p, .auth-box label { color:#dde; }
.auth-box input[type=text], .auth-box input[type=email], .auth-box input[type=password],
.auth-box textarea, .auth-box input[type=file] {
    width:100%; max-width:420px; padding:7px; margin:4px 0 10px; background:#1e1a17;
    border:1px solid #3a332d; color:#eee; border-radius:4px; }
.auth-box ul { color:#a99; font-size:12px; margin:0 0 10px; padding-left:18px; }
.btn { display:inline-block; background:var(--c-fill-bottom); color:var(--c-on-fill); border:0; padding:9px 18px;
    border-radius:5px; cursor:pointer; text-decoration:none; font-size:14px; }
.btn:hover { background:var(--c-fill-top); }
.err { color:#ff8a8a; }
.studio-grid { display:flex; flex-wrap:wrap; gap:14px; margin-top:14px; }
.studio-item { width:180px; background:#1e1a17; border:1px solid #2c2723; border-radius:6px; overflow:hidden; }
.studio-item img { width:180px; height:130px; object-fit:cover; display:block; }
.studio-item .cap { padding:8px; font-size:13px; }
.ok { color:#6dd06d; } .pending { color:#e0b46d; }
.empty-note { clear:both; text-align:left; }
.more-page { color:#dde; padding:16px; flex: 1 1 100%; box-sizing: border-box; }
.more-page h2 { color:#c9a86a; font-weight:400; }
/* Contact us / error pages */
.contact-mail { font: 600 20px 'Inter', sans-serif; margin: 14px 0 18px; }
.contact-mail a { color: #c9a86a; }
.error-box .btn { margin-right: 8px; }

/* "More": the owner's sites (cards) and banners (full width) — managed in „Моят панел“ */
.more-page h2 { margin: 6px 0 4px; text-align: center; color: var(--c-text);
    font: 600 13px 'Inter', sans-serif; letter-spacing: .24em; text-transform: uppercase; }
.more-sites { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 320px)); justify-content: center;
    gap: 18px; margin: 18px 0 34px; }
/* A card = the picture fills the whole box; the title and text lie on it, on a dark fade */
.more-card { position: relative; display: block; overflow: hidden; border-radius: 8px; border: 1px solid var(--c-line);
    background: #0b0b0b; color: #f3efe6; text-decoration: none; transition: border-color .15s, transform .15s, box-shadow .15s; }
.more-card:hover { border-color: var(--c-line-hover); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.45); }
.more-card img { display: block; width: 100%; transition: transform .4s; }
.more-card:hover img { transform: scale(1.03); }
.more-site { aspect-ratio: 4 / 3; }
.more-site img { height: 100%; object-fit: cover; }
.more-site.no-pic { background: linear-gradient(135deg, #2a2320, #0f0d0c); }
.more-cap { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; gap: 4px;
    padding: 40px 16px 14px; background: linear-gradient(to top, rgba(0,0,0,.88), rgba(0,0,0,.55) 55%, transparent);
    text-shadow: 0 1px 3px rgba(0,0,0,.8); }
.more-site-title, .more-banner-title { font: 600 19px 'Playfair Display', Georgia, serif; color: #fff; }
.more-site-text, .more-banner-text { font: 14px/1.45 'Inter', sans-serif; color: #e4dccd; }
.more-banners { display: flex; flex-direction: column; gap: 20px; align-items: stretch; max-width: 980px; margin: 10px auto; }
.more-banner img { height: auto; }
.more-ad { min-height: 90px; }
.more-privacy { margin: 26px 0 4px; text-align: center; font: 13px 'Inter', sans-serif; }
.more-privacy a { color: #8f877a; }
.more-ad-wait { display: flex; align-items: center; justify-content: center; min-height: 120px; padding: 16px;
    border: 2px dashed #6b5a3a; border-radius: 8px; color: #c9a86a; font: 14px 'Inter', sans-serif; text-align: center; }
@media (max-width: 600px) {
    .more-sites { grid-template-columns: 1fr; }
    .more-site-title, .more-banner-title { font-size: 17px; }
    .more-site-text, .more-banner-text { font-size: 13px; }
}