@font-face{font-family:Inter;src:url(/assets/Inter_18pt-ExtraLight-DE8yOi_r.ttf) format("truetype")}body,html{height:100%;margin:0%;padding:0%;box-sizing:border-box}p{line-height:1.2}h1,h2,h3{line-height:1.1}h4,h5,h6{margin-top:1%;line-height:1.1}a{text-decoration:none;color:var(--bordo)}.wrapper{background-image:url(../src/assets/img/background.png);min-height:100vh;background-position:center top;background-repeat:repeat;background-size:cover}.cookbook-title{font-family:Inter,serif;font-weight:700;color:var(--veliki-naslov);text-align:center;position:absolute;left:50%;transform:translate(-50%);line-height:1.2;text-decoration:none;font-size:16px;max-width:100%;position:relative;margin:0% 0% 1.5%}.cookbook-title span{display:block}.cookbook-title:hover{color:var(--najtamnija-bordo);transition:transform .3s ease,color .3s ease}.content{width:85%;padding:.3%;margin:2% auto;background-color:transparent;border:1px solid var(--color-border);min-height:40vh}main{display:flex;justify-content:center;align-items:center;text-align:center;color:var(--veliki-naslov)}.velikiNaslov{width:60%;margin:.5% auto;color:var(--veliki-naslov);font-size:40pt;font-family:"Playfair" thin,sans-serif}.manjiVelikiNaslov{font-size:26pt}.najmanjiVelikiNaslov{font-size:20pt}.maliNaslov{width:55%;margin:.5% auto;font-size:12pt;font-family:Inter,sans-serif;color:var(--veliki-naslov)}.velikaSlova{width:40%;text-transform:uppercase}button{font-size:12pt}.maloDugme{margin:1%;padding:.5% 7%;border:2px solid var(--color-border);background-color:var(--button-bg);border-radius:1rem;color:var(--button-color);font-family:Inter,sans-serif!important}.velikoDugme{margin:.5%;padding:.5% 7%;border:2px solid var(--color-border);background-color:var(--button-bg);border-radius:1rem;color:var(--button-color);width:50%}button:hover{background-color:var(--button-hover-bg);box-shadow:0 -2px 10px #0003;color:var(--button-hover-color);cursor:pointer;transition:transform .3s ease,background-color .3s ease}.popup-content{background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px #0000001a}.close{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer}.inputText{font-size:12pt;color:var(--veliki-naslov);border:0px;border-radius:18px;font-family:Inter,serif;display:block;width:50%!important;margin:10px auto;padding:10px}.inputText::placeholder,.pretraziSve::placeholder{color:var(--svetlija-bordo)}.inputText:hover,.pretraziSve:hover{box-shadow:0 -2px 10px #0003;transform:scale(1.05);transition:transform .3s ease}.textCenter{text-align:center}.textBold{font-weight:bolder}.dodatak{font-family:Inter;font-size:18px;color:var(--bordo)}.dodatak a{font-family:Inter,serif!important;font-weight:700}.dodatak a:hover{background:linear-gradient(to right,white 10%,var(--bordo) 10%);background-size:200% 100%;background-position:100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:slide .4s}@keyframes slide{0%{background-position:100%}to{background-position:-100%}}.pretraziSve{font-size:12pt;color:var(--veliki-naslov);text-align:center;padding:.6% 0%;border:0px;border-radius:18px;font-family:Inter,serif;display:block;width:20%;margin:5px auto}.card-container{padding:20px;max-width:1200px;margin:0 auto}.error{color:red;text-align:center;margin-bottom:20px}.responsive-image{width:10vw!important;height:auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.card{border:1px solid #ddd;border-radius:10px;overflow:hidden;background-color:#ffffff2f;box-shadow:0 4px 6px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-10px);box-shadow:0 6px 10px #00000026;cursor:pointer;transition:transform .3s ease,background-color .5s ease;background:linear-gradient(to right,white 10%,var(--bordo) 40%);background-size:200% 100%;background-position:100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:slide .5s}.card-image{width:100%;height:200px;object-fit:cover}.card-width{width:30%;height:200px}.card-title{font-size:1.5rem;margin:10px 0;color:var(--tamnija-bordo)}.card-user{width:55%;margin:1% auto;text-transform:uppercase;font-size:8pt;font-family:Inter,sans-serif;color:var(--veliki-naslov)}.card-date{font-size:.9rem;color:var(--sivkasta);margin-bottom:10px}.card-fav{display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:.9rem;margin-bottom:10px}.card-fav .social-icon img{width:18px!important}nav{display:inline-block;background:var(--gradijent);font-family:Inter,sans-serif;position:fixed;bottom:0;left:50%;transform:translate(-50%);border-radius:15px;padding:5px 15px;white-space:nowrap;box-shadow:0 2px 8px #0003}.nav-list{list-style-type:none;margin:0;padding:0;display:flex;gap:10px}.nav-list li{display:inline-block}.nav-link{color:var(--nav-slova);text-decoration:none;font-size:14px;display:block}.nav-link:hover{color:var(--link-hover-color)!important;transition:transform .4s ease,color .5s ease}.social-links{display:flex;justify-content:center;gap:25px;margin:5% 0}.social-icon img{width:30px!important;height:30px}.social-icon img:hover{cursor:pointer;transform:scale(1.5);transition:transform .3s ease,color .3s ease}.comment-header{display:flex;align-items:center}.responsive-img{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-name{font-weight:700;font-size:1.2rem;line-height:40px}.link:hover{cursor:pointer}.profile-section{display:flex;align-items:center;gap:1rem}.profile-picture{width:80px;height:80px;border-radius:50%}.user-info{display:flex;flex-direction:column;justify-content:center}.username{font-weight:700;font-size:1.2rem}.full-name{font-size:1rem;color:gray}.action-button{margin-left:auto;padding:.5rem 1rem;border:2px solid var(--color-border);background-color:var(--button-bg);border-radius:1rem;color:var(--button-color);font-family:Inter,sans-serif!important;cursor:pointer}.filters-section{margin-bottom:2rem}.filters-container{display:flex;gap:2rem;max-height:200px;overflow-y:auto;padding:1rem;border:1px solid #ddd;border-radius:10px;overflow:hidden;background-color:#ffffff2f;box-shadow:0 4px 6px #0000001a;text-align:center}.filters-column{flex:1}.sort-dropdown{padding:.5rem;border-radius:5px;font-size:18px;color:var(--text);background-color:#ffffff2f;border:none;outline:none;text-align:start}.sort-dropdown:hover{cursor:pointer;color:var(--najtamnija-bordo)}.section-title{font-size:1.5rem;margin-bottom:1rem}.toggle-button{background-color:var(--bordo);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;margin-bottom:1rem}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.popup-content{background-color:#fff;padding:2rem;border-radius:10px;text-align:center}.popup-content .close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:1.5rem}.accordion-content{overflow:hidden;height:0}@media (max-width: 1200px){.cookbook-title{font-size:2vw}.pretraziSve{width:40%}}@media (max-width: 768px){.cookbook-title{font-size:5vw}.velikiNaslov{width:80%;font-size:30pt}.manjiVelikiNaslov{width:80%;font-size:26pt}.najmanjiVelikiNaslov{width:80%;font-size:20pt}.maliNaslov{width:80%;font-size:22pt}.pretraziSve{width:60%;padding:1.5%}.inputText{width:80%!important}.velikoDugme{width:80%;padding:.9% 7%}}.router-link-active{color:var(--najtamnija-bordo)}@media (max-width: 480px){.cookbook-title{font-size:6vw}nav{width:90%}.nav-list{justify-content:center}.velikiNaslov{width:100%;font-size:20pt}.maliNaslov{width:100%;font-size:11pt}.velikoDugme{width:80%;padding:1%!important}.social-links{gap:10px}.social-icon img{width:15px;height:15px}}@media (max-width: 400px){.nav-list li{width:100%}.velikiNaslov{width:100%;font-size:18pt}.maliNaslov{width:100%;font-size:9pt}.velikoDugme{width:90%;font-size:10pt;padding:1%!important}.inputText{width:90%!important}.card{width:100%}}@media (max-width: 380px){.card{width:90%}}@media (max-width: 360px){.card{width:80%}}@media (max-width: 340px){.card{width:75%}}@media (max-width: 320px){.card{width:70%}}@media (max-width: 300px){.card{width:65%}.card-image{max-height:100px}}@media (max-width: 280px){.card{width:60%}}@media (max-width: 260px){.card{width:55%}}@media (max-width: 240px){.card{width:50%}}@media (max-width: 240px){.card{width:45%}}:root{--bela: #ffffff;--svetlija-sivkasta: #e3d8d1;--sivkasta: #90877b;--najsvetlija-bordo: #986254;--svetlija-bordo: #7d5045;--bordo: #69443c;--tamnija-bordo: #5b3b34;--najtamnija-bordo: #3d2823;--tamniji-gradient: #5b3b34;--svetliji-gradient: #ca9cab}:root{--button-bg: var(--bordo);--button-color: var(--svetlija-sivkasta);--button-hover-bg: var(--svetlija-bordo);--button-hover-color: var(--bela);--button-hover-outline: var(--tamnija-bordo);--link-hover-color: var(--najtamnija-bordo);--link-hover-outline: var(--svetlija-bordo);--veliki-naslov: var(--bordo);--tekst-footer: var(--bela);--gradijent: linear-gradient( to left, var(--svetliji-gradient) 0%, var(--tamniji-gradient) 40%, var(--tamniji-gradient) 60%, var(--svetliji-gradient) 100% );--nav-slova: var(--bela)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:"TT Commons Pro Expanded","The Seasons" sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.popup[data-v-4154d8a3]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0004;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99}.body[data-v-4154d8a3]{position:relative;width:350px;height:210px;background-color:#ccc8c3e0;border-radius:1rem;box-shadow:10px 10px 20px #00000017;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:20px;z-index:99}.close[data-v-4154d8a3]{position:absolute;top:10%;right:5%;padding:1% 3%;background-color:var(--sivkasta);z-index:999}.answer[data-v-4154d8a3]{width:100%;position:absolute;bottom:10%;display:flex;align-items:center;justify-content:space-evenly;z-index:999}.confirm[data-v-4154d8a3],.cancel[data-v-4154d8a3]{z-index:999}.header[data-v-4154d8a3]{font-weight:bolder;font-size:larger;z-index:99;margin-bottom:.5rem}.footer[data-v-4154d8a3]{position:absolute;bottom:25%;left:40%;z-index:99}@media (max-width: 400px){.body[data-v-4154d8a3]{width:95%;z-index:99}}input[data-v-720cab5e]{width:100%;height:30px;border:2px solid rgb(112,89,60);border-radius:1rem;margin-bottom:8px;text-align:center;font-size:16px;color:var(--text)}.App[data-v-db0f7742]{width:100%;height:100vh;overflow-y:scroll}.body[data-v-db0f7742],.wrapper[data-v-db0f7742]{background-image:url(/assets/background_hr_0-edOOckel.png);position:fixed;background-size:cover;background-repeat:no-repeat}