

/* Térkép marker */
.location-indicator.loc-provence {
  top: 52.81%;
  inset-inline-start: 21.33%;
}

/* Banner*/
.banner-left-box .banner-content .banner-desc-area {
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important;
}
.banner-left-box .banner-content .banner-desc-area .banner-desc {
  padding-inline-start: 0 !important;
}

/* Croissant*/
.banner-left-box .banner-content .banner-link {
  border-inline-end: none !important;
  padding: 0 !important;
  overflow: visible !important;
  flex-shrink: 0;
  align-self: flex-end;
  margin-bottom: -38px;
  transform: translateX(-80px);
}
.banner-left-box .banner-content .banner-link span {
  display: block;
  overflow: visible;
}
.banner-left-box .banner-content .banner-link i {
  font-size: 70px !important;
  transform: rotate(15deg) !important;
  transition: transform 0.5s ease !important;
  text-shadow: none !important;
  display: block !important;
  line-height: 1 !important;
}
.banner-left-box .banner-content .banner-link:hover i {
  transform: rotate(195deg) !important;
}
.banner-left-box .banner-content .banner-link:hover i {
  transform: rotate(200deg) !important;
}

/* 2 nagy körkép – hero */
.prov-customers-imgs {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-top: -100px;
  margin-bottom: 0;
  overflow: visible !important;
  position: relative;
  z-index: 10;
}
.prov-img-wrap {
  position: relative;
  width: 170px;
  height: 170px;
  min-width: 170px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 4px solid #fff;
  box-shadow: 0 4px 18px rgba(0,0,0,0.25);
  overflow: hidden;
  z-index: 10;
}
.prov-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 50%;
}
.prov-img-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(160, 100, 30, 0.55);
  mix-blend-mode: multiply;
  pointer-events: none;
}
.prov-customers-imgs .prov-img-wrap:nth-child(2)::after {
  background: rgba(160, 99, 30, 0.397);
  mix-blend-mode: multiply;
}
.prov-customers-imgs .prov-img-wrap:nth-child(2) {
  margin-top: 50px;
}

/* Hero section - video*/
.tj-banner-section {
  height: calc(100vh - 200px);
  display: flex;
  flex-direction: column;
  margin-top: 105px;
  margin-bottom: 240px;
}

.tj-banner-section .banner-area {
  flex: 1;
  min-height: unset !important;
  align-items: stretch;
}

.tj-banner-section .banner-right-box {
  height: 100%;
}

