/* --- SEKACJA KONFIGURACJI WYGLĄDU --- */
        :root {
            --kolor-glowny: #a63d40; /* Ceglasty Lublin */
            --kolor-glowny-ah: #cf484c;
            --kolor-akcentu: #d4af37; /* Złoty */
            --tlo-jasne: #fafafa;
            --tlo-szare: #f5f5f5;
            --light-border:#d3d4da;
            --dark-border:#393939;
            --tekst-ciemny: #212529;
            --czcionka-tytulow: 'Nunito', serif;
            --czcionka-tekstu: 'Nunito', sans-serif;
            --accent-color: #ff3c00; 
            --dark-bg: #1a1a1a;
            --dark-bg-op5: #1a1a1a88;
            --kolor-lublin-red:#e83820;
            --kolor-lublin-green: #60b31c;
            --kolor-lublin-yellow:#fcc400;
        }

        body {
            font-family: var(--czcionka-tekstu);
            background-color: var(--tlo-jasne);
            color: var(--tekst-ciemny);
        }

@keyframes linkLublinAnimation {
  0% {color: var(--tekst-ciemny);}
  7% {color: #e83820;}
  13% {color: #e83820;}
  37% {color: #60b31c;}
  43% {color: #60b31c;}
  67% {color: #fcc400;}
  73% {color: #fcc400;}
  80% {color: var(--tekst-ciemny);}
  100% {color: var(--tekst-ciemny);}
  
}


a{text-decoration: none;color:var(--kolor-glowny);transition:color 0.3s;}
a:hover{color:var(--kolor-glowny-ah);}

nav {border-bottom:1px solid var(--dark-border);background: #33333323;}
nav.scrolled .container{border-bottom: none;}
nav img.nav-logo {width:350px;transition:all 3s;}
nav img.nav-logo.black {display:none;visibility:hidden;}
nav img.nav-logo.white {display:block;visibility:visible;}
nav.scrolled {border-bottom:1px solid var(--light-border);background: #fafafa;}
nav.scrolled img.nav-logo.black {display:block;visibility:visible;}
nav.scrolled img.nav-logo.white {display:none;visibility:hidden;}

/* --- Nawigacja --- */
        .navbar {
            transition: all 0.4s ease-in-out;
            padding: 1rem 0;
        }

        /* Klasa dodawana przez JS po skrolowaniu */
        .navbar.scrolled {
            background-color: white !important;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            padding: 0.5rem 0;
        }

        .navbar a{font-size:1.2rem; color:#d4d4d4;}
        .navbar:not(.scrolled) a:hover{ color:#fefefe; text-shadow:0px 0px 3px black;}

        /* Zmiana koloru linków przy skrolowaniu */
        .navbar.scrolled .nav-link, 
        .navbar.scrolled .navbar-brand {
            color: #000 !important;
        }

     .mainLogoLink{max-width: 350px;
  position: absolute;
  top: 20px;
}
     .mainLogo{width:350px;}
    
    /* --- Header & Karuzela --- */
    .carousel-item {
        height: 85vh;
        min-height: 500px;
        max-height:950px;
        background-size: cover;
        background-position: center;
        position: relative;
         background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
   
  background-blend-mode: multiply;
    }

    .carousel-item.black{background-color: #081e43bd;}
    /* Nakładka przyciemniająca na zdjęcia */
 

    .carousel-caption {
        z-index: 10;
        bottom: 25%;
        text-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }

    /* Nowy styl przycisku */
    .btn-hero {
        background: #2727275d;
        color: white;
        border: 2px solid white;
        padding: 14px 35px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1px;
        transition: all 0.3s ease;
        text-decoration: none;
        display: inline-block;
        border-radius:10px;
    }
    .btn-hero:hover {
        background: white;
        color: black;
    }

    /* Indykatory (prostokąty) */
    .carousel-indicators [data-bs-target] {
        width: 45px;
        height: 4px;
        margin-bottom: 30px;
        opacity: 0.5;
    }
    .carousel-indicators .active {
        opacity: 1;
    }

        

          .carousel-item.black::before {
          content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        background: none;
    }

    .carousel-item.white h1, .carousel-item.white p{color:#232833;
    text-shadow: 
    0px 0px 350px rgba(255,255,255,1),
0px 0px 280px rgba(255,255,255,1),
0px 0px 240px rgba(255,255,255,1),
0px 0px 200px rgba(255,255,255,1),
0px 0px 150px rgba(255,255,255,1),
0px 0px 100px rgba(255,255,255,1),



0px 0px 80px rgba(255,255,255,1),
            
             0px 0px 60px rgba(255,255,255,1),
           
             0px 0px 50px rgba(255,255,255,1),
            
             0px 0px 40px rgba(255,255,255,1)
             ;

           }


           .carousel-item.black p, .carousel-item.black h1{
    text-shadow: 
    0px 0px 350px rgba(1,1,1,1),
0px 0px 280px rgba(1,1,1,1),
0px 0px 240px rgba(1,1,1,1),
0px 0px 200px rgba(1,1,1,1),
0px 0px 150px rgba(1,1,1,1),
0px 0px 100px rgba(1,1,1,1)



             ;

           }
    .carousel-item.white p{text-shadow: 
        0px 0px 80px rgba(255,255,255,1),0px 0px 80px rgba(255,255,255,1),0px 0px 80px rgba(255,255,255,1),0px 0px 80px rgba(255,255,255,1),0px 0px 80px rgba(255,255,255,1),0px 0px 80px rgba(255,255,255,1),
             0px 0px 75px rgba(255,255,255,1),       
             0px 0px 70px rgba(255,255,255,1),
             0px 0px 65px rgba(255,255,255,1),
             0px 0px 60px rgba(255,255,255,1),
             0px 0px 55px rgba(255,255,255,1),
             0px 0px 50px rgba(255,255,255,1),
           
             0px 0px 45px rgba(255,255,255,1),
             0px 0px 40px rgba(255,255,255,1),
             0px 0px 30px rgba(255,255,255,1),
             0px 0px 20px rgba(255,255,255,1),
             0px 0px 10px rgba(255,255,255,1),
             0px 0px 5px rgba(255,255,255,1);}

    .carousel-item.white::before {
       content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        background: #fafafa43;
    }


        .carousel-caption {
            bottom: 30%; /* Wyżej niż standardowo */
            z-index: 2;
        }

        /* --- Przycisk --- */
        .btn-custom {
            background-color: transparent;
            color: white;
            border: 2px solid white;
            padding: 12px 30px;
            transition: all 0.3s ease;
            text-transform: uppercase;
            font-weight: bold;
        }

        .btn-custom:hover {
            background-color: white;
            color: black;
        }

        /* --- Wskaźniki (Prostokąty) --- */
        .carousel-indicators [data-bs-target] {
            width: 40px;
            height: 6px;
            border-radius: 0; /* Prostokąty zamiast kresek/kółek */
            margin-bottom: 20px;
        }




        main h5{font-size:1rem;margin-top:2px;margin-bottom:5px;}
         h5.highlight_red{color:var(--kolor-lublin-red);}
        h5.highlight_yellow{color:var(--kolor-lublin-yellow);}
         h5.highlight_green{color:var(--kolor-lublin-green);}

      .btn-hero.highlight_red:hover{color:var(--kolor-lublin-red);border-color:var(--kolor-lublin-red);background: transparent;}
       .btn-hero.highlight_yellow:hover{color:var(--kolor-lublin-yellow);border-color:var(--kolor-lublin-yellow);background: transparent;}
       .btn-hero.highlight_green:hover{color:var(--kolor-lublin-green);border-color:var(--kolor-lublin-green);background: transparent;}

  .darkcenter .btn-hero:not(:last-child){margin-right:20px;}
     
       
  .darkcenter .btn-hero .tooltip {
  visibility: hidden;
  position: absolute;
  bottom: -80px;
background: #1f242d;
font-weight: bold;
  padding: 10px;
  white-space: nowrap;
  opacity: 0;
  transition: 0.5s;
  right:5%;
  left: 5%;
  border-radius:10px;
  width: auto;
  text-align: center;
  font-size: 1.2rem;
}

.darkcenter .btn-hero:hover .tooltip {
    visibility: visible;
    opacity: 1;
}
        main h2{font-size:2.5rem;margin-top:10px;margin-bottom:20px;font-weight:600;}
        main p{font-size:1.1rem;}
        main .photoAbout {text-align: right;max-width:100%;min-width:80%;}
        main .photoAbout.left {text-align: left;}
        main .photoAbout .photo{max-width:100%;min-width:80%;border-radius: 10px;
  transition:all 0.5s;}
 main section.right p,  main section.left p,  main section.center p{
line-height: 1.85rem;
 }
  main section.right{position: relative;
  display: block;
  padding: 120px 0 110px;
  background-color: #ffffff;
  background: url(/assets/images/bg-pattern_lines_right_bottom.png) #ffffff;
    background-repeat: repeat;
  background-repeat: repeat;
border-bottom: 1px solid var(--light-border);}

   main section.left{position: relative;
  display: block;
  padding: 120px 0 110px;
  background-color: #f5f5f5;
  background: url(/assets/images/bg-pattern_lines_left_bottom.png) #ffffff;
    background-repeat: repeat;
  background-repeat: repeat;border-bottom: 1px solid var(--light-border);}


     main section.center{position: relative;
  display: block;
  padding: 120px 0 110px;
  background-color: #f5f5f5;
  background: url(/assets/images/bg-pattern_lines_left_bottom.png), url(/assets/images/bg-pattern_lines_right_bottom.png) #ffffff;
    background-repeat: repeat;
  background-repeat: repeat;border-bottom: 1px solid var(--light-border);}

  main section.darkcenter{position: relative;
    text-align: center;
  display: block;
  padding: 120px 0 120px;
  background-color:#233147;

    background-repeat: repeat;
  background-repeat: repeat;border-bottom: 1px solid var(--light-border);}

    .prefooter section.darkcenter{position: relative;
    text-align: center;
  display: block;
  padding: 20px;
  background-color:#233147;
color:whitesmoke;
    background-repeat: repeat;
  background-repeat: repeat;border-bottom: 1px solid var(--light-border);}
  .prefooter section.darkcenter p{margin-bottom:0px;}
.prefooter section.darkcenter h5{font-weight:600;margin-bottom:15px;}


  main section.darkcenter p, main section.darkcenter h2 {color:whitesmoke;}
  main section.darkcenter .btn-hero:hover{background: #1f242dea;}

   main .photoAbout .photoHolder{border-radius: 20px;position: relative;width:auto;display: inline-block;border: 1px solid var(--light-border);
  padding: 10px; overflow: hidden;}

  main .photoAbout.right .photoHolder:hover{box-shadow: 2px 2px 5px #d8d8d8;}
  main .photoAbout.left .photoHolder:hover{box-shadow: 2px -2px 5px #d8d8d8;}
  main .photoAbout .photoHolder:hover .photo{transform: scale(1.1);transition:all 0.5s;filter: saturate(150%);}
 main .photoAbout .photoHolder .photoFilter{background:transparent;opacity:0;position: absolute; top:40%;bottom:40%;right:40%;left:40%;transition:all 0.5s;}
  main .photoAbout .photoHolder:hover .photoFilter{background:rgb(14, 39, 81);opacity:0.4;box-shadow: 0px 0px 13px #121212 inset;top:0;bottom:0;right:0;left:0;}





   footer {
        background-color: #ffffff;
        border-top: 1px solid #ececec;
        color: #555;

          background-color: #fff;
  background: url(images/bg-pattern_lines_horizontal.png) #fff;
    background-repeat: repeat;
  background-repeat: repeat;
    }

    .main-footer h2, .main-footer h5 {
        font-size: 1.2rem;
        font-weight: 700;
        letter-spacing: 1px;
        color: #1a1a1a;
        margin-bottom: 1.5rem;
    }

    .footer-logo {
        max-width:250px;
        margin-bottom: 1.5rem;
        transition: opacity 0.3s;
    }

    .footer-logo:hover {
        opacity: 0.8;
    }

    /* Styl linków */
    .link-group a {
        display: block;
        color: #777;
        text-decoration: none;
        margin-bottom: 0.8rem;
        transition: all 0.3s ease;
        font-size: 1rem;
    }

    .link-group a:hover {
        color: #000;
        padding-left: 5px; /* Delikatny efekt wysunięcia */
    }

    /* Social Linki */
    .social-link {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size:1.2rem;
        margin-bottom: 10px;
        color: #555;
        text-decoration: none;
        transition: color 0.3s;
    }

    .social-link:hover {
        color: #000;
    }

    .social-link i {
        font-size: 1.4rem;   }

    /* Dolny pasek (Copyright) */
    .footer-bottom {
        border-top: 1px solid #ececec;
        font-size: 1rem;
        color: #999;
    }

    .footer-bottom a {
        color: #777;
        text-decoration: none;
        font-weight: 600;
    }

    .footer-bottom a:hover {
        text-decoration: underline;
    }