/* =============== BODY & TEXT =============== */
body{font-family:'Roboto',sans-serif; font-size:16px; line-height:1.7; color:#333; margin:0; padding:0;}
h1{font-family:'Montserrat',sans-serif; font-weight:700; font-size:32px; margin-bottom:10px;}
h5{font-family:'Montserrat ',serif; font-style:normal; font-size:26px; margin-bottom:15px;}
h2,h3,h4{font-family:'Montserrat',sans-serif; font-weight:600; margin-top:30px; margin-bottom:15px;}

/* =============== LOGO BAR =============== */
.logo-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:1px;}
.logo-left{height:100px;width:auto;}
.logo-banner{flex:1;max-width:900px;height:120px;object-fit:contain;}
@media(max-width:992px){.logo-left{height:60px;}.logo-banner{height:70px;}}
@media(max-width:576px){.logo-banner{display:none;}.logo-bar{justify-content:center;}.logo-left{height:55px;}}

/* =============== CATEGORY STRIP =============== */
.category-strip{background:white;padding:10px;display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;white-space:nowrap;border-bottom:3px solid #7B68EE;}
.category-strip a{padding:6px 14px;border-radius:20px;font-weight:600;background:#f4f6f9;flex:0 0 auto;text-decoration:none;color:#000;}
.category-strip a:hover{background:#7B68EE;color:#fff;}

/* =============== BREADCRUMB =============== */
.breadcrumb-nav{font-family:'Roboto',sans-serif;font-size:13px;margin-bottom:1px;}
.breadcrumb-nav a{color:#7B68EE;text-decoration:none;font-style:italic;font-weight:600;}
.breadcrumb-nav a:hover{color:#4b3bbd;text-decoration:underline;}
.breadcrumb-title{color:#555;font-style:italic;}

/* =============== ARTICLE =============== */
.article-image{width:100%;max-height:450px;object-fit:cover;border-radius:6px;margin:15px 0;}
.article-content img{
 	text-align:justify;
    max-width: 100%;
}
.article-meta{font-size:14px;color:#777;margin-bottom:1px;}
.gallery img{width:150px;height:100px;object-fit:cover;border-radius:6px;margin:5px;}

/* =============== TOP NEWS =============== */
.top-news-card{border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:20px;}
.top-image{position:relative;}
.top-image img{width:100%;height:200px;
/*object-fit: contain;*/
object-fit:cover;
border-radius:8px;}
.top-category{position:absolute;top:10px;left:10px;background:#7B68EE;color:white;font-size:11px;padding:4px 10px;border-radius:20px;font-weight:600;}
.top-title{margin-top:10px;font-size:17px;font-weight:700;}
.top-title a{text-decoration:none;color:#000;}
.top-title a:hover{color:#7B68EE;}
.top-date{font-size:12px;color:#777;margin-top:3px;}

/* =============== MOST READ GRID =============== */
.most-read-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:100%;margin:auto;gap:20px;}
.news-card{position:relative;border-radius:10px;overflow:hidden;transition:transform 0.3s;}
.news-card img{width:100%;height:150px;object-fit:cover;transition:transform 0.3s;}
.news-card:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 8px 20px rgba(0,0,0,0.2);}
.news-card:hover img{transform:scale(1.05);}
.news-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(3,0,0,9),rgba(0,0,0,0));padding:1px;color:#fff;}
.news-title a{text-decoration:none;color:#fff;font-weight:700;font-size:14px;}
.top-date{font-size:12px;margin-top:2px;}
                
                
                
                
       
.share-menu a,
.share-menu button{
display:block;
color:#333;
text-decoration:none;
font-size:14px;
padding:4px 0;
}

.share-menu a:hover,
.share-menu button:hover{
color:#7B68EE;
}
.share-icon-container{
position:relative;
display:inline-block;
}          
                
              /*  Дясна колона неподвижна*/
                .col-lg-4{
position:sticky;
top:20px;
height:fit-content;
}
          
                
                
                
                
                
              .share-icon-container {
    position: relative;
    display: inline-block;
}

#shareIcon {
    cursor: pointer;
}

/* меню */
.share-menu {
    display: none;
    position: absolute;
    top: 28px;
    right: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    padding: 8px;
    min-width: 150px;
    z-index: 1000;
}

/* бутони */
.share-menu a,
.share-menu button {
    display: block;
    width: 100%;
    padding: 8px 10px;
    font-size: 14px;
    text-align: left;
    border-radius: 6px;
    text-decoration: none;
    color: #333;
    border: none;
    background: none;
    cursor: pointer;
}

/* hover */
.share-menu a:hover,
.share-menu button:hover {
    background: #f4f6f9;
    color: #7B68EE;
}

/* mobile fix */
@media (max-width: 576px) {
    .share-menu {
        right: auto;
        left: 0;
    }
}
                
                
                
                
                
                
                
                
     .gallery {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.gallery img {
    width:180px;
    height:130px;
    object-fit:cover;
    border-radius:16px;
    cursor:pointer;
    transition:0.3s;
}

.gallery img:hover {
    transform:scale(1.05);
}