/*
Theme Name: SeoYoung Inspired Portfolio V2
Author: OpenAI
Description: Black, centered, image-led artist portfolio theme inspired by the supplied reference layout.
Version: 2.0.0
Text Domain: sy-portfolio
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600&display=swap');
:root{--bg:#000;--fg:#fff;--muted:#a7a7a7;--line:#222;--content:min(1125px,calc(100vw - 80px));}
*{box-sizing:border-box}
html{background:#000}
body{margin:0;background:#000;color:#fff;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:400}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.site-header{background:#000;text-align:center;padding:92px 20px 0}
.site-title{display:block;font-size:48px;line-height:1;letter-spacing:-.035em;font-weight:500;text-transform:uppercase;margin:0 0 50px}
.main-nav{display:flex;justify-content:center;align-items:center;gap:54px;flex-wrap:wrap}
.main-nav a{font-size:19px;line-height:1;letter-spacing:.015em;font-weight:500}
.main-nav a:hover{opacity:.6}
.menu-toggle{display:none}
.home-main{padding-top:82px;padding-bottom:90px}
.home-image-wrap{width:var(--content);margin:0 auto;background:#050505;position:relative}
.home-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#0b0b0b}
.home-placeholder{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#090909;color:#555;font-size:15px;letter-spacing:.08em;text-transform:uppercase}
.home-caption{width:var(--content);margin:16px auto 0;display:flex;justify-content:space-between;gap:20px;color:#777;font-size:13px}
.home-caption a:hover{color:#fff}
.section{width:var(--content);margin:0 auto;padding:95px 0}
.page-title{font-size:56px;line-height:1;margin:0 0 50px;font-weight:500;text-transform:uppercase;letter-spacing:-.025em}
.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 22px}
.art-card .art-image{background:#080808;aspect-ratio:3/4;overflow:hidden}
.art-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.art-card:hover img{transform:scale(1.02)}
.art-card h2{font-size:21px;font-weight:500;margin:13px 0 3px}
.art-card p{font-size:14px;color:#777;margin:0}
.single-art{width:var(--content);margin:80px auto 120px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,.55fr);gap:65px;align-items:start}
.single-art .single-image{background:#080808}
.single-art .single-image img{width:100%;height:auto}
.single-art h1{font-size:48px;line-height:1;font-weight:500;margin:0 0 24px;text-transform:uppercase}
.single-art .meta{font-size:16px;line-height:1.5;color:#aaa}
.single-art .content{margin-top:30px;color:#ddd;font-size:16px;line-height:1.6}
.page-content{width:min(760px,calc(100vw - 60px));margin:80px auto 120px;font-family:Arial,Helvetica,sans-serif;color:#ddd;line-height:1.8}
.page-content h1{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;color:#fff;font-size:56px;line-height:1;margin:0 0 50px;font-weight:500}
.exhibition-list{display:grid;grid-template-columns:1fr;gap:1px;background:#222}
.exhibition-item{background:#000;padding:26px 20px;display:grid;grid-template-columns:170px 1fr;gap:25px}
.exhibition-item .date{color:#777;font-size:15px}
.exhibition-item h2{font-size:25px;font-weight:500;margin:0 0 8px}
.exhibition-item p{margin:0;color:#aaa;font-size:15px}
/*.site-footer{border-top:1px solid #191919;background:#000;padding:32px 20px 45px;text-align:center;color:#666;font-size:13px;letter-spacing:.08em}*/
.site-footer{
    position:relative;
    background:#000;
    padding:88px 20px 110px;
    text-align:center;
    color:#fff;
    font-size:13px;
    letter-spacing:.02em;
}

.social-links{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:22px;
    margin-bottom:38px;
}

.social-links a{
    width:24px;
    height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-family:Arial,Helvetica,sans-serif;
    font-size:21px;
    font-weight:700;
    text-decoration:none;
}

.social-links a:hover{
    opacity:.55;
}

.copyright{
    font-size:16px;
    font-weight:500;
    margin-bottom:28px;
}

.rights{
    font-size:16px;
    font-weight:500;
}

.top-link{
    position:absolute;
    right:35px;
    bottom:28px;
    font-size:14px;
    font-weight:500;
    letter-spacing:.08em;
    color:#fff;
    text-decoration:none;
}

.top-link:hover{
    opacity:.55;
}
@media(max-width:760px){
:root{--content:calc(100vw - 30px)}
.site-header{padding:48px 15px 0}
.site-title{font-size:36px;margin-bottom:34px}
.site-footer{
    padding:65px 18px 90px;
}

.top-link{
    right:18px;
    bottom:22px;
}
.main-nav{gap:18px 25px}
.main-nav a{font-size:16px}
.home-main{padding-top:45px}
.home-image{aspect-ratio:4/5;object-fit:cover}
.home-placeholder{aspect-ratio:4/5}
.home-caption{font-size:12px}
.section{padding:65px 0}
.page-title{font-size:44px;margin-bottom:35px}
.art-grid{grid-template-columns:repeat(2,1fr);gap:30px 10px}
.art-card h2{font-size:18px}
.single-art{grid-template-columns:1fr;gap:30px;margin-top:45px}
.single-art h1{font-size:40px}
.exhibition-item{grid-template-columns:1fr;gap:7px}
}
.artwork-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin: 70px 0 20px;
    text-align: center;
    font-size: 18px;
}

.artwork-pagination .page-numbers {
    color: #888;
    text-decoration: none;
    padding: 8px 5px;
}

.artwork-pagination .page-numbers.current {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.artwork-pagination a:hover {
    color: #fff;
}

/* Photos gallery */
body.page .wp-block-gallery {
    background: #000;
    padding: 20px 0 60px;
    gap: 12px;
}

.wp-block-gallery .wp-block-image {
    margin: 0;
    overflow: hidden;
}

.wp-block-gallery .wp-block-image img {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity 0.3s ease;
}

.wp-block-gallery .wp-block-image:hover img {
    opacity: 0.82;
}

.wp-block-gallery figcaption {
    display: none;
}

/* Black background for the Photos page */
body.page {
    background: #000;
    color: #fff;
}

/* Black background for WordPress image lightbox */
.wp-lightbox-overlay {
    background-color: #000 !important;
}

.wp-lightbox-overlay .scrim {
    background-color: #000 !important;
    opacity: 1 !important;
}

.wp-lightbox-overlay button,
.wp-lightbox-overlay .close-button {
    color: #fff !important;
}

.map-responsive {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio. Можеш да смениш на 75% за по-висока карта */
  height: 0;
}

.map-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}


/* GTranslate - top right corner */
.language-switcher {
    position: fixed;
    top: 12px;
    right: 24px;
    z-index: 99999;
    width: auto;
    text-align: right;
    background: transparent;
}

/* Make room for the WordPress admin bar when logged in */
body.admin-bar .language-switcher {
    top: 44px;
}

/* Keep the language selector compact */
.language-switcher a,
.language-switcher span {
    cursor: pointer;
}

/* Mobile positioning */
@media (max-width: 600px) {
    .language-switcher {
        top: 8px;
        right: 10px;
    }

    body.admin-bar .language-switcher {
        top: 48px;
    }
}