@import 'topmenu.css';
@import 'blogzerkaloview.css';
@import 'services-box.css';
@import 'quotes-box.css';
@import 'article.css';
@import 'full-width-scrolling.css';
@import 'footer.css';
@import 'cookie-consent.css';
@import 'mobile.css';



:root {
  --zerkalo-green: #08311f;
  --zerkalo-white: #fdfdfd;
  --zerkalo-black: #1d1615;
  --zerkalo-grey: #a2a2a2;
  --box-shadow: 8px 8px 22px -8px rgba(0, 0, 0, 0.75);
}

.offcanvas-menu {
    background: var(--zerkalo-green);
}

table {
    border: none !important;
}

.contact {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.contact img {
    display: block;
}

.contact .padded {
    flex: 1;
}

.padded {
    padding: 20px;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a, 
.offcanvas-menu .offcanvas-inner ul.menu>li>span {
    color: var(--zerkalo-white) !important;
}

.offcanvas-active .burger-icon>span, 
#modal-menu-toggler.active .burger-icon>span {
    background: var(--zerkalo-white) !important;
}

.copyright-module {
    padding-top: 10px;
}

#chronoform-kapcsolat {
    margin: auto;
    max-width: 800px;
}

.sp-column:has(form.nui.form) {
    display: flex;
    align-items: center;
    min-height: 100vh;
}


a.chronocredits {
    display: none;
}

.article-list {
    padding-top: 50px;
    padding-bottom: 50px;
}

h1,h2,h3,h4,h5,h6 {
  font-weight:400;
  /*color: var(--zerkalo-white);*/
}

body {
  background-color: var(--zerkalo-white);
}

@media (max-width: 990px) {
  #sp-main-body {
    padding: 50px 0;
    margin: unset;
  }
  p {
    line-height:unset;
  }
  .article-body ul:not(.mod-list) li {
    line-height:unset !important;
  }
  .articles-leading .blog-item.article .article-intro-image img {
    transform: scale(4.6);
    transform-origin: center 15%;
  }
}


.article-body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.article-body ul:not(.mod-list) li {
    padding: 20px 20px 20px 24px;
    margin-bottom: 16px;
    border-left: 5px solid var(--zerkalo-green);
    line-height: 1.6;
}

.article:has(.featured-article-badge):not(.articles-leading *) .article-body li {
    border-left: 5px solid var(--zerkalo-white);
}

.readmore,
.menulink {
  display: inline-block;
  background-color: var(--zerkalo-green);
  color: var(--zerkalo-white);
  text-decoration: none;
  padding: 12px 28px;
  border-radius: 50px;
  transition: background-color 0.3s ease;
  width: 220px;
}

.readmore a,
a:hover.menulink , 
a:focus.menulink , 
a:active.menulink  {
    color: var(--zerkalo-white) !important;
}

.articles-leading .blog-item.article .article-intro-image {
    overflow: hidden;
    height: 820px;
}

/*
.articles-leading .blog-item.article .article-intro-image img {
    object-fit: cover;
    object-position: center top;
    
    --s: clamp(1.2, calc(4.6 - 3.4 * ((100vh - 844px) / 101px)), 4.6);
    --o: clamp(16%, calc(16% + 49% * ((100vh - 844px) / 101px)), 65%);
    
    transform: scale(var(--s)) !important;
    transform-origin: center var(--o);
}
*/

.articles-leading .blog-item.article .article-intro-image img {
  object-fit: cover;
  object-position: center top;
  /* default: desktop kis vh */
  transform: scale(1.2) !important;
  transform-origin: center 65%;
}

/* 585px → 844px: scale nő fel 1.2-ről 4.6-ra */
/*
@media (min-height: 585px) and (max-height: 844px) {
  .articles-leading .blog-item.article .article-intro-image img {
    --s: clamp(1.2, calc(1.2 + 3.4 * ((100vh - 585px) / 259px)), 4.6);
    --o: clamp(16%, calc(65% - 49% * ((100vh - 585px) / 259px)), 65%);
    transform: scale(var(--s)) !important;
    transform-origin: center var(--o);
  }
}
*/
/* 844px → 945px: scale csökken 4.6-ról 1.2-re */
/*
@media (min-height: 844px) and (max-height: 945px) {
  .articles-leading .blog-item.article .article-intro-image img {
    --s: clamp(1.2, calc(4.6 - 3.4 * ((100vh - 844px) / 101px)), 4.6);
    --o: clamp(16%, calc(16% + 49% * ((100vh - 844px) / 101px)), 65%);
    transform: scale(var(--s)) !important;
    transform-origin: center var(--o);
  }
}
*/

.featured-article-badge {
  display: none;
}

.article-list .article .article-intro-image, 
.article-list .article .article-featured-video, 
.article-list .article .article-featured-audio, 
.article-list .article .article-feature-gallery {
    z-index: 1;
    position: relative;
    border-radius: unset;
    border-bottom: unset;
    border: unset;
}

.article-list .article {
    border: unset;
    border-radius: unset;
}

/* Sticky footer */
main#sp-main {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
}

footer#sp-footer {
  margin-top: auto !important;
}