/* Általános beállítások */

body{
    background-color: #ECE6DE;
    font-family: Merriweather, sans-serif;
}

h1, h2, h3, h4, h5, h6{
    font-family: Lora, serif;
}

a{
    color: #ECE6DE;
    text-decoration: none;
}



/* Bootstrap felülírások */

.btn-primary{
    background-color: #9F7246 !important;
    border: none !important;
    transition: all 0.4s ease-in-out;
    padding: 10px 20px;
}
.btn-primary:hover{
    background-color: #7b5936 !important;
}

.btn-primary.focus, .btn-primary:focus{
    background-color: #7b5936 !important;
    border: none !important;
    box-shadow: none !important;
}

.btn-outline-secondary{
    background-color: transparent;
    color: #9F7246 !important;
    border: 1px solid #9F7246 !important;
    padding: 10px 20px;
}
.btn-outline-secondary:hover{
    background-color: transparent;
    color: #9f7346bd !important;
    border: 1px solid #9f7346bd !important;
}


.text-muted{
    line-height: 1;
    color: #ece6debd !important;
}



/* Színek beállítása - általános */

.bg-primary-100{
    background-color: #ECE6DE;
}
.bg-primary-300{
    background-color: #CDBDA5;
}

.bg-primary-700{
    background-color: #472B24;
}


.bg-secondary-800{
    background-color: #2E1C17;
}

.bg-secondary-900{
    background-color: #0D0806;
}

.bg-accent-400{
    background-color: #9F7246;
}

.text-primary-100{
    color: #ECE6DE;
}



/* Nav eleje */


/* Alap navbar */
nav {
    background-color: #472B24 !important;
}

.navbar-brand img {
    width: 250px;
}

.navbar-toggler {
    border: none;
    background-color: transparent;
}

.navbar-toggler-icon {
    background-color: #ECE6DE;
    -webkit-mask-image: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/icons/list.svg');
    mask-image: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/icons/list.svg');
    mask-size: contain;
    mask-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

/* A navigációs elemek (linkek) */
nav a {
    color: #ECE6DE !important;
    padding: 10px 25px !important;
}

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

/* Dropdown menü */
.dropdown-menu {
    background-color: #9F7246;
    border: none;
}

.dropdown-item {
    color: #ECE6DE; 
}

.dropdown-item:hover {
    background-color: #6d4f31;
}

/* Mobil nézet */
@media (max-width: 768px) {
    .navbar-nav {
        text-align: center;
    }
}


/* Nav vége */



/* Footer eleje */

footer .input-group{
    padding-left: 0px;
    padding-right: 0px;
}

.footer-input{
    max-width: 220px !important;
    border-radius: 5px !important;
    height: 36px;
}

.footer-icons a{
    margin-right: 6px;
}

.termeklinkek a, .hasznoslinkek a{
    color: #ECE6DE !important;
    text-decoration: none;
}

footer .btn-primary{
    padding: 6px 10px;
    margin-left: 4px;
}

/* Footer vége */


/* Modal */

.modal-header{
    background-color: #9F7246;
    color: #ECE6DE;
    border-bottom: 1px solid #9F7246;
}
.modal-header button{
    color: #ECE6DE;
    border: none !important;
    box-shadow: none !important;
}
.modal-body{
    background-color: #ECE6DE;
    color: #0D0806;
}
.modal-body a{
    color: #9F7246;
    font-weight: bold;
}
.modal-footer{
    border-top: 1px solid #9F7246;
    background-color: #ECE6DE;
}
.modal-footer button{
    background-color: #9F7246;
}

.modal-content{
    border: none;
}




/* Visszajelzés kártya */

.review-card .card-footer{
    background-color: transparent;
    border: none;
    align-items: start;
    justify-content: left !important;
    padding-bottom: 0;
    padding-left: 20px;
    margin-top: 12px;
}

.review-card img{
    width: 40px;
    margin-right: 10px;
}
.review-card .card-text{
    color: #9F7246;
    text-align: left;
}
.review-card .card-text-muted{
    color: #9f7346aa;
}

.review-card .card-body{
    padding: 0px 20px !important;
    margin-top: 10px;
    font-size: 0.8em;
}

.review-card .card-body .card-text{
    color: #0D0806;
    margin-bottom: 0px;
}

.review-card .card-body .card-title{
    color: #0D0806;
    margin-bottom: 8px;
}

.review-carousel {
    position: relative;
    width: 100%;
}
.review-carousel-container{
    overflow: visible;
}
.scrolling-wrapper {
    display: flex;
    gap: 24px;
    animation: scrollReviews 60s linear infinite;
}
.review-card {
    display: flex;
    flex-direction: column;
    flex: 0 0 400px;
    background-color: #CDBDA5;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.carousel-section{
    overflow: hidden;
}
@keyframes scrollReviews {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-400px * 9 - 24px * 9)); }
}



