/* OSNOVNE POSTAVKE */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    background-color: white;
    font-family: "Red Hat Display", "Roboto Flex", Arial, sans-serif;
    color: #2d6f3b;
}

.container {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    _outline: 1px solid red;
}

/* HEADER SEKCIJA */
header {
    background-color: #faf7e7;
    width: 100%;
}

.header {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 25px;
    margin: 0 auto;
    flex-direction: column;
}

/* LOGO I NASLOV */
.logo-dio {
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-dio img {
    width: 250px;
}

.header-naslov h1 {
    font-size: 42px;
    color: #2d6f3b;
    margin: 0;
}

/* NAVIGACIJA SEKCIJA */
.navigacija {
    width: 100%;
    border-top: 5px solid #2d6f3b;
    padding: 10px 0;
}

.navigacija ul {
    display: flex;
    list-style-type: none;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.navigacija ul li {
    padding: 10px 20px;
    margin: 5px;
    font-size: 18px;
}

.navigacija ul li a {
    color: #2d6f3b;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}

.navigacija ul li a:hover {
    color: #7dac6f;
}

/* SLIDER SEKCIJA */
.slider {
    width: 100%;
    height: 500px;
    overflow: hidden;
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* TEKST SEKCIJA */
.red-tekst {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px;
}

.tekst-sekcija {
    margin: 30px;
    background-color: white;
    text-align: center;
}

.tekst-sekcija h2 {
    color: #2d6f3b;
    font-size: 32px;
    margin-bottom: 30px;
}

.tekst-sekcija p {
    font-size: 22px;
    line-height: 1.5;
    color: #2d6f3b;
    padding: 18px;
    text-align: justify;
}

/* GUMBOVI SEKCIJA */
.red-gumbovi {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #7dac6f;
    padding: 35px;
    width: 100%;
}

/* STILOVI GUMBOVA */
.gumb {
    width: 250px;
    text-align: center;
    padding: 18px;
    margin: 15px;
    border: none;
    border-radius: 30px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.gumb-narucite {
    background-color: #e7b739;
    color: white;
}

.gumb-narucite:hover {
    background-color: #2d6f3b;
    color: white;
}

.gumb-rezervirajte {
    background-color: #e7b739;
    color: white;
}

.gumb-rezervirajte:hover {
    background-color: #2d6f3b;
    color: white;
}

/* GALERIJA SLIKA */
.red-slike {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 40px 0 50px 0;
}

.slika-kartica {
    width: 300px;
    height: 300px;
    margin: 20px;
    border-radius: 10px;
    overflow: hidden;
    border: 5px solid #7dac6f;
}

.slika-kartica img {
    width: 100%;
    height: 100%;
}

/* RECENZIJE SEKCIJA */
.red-recenzije {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 50px;
    padding: 0 20px;
}

.recenzije-naslov {
    width: 100%;
    text-align: center;
    font-size: 32px;
    color: #2d6f3b;
    margin-bottom: 30px;
}

/* POJEDINAČNE RECENZIJE */
.recenzija {
    flex-basis: 320px;
    flex-wrap: wrap;
    flex-grow: 1;
    margin: 20px;
    display: flex;
    flex-direction: column;
    background-color: #faf7e7;
    border-radius: 10px;
    padding: 25px;
    border: 5px solid #e7b739;
}

.ocjena {
    font-size: 28px;
    color: #e7b739;
    margin-bottom: 15px;
    text-align: left;
}

.recenzija p {
    font-size: 18px;
    line-height: 1.5;
    color: #2d6f3b;
    text-align: justify;
    font-style: italic;
    flex-grow: 1;
    margin-bottom: 20px;
}

.recenzija-autor {
    color: #2d6f3b;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    margin-top: auto;
}

/* LOKACIJA SEKCIJA */
.red-lokacija {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: white;
    color: #2d6f3b;
    padding: 0 20px 60px 20px;
}

.lokacija-naslov {
    width: 100%;
    text-align: center;
    font-size: 32px;
    color: #2d6f3b;
    margin-bottom: 30px;
}

/* LOKACIJSKE STAVKE */
.lokacija-stavka {
    flex-grow: 1;
    flex-shrink: 0;
    margin: 20px;
    padding: 25px;
    background-color: white;
    border: 5px solid #7dac6f;
    border-radius: 10px;
    text-align: center;
}

.lokacija-stavka h3 {
    color: #e7b739;
    font-size: 24px;
    margin-bottom: 15px;
}

.lokacija-stavka p {
    font-size: 20px;
    color: #2d6f3b;
    line-height: 1.5;
}

/* FOOTER SEKCIJA */
footer {
    background-color: #faf7e7;
    width: 100%;
}

.footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 1400px;
    margin: 0 auto;
    padding: 15px;
    flex-wrap: wrap;
}

/* FOOTER DIJELOVI */
.footer-dio {
    width: 100%;
    margin: 10px auto;
    max-width: 300px;
    text-align: center;
}

.footer-dio h3 {
    color: #2d6f3b;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
}

.footer-dio p {
    color: #2d6f3b;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
}

/* DRUŠTVENE MREŽE */
.drustvene-mreze {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.mreza-link {
    text-decoration: none;
    margin: 0 20px 0 20px;
}

.mreza-ikona {
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mreza-ikona:hover {
    opacity: 0.7;
}

.mreza-ikona img {
    width: 60px;
}

/* FOOTER DNO */
.footer-dno {
    text-align: center;
    padding: 15px;
    border-top: 5px solid #2d6f3b;
    background-color: #faf7e7;
}

.footer-dno p {
    color: #2d6f3b;
    margin: 5px 0;
    font-size: 16px;
}

/* NAŠE USLUGE SEKCIJA */
.usluge-sekcija {
    background-color: white;
    width: 100%;
    padding: 0 0 50px 0;
    _outline: 2px solid red;
}

.usluge-naslov {
    font-size: 32px;
    color: #2d6f3b;
    text-align: center;
    margin-bottom: 30px;
}

.usluge-container {
    max-width: 1400px;
    margin: 0 auto;
    _outline: 2px solid blue;
}

.usluge-red {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.usluga-kartica {
    width: 200px;
    margin: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    _outline: 2px solid red;
}

.usluga-slika {
    width: 130px;
    border-radius: 10px;
    margin-bottom: 15px;
    border: 5px solid #7dac6f;
}

.usluga-tekst {
    font-size: 18px;
    color: #2d6f3b;
    font-weight: bold;
}

/* KONTAKT LAYOUT */
.kontakt-layout {
    background-color: white;
    width: 100%;
    padding: 0 0 50px 0;
    _outline: 2px solid blue;
}

.kontakt-sadrzaj {
    display: flex;
    flex-wrap: wrap;
    min-height: 500px;
    justify-content: center;
    _outline: 2px solid red;
}

.kontakt-naslov {
    margin-bottom: 8px;
    padding-bottom: 0;
}

.mapa-dio {
    flex: 1 1 20%;
    min-width: 400px;
    margin: 30px;
    border: 5px solid #7dac6f;
    border-radius: 10px;
    overflow: hidden;
}

.informacije-dio {
    flex: 1 1 20%;
    min-width: 400px;
    border: 5px solid #7dac6f;
    border-radius: 10px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 30px;
}

.info-grupa {
    margin-bottom: 25px;
    text-align: center;
    _outline: 2px solid red;
}

.info-grupa:last-child {
    margin-bottom: 0;
}

.info-grupa h3 {
    color: #e7b739;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: bold;
}

.info-grupa p {
    color: #2d6f3b;
    font-size: 20px;
    line-height: 1.5;
}

.kontakt-link {
    display: inline-block;
    color: #2d6f3b;
    text-decoration: none;
    font-size: 20px;
    line-height: 1.5;
    _outline: 2px solid red;
}

.kontakt-link:hover {
    color: #7dac6f;
}

/* JELOVNIK SEKCIJA */
.jelovnik-sekcija {
    background-color: white;
    width: 100%;
    padding: 0 0 60px 0;
    _outline: 2px solid red;
}

.jelovnik-red {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1400px;
    margin: 0 auto;
    _outline: 2px solid blue;
}

/* JELOVNIK KARTICE LINKOVI */
.jelovnik-kartica-link {
    text-decoration: none;
    color: inherit;
    margin: 15px;
}

.jelovnik-kartica-link:hover .jelovnik-kartica {
    border-color: #e7b739;
}

.jelovnik-kartica-link:hover .jelovnik-naziv h3 {
    color: #e7b739;
}

/* JELOVNIK KARTICE */
.jelovnik-kartica {
    width: 300px;
    border: 5px solid #7dac6f;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.jelovnik-slika {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #7dac6f;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jelovnik-slika img {
    width: 100%;
    height: auto;
}

.jelovnik-naziv {
    padding: 20px;
    text-align: center;
}

.jelovnik-naziv h3 {
    font-size: 24px;
    color: #2d6f3b;
    margin: 0;
}

/* REZERVACIJA SEKCIJA */
.rezervacija-sekcija {
    background-color: white;
    padding: 60px 20px;
    width: 100%;
    _outline: 2px solid red;
}

.rezervacija-container {
    max-width: 600px;
    margin: 0 auto;
    border-radius: 10px;
    padding: 40px;
    border: 5px solid #7dac6f;
    background-color: white;
}

.forma-naslov {
    font-size: 24px;
    color: #2d6f3b;
    margin-bottom: 30px;
    text-align: center;
    font-weight: bold;
}

/* FORMA GRID */
.forma-grid {
    display: flex;
    flex-direction: column;
}

.forma-red {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.forma-red.dva-kolone .form-group {
    width: 48%;
    margin-right: 4%;
}

.forma-red.dva-kolone .form-group:last-child {
    margin-right: 0;
}

.forma-red.tri-kolone .form-group {
    width: 30%;
    margin-right: 5%;
}

.forma-red.tri-kolone .form-group:last-child {
    margin-right: 0;
}

.form-group {
    width: 100%;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #2d6f3b;
    font-size: 16px;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 12px;
    border: 3px solid #7dac6f;
    border-radius: 10px;
    font-size: 16px;
    font-family: "Red Hat Display", "Roboto Flex", Arial, sans-serif;
    color: #2d6f3b;
    text-align: justify;
    background-color: white;
}

.form-group input:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #2d6f3b;
}

.uvjeti-container {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    margin: 12px 0;
    border: 3px solid #e7b739;
}

.uvjeti-container h4 {
    color: #2d6f3b;
    margin-bottom: 10px;
    font-size: 16px;
}

.uvjeti-tekst {
    margin-bottom: 15px;
}

.uvjeti-tekst p {
    font-size: 13px;
    color: #2d6f3b;
    margin-bottom: 10px;
    text-align: justify;
}

.uvjeti-tekst ul {
    list-style-type: disc;
    list-style-position: inside;
}

.uvjeti-tekst li {
    font-size: 13px;
    color: #2d6f3b;
    margin-bottom: 8px;
    line-height: 1.5;
    text-align: justify;
    padding-left: 15px;
    position: relative;
}

.checkbox-container {
    display: flex;
    align-items: center;
}

.checkbox-container input {
    width: auto;
    margin-right: 8px;
}

.checkbox-container label {
    font-size: 13px;
    margin-bottom: 0;
}

.submit-button {
    width: 100%;
    padding: 18px;
    background-color: #e7b739;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    font-family: "Red Hat Display", "Roboto Flex", Arial, sans-serif;
    margin-top: 25px;
}

.submit-button:hover {
    background-color: #2d6f3b;
}

/* POTVRDA SEKCIJA */
.potvrda-sekcija {
    background-color: white;
    padding: 60px 20px;
    width: 100%;
    _outline: 2px solid red;
}

.potvrda-container {
    max-width: 800px;
    margin: 0 auto;
    background-color: white;
    border-radius: 10px;
    padding: 40px;
    border: 5px solid #7dac6f;
    text-align: center;
}

.potvrda-naslov {
    font-size: 28px;
    color: #2d6f3b;
    margin-bottom: 25px;
    font-weight: bold;
    line-height: 1.5;
}

.potvrda-podnaslov {
    font-size: 20px;
    color: #2d6f3b;
    margin-bottom: 30px;
    line-height: 1.5;
    _padding: 0 40px;
}

.potvrda-detalji {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px;
}

.detalj-kartica {
    flex-grow: 1;
    flex-shrink: 0;
    min-width: 250px;
    margin: 15px;
    padding: 20px;
    border-radius: 10px;
    border: 5px solid #e7b739;
}

.detalj-kartica h3 {
    color: #2d6f3b;
    font-size: 20px;
    margin-bottom: 15px;
}

.detalj-kartica p {
    color: #2d6f3b;
    font-size: 20px;
    line-height: 1.5;
}

.potvrda-napomena {
    color: #2d6f3b;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 25px;
}

.povratak-link {
    color: #2d6f3b;
    text-decoration: none;
    font-size: 16px;
}

.povratak-link:hover {
    color: #7dac6f;
}

.povratak-welcome {
    margin-bottom: 50px;
}

/* WEB SHOP NASLOV */
.webshop-naslov {
    text-align: center;
    padding: 40px 20px;
    background-color: white;
}

.webshop-naslov h2 {
    font-size: 32px;
    color: #2d6f3b;
    margin-bottom: 10px;
}

.webshop-naslov p {
    font-size: 25px;
    color: #2d6f3b;
}

/* PROIZVODI SEKCIJA */
.proizvodi-sekcija {
    background-color: white;
    padding: 20px;
    min-height: 800px;
}

.proizvodi-container {
    max-width: 1200px;
    margin: 0 auto;
}

.proizvodi-red {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* PROIZVOD KARTICA */
.proizvod-kartica {
    width: 320px;
    margin: 20px;
    border: 5px solid #7dac6f;
    border-radius: 15px;
    overflow: hidden;
    background-color: white;
    position: relative;
    display: flex;
    flex-direction: column;
}

/* OZNAKE U UGLU */
.popust-oznaka {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #e7b739;
    color: white;
    padding: 8px 12px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 20px;
    z-index: 10;
}

.vege-oznaka {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #2d6f3b;
    color: white;
    padding: 6px 10px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 20px;
    z-index: 10;
}

/* SLIKA PROIZVODA */
.proizvod-slika {
    width: 100%;
    height: 200px;
    background-color: #faf7e7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #2d6f3b;
    border-bottom: 3px solid #7dac6f;
    overflow: hidden;
}

.proizvod-slika img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* SADRŽAJ PROIZVODA */
.proizvod-sadrzaj {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.proizvod-naziv {
    font-size: 22px;
    font-weight: bold;
    color: #2d6f3b;
    margin-bottom: 10px;
    text-align: center;
}

.proizvod-opis {
    font-size: 16px;
    color: #2d6f3b;
    line-height: 1.4;
    margin-bottom: 15px;
    text-align: justify;
    flex-grow: 1;
}

.proizvod-cijena {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.stara-cijena {
    font-size: 16px;
    color: #7dac6f;
    text-decoration: line-through;
    margin-right: 10px;
}

.nova-cijena {
    font-size: 24px;
    font-weight: bold;
    color: #e7b739;
}

.obicna-cijena {
    font-size: 24px;
    font-weight: bold;
    color: #2d6f3b;
}

/* GUMB DODAJ */
.dodaj-gumb {
    background-color: #7dac6f;
    color: white;
    border: none;
    padding: 12px 20px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    font-family: "Red Hat Display", "Roboto Flex", Arial, sans-serif;
}

.dodaj-gumb:hover {
    background-color: #2d6f3b;
}

/* KOŠARICA LINK */
.kosarica-sekcija {
    padding: 30px 20px;
    text-align: center;
}

.kosarica-link {
    background-color: #e7b739;
    margin-bottom: 40px;
    color: white;
    border: none;
    padding: 15px 30px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    font-family: "Red Hat Display", "Roboto Flex", Arial, sans-serif;
}

.kosarica-link:hover {
    background-color: #2d6f3b;
    color: white;
}

/* GALERIJA SEKCIJA */
.galerija-sekcija {
    background-color: white;
    width: 100%;
    padding: 40px 20px 60px 20px;
}

.galerija-naslov {
    font-size: 32px;
    color: #2d6f3b;
    text-align: center;
    margin-bottom: 40px;
    font-weight: bold;
}

.galerija-red {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
}

.galerija-slika {
    width: 250px;
    height: 250px;
    margin: 15px;
    border: 5px solid #7dac6f;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

.galerija-slika:hover {
    border-color: #e7b739;
}

.galerija-slika img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* DOGAĐAJI SEKCIJA */
.dogadaji-sekcija {
    background-color: white;
    width: 100%;
    padding: 40px 20px 60px 20px;
}

.dogadaji-naslov {
    font-size: 32px;
    color: #2d6f3b;
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}

.tekst-dogadaji {
    background-color: white;
    padding: 30px;
    margin: 0 auto 50px auto;
    max-width: 800px;
    text-align: center;
    border-radius: 10px;
    border: 5px solid #7dac6f;
}

.tekst-dogadaji p {
    font-size: 20px;
    color: #2d6f3b;
    font-weight: bold;
    margin: 0;
    line-height: 1.5;
}

.dogadaji-red {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1000px;
    margin: 0 auto;
}

.dogadaj-kartica {
    width: 400px;
    background-color: white;
    border: 5px solid #7dac6f;
    border-radius: 15px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 280px;
    cursor: pointer;
    margin: 10px;
}

.dogadaj-kartica:hover {
    border-color: #e7b739;
}

.dogadaj-sadrzaj {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.dogadaj-naziv {
    font-size: 24px;
    color: #2d6f3b;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
}

.dogadaj-datum {
    font-size: 18px;
    color: #e7b739;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
}

.dogadaj-opis {
    color: #2d6f3b;
    font-size: 16px;
    text-align: center;
    line-height: 1.4;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dogadaj-gumb {
    display: flex;
    justify-content: center;
}

.dogadaj-gumb .gumb {
    width: 200px;
    padding: 15px;
    font-size: 18px;
    border-radius: 25px;
    margin: 0;
}

/* PRIJAVA SEKCIJA */
.prijava-sekcija {
    background-color: white;
    width: 100%;
    padding: 60px 20px;
    min-height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.prijava-container {
    background-color: white;
    border: 5px solid #7dac6f;
    border-radius: 10px;
    padding: 40px;
    max-width: 450px;
    width: 100%;
}

.prijava-naslov {
    font-size: 32px;
    color: #2d6f3b;
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}

.prijava-forma {
    display: flex;
    flex-direction: column;
}

.prijava-polje {
    margin-bottom: 20px;
}

.prijava-input {
    width: 100%;
    padding: 15px;
    border: 3px solid #7dac6f;
    border-radius: 10px;
    font-size: 16px;
    font-family: "Red Hat Display", "Roboto Flex", Arial, sans-serif;
    color: #2d6f3b;
    background-color: white;
}

.prijava-input::placeholder {
    color: #2d6f3b;
}

.prijava-input:focus {
    outline: none;
    border-color: #2d6f3b;
}

.checkbox-polje {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
}

.checkbox-input {
    width: 18px;
    height: 18px;
    margin-right: 12px;
    margin-top: 3px;
    cursor: pointer;
}

.checkbox-label {
    font-size: 14px;
    text-align: justify;
    color: #2d6f3b;
    line-height: 1.5;
    cursor: pointer;
    flex: 1;
}

.prijava-gumb {
    width: 100%;
    border: none;
    padding: 15px;
    background-color: #e7b739;
    color: white;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    font-family: "Red Hat Display", "Roboto Flex", Arial, sans-serif;
}

.prijava-gumb:hover {
    background-color: #2d6f3b;
}

/* KOŠARICA SEKCIJA */
.kosarica-sekcija {
    background-color: white;
    width: 100%;
    padding: 60px 20px;
    min-height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kosarica-container {
    background-color: white;
    border: 5px solid #7dac6f;
    border-radius: 10px;
    padding: 40px;
    max-width: 500px;
    width: 100%;
}

.kosarica-naslov {
    font-size: 32px;
    color: #2d6f3b;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
}

.kosarica-uvod {
    font-size: 16px;
    color: #2d6f3b;
    text-align: justify;
    margin-bottom: 30px;
    line-height: 1.5;
    font-weight: bold;
}

.kosarica-forma {
    display: flex;
    flex-direction: column;
}

.kosarica-polje {
    margin-bottom: 15px;
}

.kosarica-input {
    width: 100%;
    padding: 12px;
    border: 3px solid #7dac6f;
    border-radius: 10px;
    font-size: 16px;
    font-family: "Red Hat Display", "Roboto Flex", Arial, sans-serif;
    color: #2d6f3b;
    background-color: white;
}

.kosarica-input::placeholder {
    color: #2d6f3b;
}

.kosarica-input:focus {
    outline: none;
    border-color: #2d6f3b;
}

.kosarica-gumb {
    border: none;
    width: 100%;
    padding: 15px;
    background-color: #e7b739;
    color: white;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    font-family: "Red Hat Display", "Roboto Flex", Arial, sans-serif;
    margin-top: 10px;
}

.kosarica-gumb:hover {
    background-color: #2d6f3b;
}

/* PRIJAVA POTVRDA SEKCIJA */
.prijava-potvrda-sekcija {
    background-color: white;
    width: 100%;
    padding: 60px 20px;
    min-height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.prijava-potvrda-container {
    background-color: white;
    border: 5px solid #7dac6f;
    border-radius: 10px;
    padding: 50px;
    max-width: 700px;
    width: 100%;
    text-align: center;
}

.prijava-potvrda-naslov {
    font-size: 32px;
    color: #2d6f3b;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
}

.prijava-potvrda-podnaslov {
    font-size: 20px;
    color: #2d6f3b;
    margin-bottom: 30px;
    font-weight: bold;
    text-align: center;
}

.prijava-potvrda-detalji {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    margin: 40px 0;
}

.prijava-detalj-kartica {
    background-color: white;
    border: 3px solid #7dac6f;
    border-radius: 10px;
    padding: 25px;
    min-width: 250px;
    flex: 1;
    max-width: 300px;
}

.prijava-detalj-kartica h3 {
    color: #e7b739;
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: bold;
}

.prijava-detalj-kartica p {
    color: #2d6f3b;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 5px;
    font-weight: bold;
}

.prijava-potvrda-napomena {
    background-color: white;
    border: 3px solid #e7b739;
    border-radius: 10px;
    padding: 25px;
    margin: 30px 0;
}

.prijava-potvrda-napomena p {
    color: #2d6f3b;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    font-weight: bold;
    text-align: center;
}

.prijava-dobrodoslica {
    margin: 40px 0 20px 0;
    font-style: italic;
}

.prijava-povratak-link {
    display: inline-block;
    background-color: #e7b739;
    color: white;
    padding: 15px 30px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    font-family: "Red Hat Display", "Roboto Flex", Arial, sans-serif;
    margin-top: 20px;
    border: none;
}

.prijava-povratak-link:hover {
    background-color: #2d6f3b;
}

/* NARUDŽBA POTVRDA SEKCIJA */
.narudzba-potvrda-sekcija {
    background-color: white;
    width: 100%;
    padding: 60px 20px;
    min-height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.narudzba-potvrda-container {
    background-color: white;
    border: 5px solid #7dac6f;
    border-radius: 10px;
    padding: 50px;
    max-width: 700px;
    width: 100%;
    text-align: center;
}

.narudzba-potvrda-naslov {
    font-size: 32px;
    color: #2d6f3b;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
}

.narudzba-potvrda-podnaslov {
    font-size: 20px;
    color: #2d6f3b;
    margin-bottom: 30px;
    font-weight: bold;
    text-align: center;
}

.narudzba-potvrda-detalji {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    margin: 40px 0;
}

.narudzba-detalj-kartica {
    background-color: white;
    border: 3px solid #7dac6f;
    border-radius: 10px;
    padding: 25px;
    min-width: 250px;
    flex: 1;
    max-width: 300px;
}

.narudzba-detalj-kartica h3 {
    color: #e7b739;
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: bold;
}

.narudzba-detalj-kartica p {
    color: #2d6f3b;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 5px;
    font-weight: bold;
}

.narudzba-potvrda-napomena {
    background-color: white;
    border: 3px solid #e7b739;
    border-radius: 10px;
    padding: 25px;
    margin: 30px 0;
}

.narudzba-potvrda-napomena p {
    color: #2d6f3b;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    font-weight: bold;
    text-align: center;
}

.narudzba-zahvala {
    margin: 30px 0 20px 0;
    font-style: italic;
}

.narudzba-povratak-link {
    display: inline-block;
    background-color: #e7b739;
    color: white;
    padding: 15px 30px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    font-family: "Red Hat Display", "Roboto Flex", Arial, sans-serif;
    margin-top: 20px;
    border: none;
}

.narudzba-povratak-link:hover {
    background-color: #2d6f3b;
}