@media only screen and (min-width: 1600px) {
  .tj-banner-section {
    margin-bottom: 0 !important;
    overflow: hidden; 
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-banner-section {
    height: auto;
    min-height: calc(100vh - 95px);
    margin-top: 95px;
  }
}

.banner-left-box,
.banner-right-box,
.banner-area {
  overflow: visible !important;
}

.banner-left-box.faq-img-area {
  max-width: none;
  padding-bottom: 200px;
}

/* Simple about szekció */
.tj-simple-about-section.section-gap { padding-top: 60px !important; padding-bottom: 25px !important; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-simple-about-section.section-gap { padding-top: 50px !important; padding-bottom: 50px !important; }
}

/* FAQ */
.tj-faq-section.section-gap { padding-top: 50px !important; padding-bottom: 50px !important; }

.tj-faq-section.section-top-gap { padding-top: 60px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tj-faq-section.section-top-gap { padding-top: 50px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tj-faq-section.section-top-gap { padding-top: 35px; }
}

.tj-faq-section .row.justify-content-between { align-items: stretch; display: flex; flex-wrap: wrap; }
.tj-faq-section .col-lg-6:first-child { display: flex; flex-direction: column; }
.tj-faq-section .faq-img-area { flex: 1; height: 100%; display: flex; flex-direction: column; }
.tj-faq-section .faq-img-area .faq-img { height: 100%; min-height: 400px; position: relative; }
.tj-faq-section .faq-img-area .faq-img img { height: 100%; width: 100%; object-fit: cover; }
.tj-faq-section { overflow-x: hidden; width: 100%; position: relative; }
.tj-faq-section .container { overflow: visible; }
.tj-project-section { overflow-x: hidden; width: 100%; position: relative; }
.banner-left-box .customers-number { padding-top: 12px !important; }
.banner-right-box { display: flex; align-items: stretch; }
.banner-img { width: 100%; height: 100%; }
.banner-img video { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; display: block; cursor: pointer; }
.video-lightbox {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.92);
  z-index: 99999;
  align-items: center;
  justify-content: center;
}
.video-lightbox.active {
  display: flex;
}
.video-lightbox video {
  width: 90vw;
  max-width: 1200px;
  height: auto;
  max-height: 85vh;
  border-radius: 8px;
}
.video-lightbox-close {
  position: absolute;
  top: 20px;
  right: 28px;
  font-size: 2.5rem;
  color: #fff;
  cursor: pointer;
  line-height: 1;
  user-select: none;
}

/* Header CTA gomb */
.header-right-item .tj-primary-btn {
  background-color: #b17f52;
}
.header-right-item .tj-primary-btn .btn-icon {
  background-color: transparent;
  border: none;
}
.header-right-item .tj-primary-btn .btn-icon i {
  color: #ffffff;
  transform: rotate(0) !important;
  transition: none !important;
}
.header-right-item .tj-primary-btn:hover .btn-icon i {
  animation: phone-ring 0.5s ease-in-out !important;
}
@keyframes phone-ring {
  0%   { transform: rotate(0deg) !important; }
  15%  { transform: rotate(20deg) !important; }
  30%  { transform: rotate(-18deg) !important; }
  45%  { transform: rotate(16deg) !important; }
  60%  { transform: rotate(-12deg) !important; }
  75%  { transform: rotate(8deg) !important; }
  90%  { transform: rotate(-4deg) !important; }
  100% { transform: rotate(0deg) !important; }
}

/* Logo wolt foodora*/
.site_logo img,
.footer-logo img {
  filter: brightness(0) invert(1) sepia(1) saturate(6) hue-rotate(233deg) brightness(0.35);
  display: block;
}
.delivery-logo img,
img.delivery-logo {
  filter: brightness(0) invert(1) sepia(1) saturate(20) hue-rotate(260deg) brightness(0.3);
  display: block;
}

/*  Countup  */
.countup-wrap {
  background: #ffffff !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 60px rgba(30, 16, 52, 0.12), 0 4px 16px rgba(30,16,52,0.07) !important;
  position: relative;
  overflow: hidden;
  border: 1.5px solid rgba(177, 127, 82, 0.25);
  outline: 4px solid rgba(42, 26, 74, 0.06);
  outline-offset: -1px;
}
.countup-wrap::before {
  content: "";
  position: absolute;
  top: -80px;
  left: -80px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(42, 26, 74, 0.07) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}
.countup-wrap::after {
  content: "";
  position: absolute;
  bottom: -90px;
  right: -60px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(177, 127, 82, 0.10) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}
.tj-countup-section .countup-wrap .deco-ring-1,
.tj-countup-section .countup-wrap .deco-ring-2 {
  display: none;
}
.tj-countup-section .countup-item {
  position: relative;
  z-index: 1;
  transition: background-color 0.3s ease, transform 0.3s ease;
  border-radius: 12px;
  padding: 56px 40px 62px !important;
}

.tj-countup-section .countup-item:hover {background-color: rgba(42, 26, 74, 0.035) !important;transform: translateY(-3px);}
.tj-countup-section .countup-item::before {
  content: "";
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  width: 28px;
  height: 2px;
  background: linear-gradient(90deg, rgba(177,127,82,0.3), rgba(177,127,82,0.9), rgba(177,127,82,0.3));
  border-radius: 2px;
}
.tj-countup-section .inline-content {display: inline-flex !important;flex-direction: row !important;flex-wrap: nowrap !important;align-items: baseline !important;white-space: nowrap;gap: 5px;letter-spacing: -1.5px;margin-bottom: 8px;color: #1e1034 !important;}

.tj-countup-section .inline-content .odometer {display: inline-block !important;vertical-align: baseline;color: #1e1034 !important;}

.tj-countup-section .inline-content .odometer .odometer-inside {display: inline-block;white-space: nowrap;}

.tj-countup-section .inline-content .odometer .odometer-digit {display: inline-block !important;vertical-align: baseline;}

.tj-countup-section .inline-content .odometer .odometer-digit,
.tj-countup-section .inline-content .odometer span {color: #1e1034 !important;}
.tj-countup-section .count-plus {font-size: 0.42em !important;font-weight: 600;color: #b17f52 !important;opacity: 1;letter-spacing: 0.02em;line-height: 1;padding-bottom: 4px;font-family: var(--tj-ff-heading);}
.tj-countup-section .count-text {font-size: 11px !important;letter-spacing: 0.14em;text-transform: uppercase;color: #6b5a80 !important;opacity: 1;margin-top: 10px;font-weight: 500;}
.tj-countup-section .count-separator {opacity: 0.15 !important;filter: hue-rotate(220deg);}
.pv-deco {position: absolute;pointer-events: none;z-index: 2;width: 36px;height: 36px;}
.pv-deco-ring-tl {top: 18px;left: 18px;border-top: 2px solid rgba(177, 127, 82, 0.55);border-left: 2px solid rgba(177, 127, 82, 0.55);}
.pv-deco-ring-br {bottom: 18px;right: 18px;border-bottom: 2px solid rgba(177, 127, 82, 0.55);border-right: 2px solid rgba(177, 127, 82, 0.55);}

/* Footer */
.weekend-label {font-size: 12px !important;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: #b17f52 !important;margin-top: 10px !important;padding: 0 !important;}
.weekend-day {padding-left: 10px !important}

/*gcvm*/
@keyframes pulse-border-cookie {
    0%   { box-shadow: 0 0 0 0 rgba(177, 127, 82, 0.5); }
    70%  { box-shadow: 0 0 0 10px rgba(177, 127, 82, 0); }
    100% { box-shadow: 0 0 0 0 rgba(177, 127, 82, 0); }
}
.cookie-toogle { position: fixed; bottom: 40px; left: 40px; background: #1e1034; color: #b17f52; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 9998; box-shadow: 0 4px 20px rgba(30,16,52,0.35); cursor: pointer; border: 2px solid #b17f52; font-size: 18px; opacity: 0; transform: translateY(10px); pointer-events: none; transition: opacity 0.4s ease, transform 0.4s ease; }
.cookie-toogle.cookie-toogle-visible { opacity: 1; transform: translateY(0); pointer-events: auto; animation: pulse-border-cookie 2s infinite; }
.cookie-toogle:hover { background: #b17f52; color: #f2eee8; animation: none; box-shadow: 0 6px 24px rgba(177,127,82,0.4); }
.ck-modal { position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; height: 100dvh; background: rgba(10, 5, 25, 0.7); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; pointer-events: none; opacity: 0; transition: opacity 0.35s ease; }
.ck-modal.ck-modal-open { pointer-events: auto; opacity: 1; }
.ck-modal-content { background: #1e1034; border-radius: 24px; box-shadow: 0 32px 80px rgba(0,0,0,0.5); border: none; padding: 50px; width: 100%; max-width: 640px; transform: translateY(24px) scale(0.97); opacity: 0; transition: transform 0.4s cubic-bezier(0.16,1,0.3,1), opacity 0.4s ease; position: relative; }
.ck-modal-content::before { display: none; }
.ck-modal-corner-tr, .ck-modal-corner-bl { display: none; }
.ck-modal.ck-modal-open .ck-modal-content { transform: translateY(0) scale(1); opacity: 1; }
.ck-modal-body { display: flex; flex-direction: column; }
.ck-modal-text-col { width: 100%; }
.ck-modal-actions-col { width: 100%; }
.ck-title { font-family: inherit; font-size: 22px; font-weight: 700; margin-bottom: 16px; color: #f2eee8; text-transform: none; letter-spacing: 0; }
.ck-divider { display: none; }
.cookie-main-text p { font-family: inherit; font-size: 15px; line-height: 1.8; color: rgba(242,238,232,0.7); margin-bottom: 22px; }
.ck-settings-link { color: #b17f52; text-decoration: none; font-weight: 600; border-bottom: 1px solid rgba(177,127,82,0.4); transition: color 0.2s, border-color 0.2s; }
.ck-settings-link:hover { color: #f2eee8; border-bottom-color: rgba(242,238,232,0.4); }
.ck-collapse { margin-top: 18px; margin-bottom: 10px; }
.ck-setting-group { margin-bottom: 12px; border-bottom: 1px solid rgba(177,127,82,0.2); padding-bottom: 12px; }
.ck-setting-group:last-of-type { border-bottom: none; }
.ck-setting-row { display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 5px 0;}
.ck-label {font-family: inherit; font-weight: 600; font-size: 14px; color: #fff; text-transform: uppercase; letter-spacing: 0.8px; display: flex; align-items: center; gap: 8px; }
.ck-label i { color: #b17f52; font-size: 11px; transition: 0.2s; }
.ck-description { display: none; font-family: inherit; font-size: 13px; color: rgba(242,238,232,0.6); padding: 8px 0 4px; line-height: 1.65; }
.ck-switch { position: relative; display: inline-block; width: 40px; height: 22px; flex-shrink: 0; }
.ck-switch input { opacity: 0; width: 0; height: 0; }
.ck-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255,255,255,0.1); transition: .3s; border-radius: 22px; border: 1px solid rgba(177,127,82,0.3); }
.ck-slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: rgba(242,238,232,0.6); transition: .3s; border-radius: 50%; box-shadow: 0 1px 4px rgba(0,0,0,0.2); }
input:checked + .ck-slider { background-color: #b17f52; border-color: #b17f52; }
input:checked:disabled + .ck-slider { background-color: #6b5a80 !important; border-color: #6b5a80 !important; }
input:checked + .ck-slider:before { transform: translateX(18px); background-color: #fff; }
.ck-btn-group { display: flex; gap: 10px; margin-top: 24px; }
.ck-btn { flex: 1; padding: 14px 20px; border: none; font-family: inherit; font-weight: 600; font-size: 12px; cursor: pointer; text-transform: uppercase; letter-spacing: 1.5px; transition: all 0.25s; text-align: center; border-radius: 50px; }
.ck-btn-outline { background: #433354; border: 1.5px solid #453d4f; color: #fff; }
.ck-btn-outline:hover { background: #2f243a; border-color: #685a78; color: #fff; }
.ck-btn-fill { background: #b17f52; color: #fff; border: 1.5px solid #b17f52; }
.ck-btn-fill:hover { background: #c9935f; border-color: #c9935f; }
.ck-save-wrapper { text-align: right; margin-top: 14px; }
.ck-save-link { font-family: inherit; color: rgba(242,238,232,0.4); text-decoration: none; font-size: 11px; font-weight: 600; cursor: pointer; transition: color 0.2s; text-transform: uppercase; letter-spacing: 1px; }
.ck-save-link:hover { color: #b17f52; }
@media (max-width: 480px) { .ck-modal { left: 12px; right: 12px; width: auto; bottom: 12px; } }

/*modal*/
.modal-food-img { height: 460px; }

/*Etel szures*/
.menu-filter-btn {padding: 8px 22px;border: 2px solid #c8a96e;background: transparent;color: #c8a96e;border-radius: 30px;font-size: 0.95rem;font-weight: 600;cursor: pointer;transition: background 0.2s, color 0.2s;}
.menu-filter-btn.active,
.menu-filter-btn:hover {background: #c8a96e;color: #fff;}
.project-food-item {transition: opacity 0.3s;}
.project-food-item.hidden {display: none;}

/* Étlap kartyak – ugyanakkora kep */
.tj-menu-section .project-item .project-img {height: 260px;}
.tj-menu-section .project-item .project-img img {width: 100%;height: 100%;object-fit: cover;display: block;}
/* Gombok*/
.prov-btn-row {display: flex;flex-wrap: wrap;gap: 12px;align-items: center;}
.prov-btn-row .tj-primary-btn {min-width: 180px;justify-content: space-between;}

/* Facebook gomb */
.prov-fb-btn {background-color: var(--tj-color-theme-dark) !important;}
.prov-fb-btn .btn-icon {background-color: var(--tj-color-theme-dark-2) !important;}
.prov-fb-btn:hover {background-color: var(--tj-color-theme-dark-2) !important;}
.prov-fb-btn:hover .btn-icon {background-color: var(--tj-color-theme-dark) !important;}
.prov-fb-btn .btn-icon i {transform: rotate(0deg) !important;font-size: 15px;}

/* Facebook CTA  */
.fb-cta-banner {background-color: #1e1034;padding: 60px 0;}

/*INDEX OLDAL INLINE TAGEK*/
/*hero*/
.highlight-text { color: #c9a84c; }
/*About section*/
.about-bg-custom { background-color: #f2eee8; }
.about-img-radius { border-radius: 20px; }
.exp-box-custom { background: white; border-radius: 15px; position: relative; overflow: hidden; background-image: radial-gradient(rgba(177, 127, 82, 0.35) 0.7px, transparent 0.7px); background-size: 14px 14px; border: 1px solid rgba(177, 127, 82, 0.2); padding: 30px; }
.exp-circle-decoration { position: absolute; width: 80px; height: 80px; border: 2px solid #b17f52; border-radius: 50%; top: -30px; right: -30px; opacity: 0.2; }
.story-title { color: #b17f52; font-weight: bold; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; }
.exp-number { color: #1e1034; font-size: 48px; font-weight: bold; }
.exp-text { color: #1e1034; margin: 0; }
.badge-custom { background-color: #1e1034; color: #f2eee8; background-image: radial-gradient(rgba(177, 127, 82, 0.3) 1px, transparent 1px); background-size: 8px 8px; padding: 10px 25px; border-radius: 50px; }
.sec-heading .badge-custom { background-color: #ffffff; color: #1e1034; background-image: none; }
.main-title-dark { color: #1e1034; }
.more-info-btn { color: #1e1034; text-decoration: none; font-weight: bold; }
.more-info-btn .btn-text { border-bottom: 2px solid #b17f52; }
.more-info-btn .btn-icon { color: #b17f52; margin-left: 10px; }
/*Service*/
.order-sec-custom { background-color: #1e1034; padding: 35px 0; position: relative; overflow: hidden; }
.order-sec-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(135deg, rgba(177, 127, 82, 0.15) 0%, transparent 40%), repeating-linear-gradient(135deg, transparent, transparent 15px, rgba(177, 127, 82, 0.05) 15px, rgba(177, 127, 82, 0.06) 16px); pointer-events: none; }
.order-sec-title { color: #f2eee8; font-family: 'Playfair Display', serif; font-size: 32px; margin-bottom: 15px; }
.order-sec-title .accent-color { color: #b17f52; }
.order-sec-text { color: rgba(242,238,232,0.7); font-size: 15px; margin: 0; }
.order-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(177, 127, 82, 0.3); padding: 30px; border-radius: 15px; position: relative; overflow: hidden; height: 100%; }
.card-corner-accent { position: absolute; top: 0; right: 0; width: 70px; height: 70px; background-image: linear-gradient(225deg, rgba(177, 127, 82, 0.2) 0%, transparent 100%); }
.card-icon { font-size: 26px; color: #b17f52; margin-bottom: 15px; }
.card-title { color: #f2eee8; font-size: 18px; margin-bottom: 20px; }
.card-btn-group { display: flex; gap: 10px; margin-bottom: 16px; }
.card-link-btn { display: inline-flex; align-items: center; gap: 7px; padding: 8px 18px; border: 1px solid rgba(177,127,82,0.5); border-radius: 30px; color: #b17f52; text-decoration: none; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; transition: background 0.2s, color 0.2s; }
.card-link-btn:hover { background: rgba(177,127,82,0.15); }
.card-footer-info { border-top: 1px solid rgba(177,127,82,0.15); padding-top: 16px; width: fit-content; }
.footer-contact-link { display: inline-flex; align-items: center; gap: 10px; color: #f2eee8; text-decoration: none; }
.contact-icon-circle { width: 36px; height: 36px; border-radius: 50%; background: rgba(177,127,82,0.15); border: 1px solid rgba(177,127,82,0.4); display: flex; align-items: center; justify-content: center; color: #b17f52; font-size: 14px; flex-shrink: 0; }
.contact-label { font-size: 15px; font-weight: 600; letter-spacing: 0.5px; }
/*Faq*/
.faq-bg-custom { background-color: #f2eee8; }
.faq-img-radius { border-radius: 20px; }
.faq-main-title { font-family: 'Playfair Display', serif; }
.call-box-custom { background: white; border-radius: 15px; position: relative; overflow: hidden; border: 1px solid rgba(177, 127, 82, 0.2); background-image: linear-gradient(135deg, rgba(177, 127, 82, 0.1) 0%, transparent 50%), repeating-linear-gradient(135deg, transparent, transparent 15px, rgba(177, 127, 82, 0.05) 15px, rgba(177, 127, 82, 0.05) 16px); }
.dark-text { color: #1e1034; }
.accent-bg { background: #b17f52; }
.faq-item-custom { background: white; border-radius: 15px; margin-bottom: 15px; overflow: hidden; border: 1px solid rgba(177, 127, 82, 0.2); background-image: linear-gradient(225deg, rgba(177, 127, 82, 0.1) 0%, transparent 40%), repeating-linear-gradient(225deg, transparent, transparent 15px, rgba(177, 127, 82, 0.03) 15px, rgba(177, 127, 82, 0.03) 16px); }

/*HEADER*/
.site_logo img, .hamburger_logo img { max-height: 55px; width: auto; display: block; object-fit: contain; }
.logo-white img { filter: brightness(0) invert(1); }
.mainmenu ul li.current-menu-item a { color: #b17f52 !important; }
.menu_offcanvas i { font-size: 1.8rem; color: #b17f52; cursor: pointer; transition: 0.3s; }
.menu_offcanvas i:hover { color: #1e1034; }
.header-area.header-absolute { transition: opacity 0.3s ease, visibility 0.3s ease; }
.header-area.header-absolute.header-hidden { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
.header-sticky.header-duplicate { display: block !important; opacity: 1 !important; visibility: visible !important; position: fixed; top: 0; left: 0; right: 0; z-index: 999; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.1); transform: translateY(-100%); transition: transform 0.3s ease; }
.header-sticky.header-duplicate.sticky { transform: translateY(0); }
.menu_bar.mobile_menu_bar span { background-color: #ffffff !important; }

.badge-custom { background-color: #1e1034; color: #f2eee8; background-image: radial-gradient(rgba(177, 127, 82, 0.3) 1px, transparent 1px); background-size: 8px 8px; padding: 10px 25px; border-radius: 50px; }
.sec-heading .badge-custom { background-color: #ffffff !important; color: #1e1034 !important; background-image: none !important; }
/**/
.call-box-custom { background-color: #b17f52 !important; border-radius: 15px; position: relative; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.2); padding: 30px; background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 50%), repeating-linear-gradient(135deg, transparent, transparent 15px, rgba(255, 255, 255, 0.05) 15px, rgba(255, 255, 255, 0.05) 16px) !important; }
.call-box-custom .dark-text { color: #ffffff !important; }
.call-box-custom .accent-bg { background: #1e1034!important; color: #ffffff !important; }
.faq-item-custom.active { background: #ffffff !important; }
.faq-item-custom.active, .faq-item-custom.active * { color: #1e1034 !important; }
.faq-item-custom .accordion-button:not(.collapsed) { background-color: #ffffff !important; color: #1e1034 !important; }


/* ScrollSmoother  */
#smooth-content {
    padding-bottom: 0 !important;
}
.page-fooldal #smooth-content {
    padding-bottom: 100px !important;
}

.accordion .collapse,
.accordion .collapse.show,
.accordion .collapsing {
    visibility: visible !important;
}

/* Active FAQ */
.tj-faq .accordion-item.faq-item-custom {
    background-color: #ffffff !important;
    background-image: linear-gradient(225deg, rgba(177, 127, 82, 0.1) 0%, transparent 40%) !important;
}
.tj-faq .accordion-item.faq-item-custom .faq-title,
.tj-faq .accordion-item.faq-item-custom .accordion-body,
.tj-faq .accordion-item.faq-item-custom .accordion-body * {
    color: #1e1034 !important;
}

@media screen and (max-width: 991px) {
    .banner-left-box.faq-img-area { height: auto !important; min-height: auto !important; padding: 60px 20px 0 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; position: relative !important; background-color: #1e1034 !important; overflow: visible !important; }
    .banner-left-box.faq-img-area::before { height: 100% !important; width: 100% !important; position: absolute !important; top: 0; left: 0; content: '' !important; background-color: #1e1034 !important; z-index: -1; border-radius: 12px; }
    .banner-left-box.faq-img-area .banner-content { margin-bottom: 120px !important; padding-left: 20px !important; }
    .banner-left-box .box-area { position: relative !important; background: transparent !important; border: none !important; box-shadow: none !important; width: 75% !important; max-width: none !important; margin: auto 0 0 0 !important; padding: 0 !important; left: 0 !important; transform: none !important; bottom: 0 !important; }
    .banner-left-box .box-area::before, .banner-left-box .box-area::after { display: none !important; content: none !important; }
    .customers-box { background: #ffffff !important; border-radius: 0 16px 0 0 !important; -webkit-border-radius: 0 16px 0 0 !important; padding: 14px 20px !important; width: 100% !important; display: block !important; border: none !important; box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important; margin: 0 !important; overflow: visible !important; position: relative !important; }
    .customers-box * { max-width: 100%; }
    .customers-number { font-size: 58px !important; padding: 4px 0 3px 0 !important; }
    .customers-text { font-size: 20px !important; line-height: 1.3 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
    .prov-customers-imgs { position: absolute !important; top: -120px !important; left: 60px !important; margin: 0 !important; }
    .prov-customers-imgs .prov-img-wrap { width: 150px !important; height: 150px !important; min-width: 150px !important; }
    .prov-customers-imgs .prov-img-wrap:nth-child(2) { margin-top: 75px !important; margin-left: -20px !important; }
    .banner-link {
        display: block !important;
        position: relative !important;
        width: 100% !important;
    }

    .fa-croissant {
        position: relative !important;
        left: auto !important; 
        right: auto !important;
        margin-left: 80px !important; 
        margin-top: 10px !important; 
        
        display: inline-block !important;
    }
}
@media (max-width: 767px) {
    .banner-left-box .banner-content .banner-desc-area {
        margin-inline-start: 0 !important;
        margin-inline-end: 0 !important;
        width: 100% !important; 
        max-width: 100% !important;
    }
    .banner-left-box .banner-content .banner-desc-area .banner-desc,
    .banner-left-box .banner-content .banner-desc-area .banner-desc p {
        padding-inline-start: 0 !important;
        width: 100% !important;
        min-width: 250px !important; 
        display: block !important;
    }
    .banner-left-box .box-area {
        width: 90% !important;
    }
}

/* Testimonial profilkép */
.testimonial-author .author-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

@media (max-width: 767px) {
    .banner-right-box, 
    .tj-banner-section,
    .banner-area {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        min-height: auto !important;
    }

    .banner-left-box {
        margin-bottom: 0 !important;
    }
}
/*footer mobil*/

@media (max-width: 767px) {               
.rendeles-logok {
    justify-content: center !important;
}

.foodora-img {
    margin-left: 0 !important;
}

.rendeles-telefon a {
    justify-content: center !important;
}
}
@media (max-width: 767px) {
    #smooth-content,
    .page-fooldal #smooth-content {
        height: auto !important;
        min-height: 0 !important;
        padding-bottom: 0 !important;
    }

    #smooth-wrapper {
        height: auto !important;
        overflow: visible !important;
    }
    .tj-footer-section {
        margin-bottom: 0 !important;
        padding-bottom: 20px !important;
    }
}

/*mobil gcvm*/
@media screen and (max-width: 480px) {
    .ck-modal-content {
        width: 88% !important;
        padding: 20px 15px !important;
    }
    .ck-title {
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }
    .cookie-main-text p {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
    .ck-settings-link {
        font-size: 12px !important;
    }
    .ck-btn-group {
        display: flex !important;
        gap: 10px !important;
        margin-top: 15px !important;
    }
    .ck-btn {
        flex: 1 !important;
        padding: 10px 5px !important;
        font-size: 11px !important; 
        font-weight: bold !important;
        border-radius: 25px !important; 
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 40px !important;
        line-height: 1.1 !important;
        text-align: center !important;
    }
    .ck-label {
        font-size: 13px !important;
    }
}
@media screen and (max-width: 480px) {
    .ck-btn-group {
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        justify-content: space-between !important;
    }

    .ck-btn {
        flex: 1 1 50% !important; 
        max-width: 50% !important;
        box-sizing: border-box !important;
        font-size: 10px !important; 
        line-height: 1.2 !important;
        white-space: normal !important; 
        word-wrap: break-word !important;
        
        padding: 8px 4px !important;
        height: auto !important;
        min-height: 44px !important; 
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .ck-modal-content {
        padding: 15px !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 767px) {
    .order-phone {
    align-items: center !important; 
  }
}

.banner-content {
    margin-bottom: 2px !important; 
}

@media (max-width: 991px) {
    .tj-banner-section {
        margin-top: 95px !important; 
    }

}

@media (max-width: 991px) {
    .banner-img {
        width: 100% !important;
        margin-top: 20px !important; 
    }

    .banner-img video {
        width: 100% !important;
        height: 390px !important; 
        object-fit: cover; 
        
        border-radius: 15px;
        transform: none !important;
    }
}

.sub-title {
    font-size: 20px !important; 
    font-weight: 600; 
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.sub-title .tji-box {
    font-size: 22px !important;
}

.customers-box {
    margin-bottom: 0 !important; 
}

@media (max-width: 767px) {
    .customers-box {
        border-bottom-left-radius: 10px !important;
        border-radius: 0 10px 0 10px !important; 

    }
}