/* Hero section eleje */

.hero-section{
    padding: 40px 0;
}

/* Hero section vége */



/* Küldetésünk eleje */

.mission-section {
    background-color: #2E1C17;
    color: #f5f5f5;
    padding: 40px 0;
}
.mission-section h2 {
    font-weight: bold;

}
.mission-section blockquote {
    font-size: 1.2rem;
    font-style: italic;
}
.mission-section img{
    box-shadow: 5px 5px 30px 0px rgba(205, 189, 165, 0.08);
}

/* Küldetésünk vége */


/* Legfrissebb bejegyzések eleje */

/* Blog kártya általános stílus */
.blog-card {
    border-radius: 8px;
    background-color: #CDBDA5;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none !important; 
    color: initial;
}

/* Blog kártya képe */
.blog-card-img {
    width: 100%;
    height: auto;
    max-height: 250px;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

/* Blog kártya tartalom */
.blog-card-body {
    flex-grow: 1;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Blog kártya cím */
.blog-card-title {
    font-weight: bold;
    margin-bottom: 15px;
}

/* Blog kártya szöveg */
.blog-card-text {
    margin-bottom: auto;
    flex-grow: 1;
}

/* Blog kártya alsó rész */
.blog-card-footer {
    margin-top: auto;
    padding-top: 10px;
    font-size: 0.875rem;
    text-align: left;
}
.blog-card-footer p{
    color: #9F7246;
    margin-bottom: 0px;
}
.blog-card-footer span{
    color: #0D0806;
}

/* Legfrissebb bejegyzések vége */


/* Kávéink kártyák eleje */

.card-custom {
    height: 90%;
    display: flex;
    flex-direction: column;
}
.card-header img {
    width: 140px;
    height: auto;
}
.card-header {
    display: flex;
    align-items: center;
    padding: 15px;
    background-color: #fff;
}
.card-header .card-title {
    margin-left: 15px;
    font-weight: bold;
}
.card-body {
    padding: 20px;
    padding-bottom: 0px;
    flex-grow: 1;
}
.card-footer {

    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}

/* Kávéink kártyák vége */



/* Rolunk oldal */

.highlight-section-img{
    background-image: url('kepek/kave21.webp');
    background-size: cover;
    background-position: center;
    min-height: 500px;
    width: 50%;
}

/* 768px alatti eszközökön elrejtjük a képet */
@media (max-width: 768px) {
    .highlight-section-img {
        display: none;
    }
}

.highlight-title {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.highlight-description {
    font-size: 1.2rem;
    margin-bottom: 2rem;
}

.highlight-awards {
    gap: 2rem;
}

.awards-section .review-card{
    background-color: transparent;
    box-shadow: none;
}

.awards-section {
    text-align: center;
}

.awards-section i {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
}

.awards-section h5 {
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
    font-weight: bold;
}

.awards-section p {
    font-size: 1rem;
}


/* Csapat kártyák stílusa */
.team-card {
    background-color: #CDBDA5;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    overflow: hidden;
    height: 430px !important;
}

.team-card-img {
    width: 98%;
    margin-left: 1%;
    margin-top: 1% !important;
    height: 45%;
    border-radius: 4px;
    background-color: #ECE6DE;
    margin-top: 0px;
    padding-top: 30px;
}

.team-card-img img{
    width: 120px;
}

.team-card-body {
    padding: 10px 20px;
}

.team-card-title {
    font-weight: bold;
    font-size: 1.25rem;
    margin-top: 10px;
}


/* Rolunk oldal vége */



/* Modal konfettivel eleje */

#confetti-canvas {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    display: none;
  }

/* Modal konfettivel vége */



/* Accordion eleje */

/* Accordion általános stílusok */
.accordion {
    border: none;
}

.accordion h2{
    margin-bottom: 0px;
}

.accordion-item{
    border: 1px solid #9F7246;
    border-radius: 5px;
}

.accordion-header {
    margin-bottom: 5px;
}

/* Accordion gomb stílusok */
.accordion-button {
    background-color: #CDBDA5; 
    color: #2E1C17;
    width: 100%;
    font-size: 1rem;
    font-weight: bold;
    text-align: left;
    padding: 1rem;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: background-color 0.3s ease;
    border: none;
}

.accordion-button:not(.collapsed) {
    background-color: #cdbda58b; /* Kicsit világosabb bézs-barna, ha nyitva van */
    box-shadow: none;
}
.accordion-button.collapsed {
    border-radius: 5px;
}

.accordion-button:focus {
    box-shadow: none;
    outline: none;
}

/* Accordion body (tartalom) stílusok */
.accordion-body {
    padding: 1rem;
    color: #2E1C17;
    border: 1px solid #e5d9c6;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* Lekerekítések a jobb megjelenés érdekében */
.accordion-item {
    border: none;
    border-radius: 5px;
    margin-bottom: 10px;
}

.accordion-item:last-child {
    margin-bottom: 0;
}

/* A nyíl alapértelmezetten lefelé mutat */
.accordion-button .bi-chevron-down {
    transition: transform 0.3s ease; /* Simán animáljuk a forgatást */
    float: right; /* A nyíl a gomb jobb oldalán lesz */
}

/* Nyitott állapotban (felfelé mutat) */
.accordion-button:not(.collapsed) .bi-chevron-down {
    transform: rotate(180deg); /* Felfelé fordítjuk a nyilat */
}

.form-button-div{
    align-items: center !important;
    justify-content: center !important;
}

.form-button-div button{
    margin: auto;
}

.form-control{
    box-shadow: none !important;
}
.form-control:focus{
    border: 1px solid #9F7246 !important;
}
.form-label{
    margin-bottom: 0.2rem !important;
}

/* Accordion vége */


/* Blogbejegyzés oldal eleje */

.blog-hero {
    display: flex;
    align-items: center;
    padding: 60px 0;
    background-color: #ECE6DE;
}

.blog-hero-content {
    padding-right: 30px;
}

.blog-hero-image {
    background-image: url('kepek/kave3.webp');
    background-size: cover;
    background-position: center;
    min-height: 100%;
    width: 50%;
}

.blog-title {
    font-size: 2.5rem;
    font-weight: bold;
}

.blog-content img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
}

.blog-section-title {
    font-size: 1.75rem;
    font-weight: bold;
    margin-top: 40px;
}

.blog-subsection-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 20px;
    margin-left: 20px;
}

.toc {
    background-color: #CDBDA5;
    padding: 20px;
    border-radius: 5px;
}

.toc ul {
    padding-left: 20px;
    list-style-type: none;
}

.toc ul li {
    margin-bottom: 10px;
}

.toc ul li a {
    text-decoration: none;
    color: #6d4f31;
}

.toc ul li a:hover {
    text-decoration: underline;
    color: #472b24;
}

.blog-content {
    padding: 30px 0;
}

/* Blogbejegyzés oldal vége */


/* Termék oldal eleje */

.product-image-container {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
}

.product-image {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Termék információk stílusa */
.product-info h1 {
    font-size: 2rem;
    font-weight: bold;
}

.product-info p {
    font-size: 1rem;
    margin-bottom: 10px;
}

.product-info select {
    width: 200px;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #CDBDA5;
    border-radius: 5px;
}

/* Termék oldal vége */


/* Kosár oldal eleje */

.cart-table {
    width: 100%;
    border-collapse: collapse;
}

.cart-table th,
.cart-table td {
    padding: 10px;
    text-align: center;
}

.cart-table th {
    border-bottom: 2px solid #6d4f31;
}

.cart-table td {
    border-bottom: 1px solid #6d4f31;
}

.cart-table td:first-child {
    text-align: left;
}

/* Oszlopok elválasztó vonala */
.divider {
    border-left: 2px solid #6d4f31;
    height: 100%;
}

/* Összegzés stílusa */
.summary {
    padding-left: 30px;
}

.summary th,
.summary td {
    padding: 10px;
    text-align: right;
}

.summary hr {
    border: 0;
    border-top: 1px solid #6d4f31;
    margin: 10px 0;
}

/* Fizetési gomb */
.checkout-btn {
    background-color: #CDBDA5;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: bold;
    margin-top: 20px;
    width: 100%;
    text-align: center;
}

.checkout-btn:hover {
    background-color: #6d4f31;
}

.radio-input {
    margin-right: 10px;
}

/* Kosár oldal vége */