/* Global Styles */


body {
  font-family: 'Source Sans Pro', sans-serif;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

/* Tik index.html - 100vh */
#index #header.container-vh.ekranas {
    height: 100vh;
}

/* apie.html - auto */
#header.container-vh.ekranas {
    height: auto;     /* leidžiame augti pagal turinį */
    min-height: 100vh; /* bent minimaliai ekrano aukštis */
}

#header1 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
}

#header {
  padding-bottom: 150px; /* kad tekstas nesiliestų su paveiksliuku */
}


/* Text styling */
.text-center {
    color: #332424;
    outline: none;
}

p.text-large {
    font-size: 2rem;
    line-height: 1.7;
}

p.text-medium {
    font-size: 1.25rem;
    line-height: 1.7;
}

p.text-small {
    font-size: 16px;
    line-height: 1.7;
}

div.separator {
    padding: 40px 20px;
}

.daugiau-informacijos {
    padding: 40px 20px 10px 20px;
}

div.albumai-singlai {
    font-style: normal;
    color: #993D3D;
}

div#rotate {
    padding: 0 20px 20px 20px;
    font-size: 26px;
}

.isimtis {
    color: #507c95;
}

a {
 color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
 text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #00a1f1;
}

.padding-x-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.padding-x-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.koja-records {
    color: #000000;
    padding: 40px 80px;
    font-style: italic;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 54px;
}

.oswald {
    color: #00669b;
    font-style: italic;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
}

/* Bendras variantas (desktop) */
.footer-image {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100px;
  height: auto;
  z-index: 1;
}

/* ---------------- MEDIA QUERIES ---------------- */

/* Large screens (≤992px) */
@media (max-width: 992px) {
  .footer-image { width: 90px; }
  #header { padding-bottom: 120px; }
}

/* Medium screens (≤768px) */
@media (max-width: 768px) {
  .footer-image { width: 80px; }
  #header { padding-bottom: 100px; }
}

/* Small screens (≤576px) */
@media (max-width: 576px) {
  .footer-image { width: 70px; }
  #header { padding-bottom: 90px; }
  .koja-records { font-size: 40px; }    
}

/* Labai maži ekranai (iki 430.98px) */
@media only screen and (max-width: 430.98px) {
    
    .koja-records {
        padding: 30px 20px;
        font-size: 36px;
}
   div.separator {
        padding: 20px 15px;
}
    
    p.text-large {
        font-size: 23px;
}
    p.text-medium {
        font-size: 20px;
    }
    
    div.albumai-singlai {
        font-size: 16px;
        padding: 40px 80px;
    }
    
    div#rotate {
        font-size: 16px;
        padding: 20px 20px;
}
}

/* Extra small screens (≤414px) */
@media only screen and (max-width: 414px) {
  .koja-records { font-size: 34px; }
  .daugiau-informacijos { padding: 40px 25px /* prieš tai pas mane buvo 50px*/; }
  .padding-x-50 { padding-left: 25px; padding-right: 25px; }
}

/* Very small screens (≤375px) */
@media only screen and (max-width: 375px) {

  .koja-records {
        padding: 30px 10px;
}
}

/* ===== PAVEIKSLĖLIŲ BLOKAS (apie.html) ===== */

.image-row {
  margin-top: 0rem !important;
  margin-bottom: 2.5rem !important;
}

.custom-img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.15);
          box-shadow: 0 2px 10px rgba(0,0,0,0.15);
  -webkit-transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  -o-transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
}

.custom-img:hover {
  -webkit-transform: scale(1.03);
      -ms-transform: scale(1.03);
          transform: scale(1.03);
  -webkit-box-shadow: 0 4px 14px rgba(0,0,0,0.25);
          box-shadow: 0 4px 14px rgba(0,0,0,0.25);
}

/* Dideli ekranai – du paveiksliukai vienoje eilutėje */
@media (min-width: 769px) {
  .image-row .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    max-width: 45%;
  }
}

/* Maži ekranai – vienas paveiksliukas per eilutę */
@media (max-width: 768px) {
  .image-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 2rem!important;
    margin-bottom: 2rem!important;
  }

  .image-row .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    margin-top: 2rem!important;
    margin-bottom: 1.5rem!important;
  }

  .custom-img {
    width: 90%;
  }
}