/* Navbar 1 */
.nav-button{
    border: 2px solid #FF6B35;
    border-radius: 10px;
    color: #FF6B35;
    transition: 0,3s ease;
}

.nav-button:hover{
    color: white;
    background-color: #FF6B35;
}

.nav-button1{
    border-radius: 10px;
    background-color: #FF6B35;
    color: white;
}

.nav-button1:hover{
    color: white;
    background-color: #ff4400;
}

@media (max-width: 576px) {
    .form-control {
      max-width: 120px;
    }
  
    .nav-button,
    .nav-button1 {
      font-size: 0.9rem;
      padding: 0.5rem 0.5rem;
    }
  }

/* Navbar 2 */

.nav-link {
    color: #FF6B35 !important;
  }

.nav-link:hover{
    color: #276aa6 !important;
}

.dropdown-menu {
  position: absolute !important;
  z-index: 1000;
}

.offcanvas-menu {
  bottom: auto;         
  height: auto;      
  max-height: 90vh;     
  overflow-y: auto;    
  --bs-offcanvas-width: fit-content;
  max-width: 92vw;  
  background-color: whitesmoke;
}

.offcanvas-start.offcanvas-menu {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}







.cont1{
  margin-top: 70px;
  border: 1px solid silver;
  border-radius: 10px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.card1-btn{
    border: 2px solid #FF6B35;
    border-radius: 10px;
    color: #FF6B35;
    transition: 0,3s ease;
}

.card1-btn:hover{
  color: white;
  background-color: #FF6B35;
}

.cont2{
  background-color: rgb(72,68,68);
  border-radius: 10px;
  padding:50px ;
}

.card2{
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: whitesmoke;
}

.cont3{
  background-color: whitesmoke;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 35px;
  padding-right: 35px;
  margin-top: 50px;
  border-radius: 10px;
}

.card3{
  color: black;
  border-radius: 30px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card3:hover{
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.text2{
  font-size: small;
}

.cont4{
  background-color: rgb(256,244,236);
  padding: 30px;
  border-radius: 10px;
}

.btn1{
  border:2px solid rgba(0,175,232,255);
  border-radius: 10px;
  background-color: rgba(0,175,232,255);
  color: white;
}

.btn1:hover{
  background-color: #276aa6;
  border:2px solid #276aa6;
  color: white;
}

.btn2{
  border:2px solid rgba(0,175,232,255);
  border-radius: 10px;
  background-color: white;
  color: rgba(0,175,232,255);
}

.btn2:hover{
  background-color: #276aa6;
  border:2px solid #276aa6;
  color: white;
}

.cont5{
  background-color: rgba(236,250,255,255);
  padding: 30px;
  border-radius: 10px;
}

.btn3{
  border-radius: 10px;
  background-color: #FF6B35;
  color: white;
}

.btn3:hover{
  color: white;
  background-color: #ff4400;
}

.btn4{
  border: 2px solid #FF6B35;
  border-radius: 10px;
  color: #FF6B35;
  transition: 0,3s ease;
  background-color: white;
}

.btn4:hover{
  color: white;
  background-color: #ff4400;
  border: 2px solid #ff4400;
}

.cont6 {
  background: linear-gradient(to bottom left, #ff4400, #276aa6);
  border-radius: 10px;
  padding-top: 60px;
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 45px;
  margin-top: 48px;
  color: white;
}

.btn5 {
  border: 2px solid white;
  border-radius: 10px;
  color: white;
  background-color: transparent;
  transition: 0.3s;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 20px;
  margin-bottom:px;
}

.btn5:hover {
  background-color: white;
  color: #935753;
}

.cont7{
  background-color: rgb(232, 232, 232);
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 35px;
  padding-right: 35px;
  margin-top: 50px;
  border-radius: 10px;
}

.card4{
  color: black;
  border-radius: 30px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  background-color: aliceblue;
}

.card4:hover{
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.cont8{
  border: 1px solid silver;
  border-radius: 10px;
  box-shadow: 30px 30px 10px rgba(0, 0, 0, 0.2);
  padding: 20px;
}






/*Footer*/

.footer-custom{
    background-color: silver;
}

.footer-custom a{
    text-decoration: none;
    color: black;
}

.footer-custom a:hover{
    color: #FF6B35;
}


/*Register*/

.RegCont{
  margin-top: 70px;
  border: 1px solid silver;
  border-radius: 10px;
  padding-top: 50px;
  padding-bottom: 50px;
}

input[name="tip"]{
  position:absolute;
  visibility:hidden;
}


.type-toggle{
  display:flex;
  gap:12px;
  justify-content:center;
  align-items:center;
  margin:24px auto 12px;
}

.type-btn{
  border:1px solid #e2e8f0;
  background:#fff;
  padding:10px 16px;
  border-radius:999px;
  cursor:pointer;
  font-weight:600;
  transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}

.type-btn:hover{
  transform:translateY(-1px); 
  box-shadow:0 6px 16px rgba(0,0,0,.07);}

.type-btn.active{
  background:#FF6B35; 
  color:#fff; 
  border-color:#FF6B35;}


.container.RegCont{
  max-width:720px; 
  margin:0 auto;}

.container.RegCont input[type="text"],
.container.RegCont input[type="email"],
.container.RegCont input[type="password"],
.container.RegCont input[type="tel"]{
  display:block; 
  width:100%; 
  margin:10px 0;
  padding:10px 12px; 
  border:1px solid #e5e7eb; 
  border-radius:10px; 
  outline:none;
}

.container.RegCont button[type="submit"]{
  display:flex; 
  width:50%; 
  margin-top:20px;
  padding:12px 16px; 
  border:none; 
  border-radius:10px;
  background:#FF6B35; 
  color:#fff; 
  font-weight:700; 
  cursor:pointer;
  justify-content: center;
}

.container.RegCont .text-centerr{
  display: flex;
  justify-content: center; /* centriraj gumb */
}
.container.RegCont .text-centerrr{
  display: flex;
  justify-content: center; /* centriraj gumb */
  margin-top: 20px;
}

.container.RegCont button:hover[type="submit"]{
  background:#ff4400;
}

.container.RegCont.hidden{ display:none;}

.alert{
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 16px;
  border: 1px solid transparent;
  font-size: 0.95rem;
}
.alert-error ul{ margin: 8px 0 0 18px; }

.alert.alert-error {
  --bs-alert-bg: #fdecea;
  --bs-alert-border-color: #f5c2c0;
  --bs-alert-color: #7a1d16;
}

/*Log in*/

.container.LogInCont input[type="email"],
.container.LogInCont input[type="password"]{
  display:block; 
  width:100%; 
  margin:10px 0;
  padding:10px 12px; 
  border:1px solid #e5e7eb; 
  border-radius:10px; 
  outline:none;
}

.container.LogInCont{
  max-width:400px; 
  margin:0 auto;
}

.container.LogInCont button[type="submit"]{
  display:flex; 
  width:50%; 
  margin-top:20px;
  padding:12px 16px; 
  border:none; 
  border-radius:10px;
  background:#FF6B35; 
  color:#fff; 
  font-weight:700; 
  cursor:pointer;
  justify-content: center;
}

.container.LogInCont .text-centerr{
  display: flex;
  justify-content: center; /* centriraj gumb */
}
.container.LogInCont .text-centerrr{
  display: flex;
  justify-content: center; /* centriraj gumb */
  margin-top: 20px;
}