body {
    font-family: "Inter", sans-serif;
    background-color: #FAFAF7;
}

h1 {
    font-family: "Playfair Display", serif;
    font-size: 28px;
    line-height: 20px;
}

h2 {
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
}

h3 {
    font-size: 20px;
    font-weight: 600;
}

a:link { font-size: 14px; color: #92B6AB; text-decoration: none; }
a:visited { font-size: 14px; color: #92B6AB; text-decoration: none; }
a:hover { font-size: 14px; color: #92B6AB; text-decoration: none; }

a.idk_btn_link {
    display: block;
    width: 100%;
    padding: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    text-align: center;
    background: linear-gradient(118deg,rgba(46, 118, 96, 1) 0%, rgba(27, 68, 56, 1) 100%);
    border-radius: 16px;
    border: 0px;
}

.idk_margin_top5 { margin-top: 5px; }
.idk_margin_top10 { margin-top: 10px; }
.idk_margin_top15 { margin-top: 15px; }
.idk_margin_top20 { margin-top: 20px; }
.idk_margin_top30 { margin-top: 30px; }
.idk_margin_top50 { margin-top: 50px; }
.idk_margin_top100 { margin-top: 100px; }

.app-container {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 0px;
    padding-bottom: 90px;
}

.idk_light_p {
    color: #999999;
    font-size: 14px;
}

.idk_color_p {
    color: #92B6AB;
    font-size: 14px;
    margin: 0px;
}

.idk_login_cover_holder {
    position: relative;
    width: 100%;
    height: 45vh;
    z-index: 1;
}

.idk_login_cover_holder .idk_login_cover_img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.idk_login_cover_holder .idk_login_cover_filter {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.idk_login_cover_lang {
    text-align: right;
    padding: 30px;
}

.idk_login_cover_logo {
    width: 100%;
    height: auto;
    margin-top: 30px;
    text-align: center;
}

.idk_login_cover_logo img {
    width: 100%;
    max-width: 180px;
    height: auto;
}

.idk_login_cover_logo p {
    font-size: 12px;
    color: #FFFFFF;
    margin-top: 20px;
}

.idk_login_holder {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(55vh + 20px);
    padding: 30px;
    background-color: #FFFFFF;
    margin-top: -20px;
    border-radius: 24px 24px 0px 0px;
}

.otp-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.otp-input {
    width: 60px;
    height: 70px;
    font-size: 30px;
    border-radius: 16px;
    padding: 10px;
    background-color: #F0F5F3;
    border: 0px;
    text-align: center;
}

.idk_login_info {
    width: 100%;
    margin: 30px 0px;
    padding: 16px;
    background-color: #EBF0EE;
    border-radius: 16px;
}

.idk_login_info p {
    margin: 0px;
    color: #2E7660;
}

.idk_login_info span {
    margin: 0px;
    color: #000000;
    font-weight: 600;
}

.idk_login_info .row:not(:last-child) {
    margin-bottom: 10px;
}

button {
    width: 100%;
    padding: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    text-align: center;
    background: linear-gradient(118deg,rgba(46, 118, 96, 1) 0%, rgba(27, 68, 56, 1) 100%);
    border-radius: 16px;
    border: 0px;
}

.idk_notif_holder {
    position: relative;
    display: inline-block;
    border-radius: 100%;
    padding: 8px 10px;
    background-color: #EBF0EE;
}

.idk_notif_dot {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #D4183D;
}

.idk_home_box {
    position: relative;
    margin-top: 20px;
    width: 100%;
    height: 150px;
    border-radius: 16px;
    overflow: hidden;
}

.idk_home_box .idk_home_box_img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.idk_home_box .idk_home_box_filter {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.idk_home_box_content {
    position: absolute;
    left: 20px;
    bottom: 0px;
    color: #FFFFFF;
}

.idk_home_box_content span {
    font-size: 20px;
    font-weight: 600;
}

.idk_home_box_content p {
    font-size: 14px;
    margin-top: 5px;
}

.idk_home_box_content h3 {
    font-family: "Playfair Display", serif;
    font-size: 22px;
    margin: 0px;
}

.idk_box1 {
    width: 100%;
    height: auto;
    padding: 16px;
    background-color: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.07);
    margin-bottom: 15px;
}

.idk_icon_holder {
    display: inline-block;
    border-radius: 100%;
    padding: 8px 10px;
    background-color: #EBF0EE;
}

.idk_icon_holder_xl {
    display: inline-block;
    border-radius: 100%;
    padding: 23px 25px;
    background-color: #EBF0EE;
}

.idk_box1 p {
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0 0 0;
}

.idk_box1 span {
    font-size: 12px;
    color: #999999;
}

.idk_icon_box {
    width: 100%;
    height: auto;
    padding: 15px 5px;
    margin-bottom: 15px;
    background-color: #EBF0EE;
    border-radius: 12px;
    text-align: center;
}

.idk_icon_box img {
    height: 30px;
}

.idk_icon_box p {
    font-size: 12px;
    font-weight: 600;
    color: #000000;
    margin: 10px 0 0 0;
}

.idk_news_box {
    width: 100%;
    height: auto;
    padding: 16px;
    background-color: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.07);
}

.idk_news_box img {
    width: 100%;
    height: 70px;
    border-radius: 16px;
    object-fit: cover;
}

.idk_news_box span {
    display: block;
    color: #92B6AB;
    font-size: 12px;
}

.idk_news_box a:link {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
}

.idk_news_box a:visited {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
}

.idk_news_box p {
    font-size: 12px;
    color: #999999;
    margin: 0px;
}

.idk_box2 {
    width: 100%;
    height: auto;
    padding: 16px;
    background-color: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.07);
    margin-bottom: 15px;
}

.idk_box2 h3 {
    color: #2E7660;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.idk_box2 h4 {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
}

.idk_box2 p {
    font-size: 12px;
    color: #999999;
    margin: 0px;
}

span.idk_badge1 {
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    background-color: #EFF3FF;
    color: #4A6FD4;
}

span.idk_badge2 {
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    background-color: #F5E9CC;
    color: #C89B3C;
}

span.idk_badge3 {
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    background-color: #EFF8F0;
    color: #4A9A5C;
}

nav {
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);

    width: 100%;
    max-width: 500px;
    padding: 15px 0;
    background-color: #fff;
    box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.1);
}

nav p {
    font-size: 14px;
    color: #1B4438;
    font-weight: 600;
    margin: 0px;
}

.idk_requests_box {
    width: 100%;
    border: 1px solid #92B6AB;
    border-radius: 16px;
    padding: 15px;
    margin-top: 20px;
}

.idk_requests_box a:link {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
}

.idk_requests_box a:visited {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
}

.idk_form textarea {
    width: 100%;
    border: 0px;
    background-color: #F0F5F3;
    border-radius: 16px;
    padding: 15px;
}

.idk_form .priority-toggle {
  display: flex;
  gap: 32px;
  width: 100%;
}

.idk_form .priority-option {
  flex: 1;
  cursor: pointer;
}

.idk_form .priority-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.idk_form .option-content {
    padding: 15px;
    border-radius: 50px;
    background: #F0F5F3;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s ease;
}

.idk_form .priority-option input:checked + .option-content {
    background: #2E7660;
    color: #fff;
}

.idk_form .icon {
    color: #ffad00;
    font-size: 14px;
    margin-right: 10px;
}

.idk_form .urgent .option-content {
  font-weight: 600;
}

.idk_form .urgent input:checked + .option-content {
  color: #fff;
}

.idk_form small img {
    margin-right: 10px;
}

.idk_form small {
    display: block;
    font-size: 12px;
    color: #92B6AB;
    margin-bottom: 30px;
}

.status {
    width: 100%;
}

.status-item {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 10px;
}

.status-icon {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #EBF0EE;
}

.status-item.active .status-icon {
    background: #1B4438;
}

.status-text {
    margin-left: 10px;
    font-size: 14px;
    line-height: 1;
    color: #999999;
}

.status-item.active .status-text {
    color: #080808;
}

.custom-tabs {
  border-bottom: 0;
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
  align-items: center;
  overflow-x: auto;
  scrollbar-width: none;
}

.custom-tabs::-webkit-scrollbar {
  display: none;
}

.custom-tabs .nav-item {
  flex: 0 0 auto;
}

.custom-tabs .nav-item {
  margin: 0;
}

.custom-tabs .nav-link {
  border: 0;
  border-radius: 999px;
  background-color: #EBF0EE;
  color: #1B4438;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.2s ease;
}

.custom-tabs .nav-link.active {
  background-color: #1B4438;
  color: #FFFFFF;
}

.custom-tabs .nav-link:focus {
  box-shadow: none;
}

.chat {
  width: 100%;
  max-width: 560px;
  height: 100vh;
  margin: 0 auto;

  position: relative;
  overflow: hidden;
}

.messages {
  position: absolute;
  inset: 0;
  overflow-y: auto;

  padding: 20px 0px 30px 0px;

  display: flex;
  flex-direction: column;
  gap: 28px;

  scrollbar-width: none;
}

.messages::-webkit-scrollbar {
  display: none;
}


.message.reception {
  align-self: flex-start;
  max-width: 80%;

  padding: 15px;

  background: #ffffff;
  border-radius: 16px 16px 16px 0;

  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.07);
}


.message.guest {
  align-self: flex-end;
  max-width: 80%;

  padding: 15px;

  background: #2E7660;
  color: #ffffff;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.07);
  border-radius: 16px 16px 0 16px;
}


.message-text {
  margin: 0;
  line-height: 1.35;
}


.time {
  display: block;
  margin-top: 5px;

  font-size: 12px;
  color: #999999;
}

.guest .time {
  color: #96BAAF;
  text-align: right;
}


.chat-input {
  position: fixed;

  bottom: 18px;
  left: 50%;

  transform: translateX(-50%);

  width: calc(100% - 22px);
  max-width: 538px;

  display: flex;
  align-items: center;
  gap: 30px;

  z-index: 100;
}

.input-wrapper {
  flex: 1;

  display: flex;
  align-items: center;

  background: #F0F5F3;
  border-radius: 16px;

  padding: 15px;
}

.input-wrapper input {
  width: 100%;

  border: 0;
  outline: 0;
  background: transparent;

  font-size: 14px;
  color: #333;
}

.input-wrapper input::placeholder {
  color: #999999;
}


/* Send */
.send-button {
  width: 50px;
  height: 50px;

  flex-shrink: 0;

  border: 0;
  border-radius: 50%;

  background: #2E7660;
  color: white;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
}

.idk_box3 {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    background-color: #FFFFFF;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.07);
}

.idk_box3 .idk_box3_img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.idk_box3_content h3 {
    font-size: 18px;
    margin: 0px;
}

.idk_box3_content p {
    font-size: 14px;
    color: #999999;
}

.idk_box3_content span {
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 600;
    background-color: #EBF0EE;
    color: #1B4438;
    border-radius: 20px;
}

.idk_box3_content {
    background-color: #FFFFFF;
    padding: 15px;
}

.idk_location_img_holder {
    width: 100%;
    height: 280px;
    position: relative;
}

.idk_location_img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.idk_location_img_content {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50px;
    z-index: 9;
}

.idk_box4 {
    width: 100%;
    padding: 10px 20px;
    text-align: center;
    background-color: #EBF0EE;
    color: #1B4438;
    font-weight: 600;
    border-radius: 12px;
}

.idk_box4 p {
    margin: 5px 0px 0px 0px;
}

.room-cart-button {
    position: fixed;
    right: max(20px, calc((100vw - 500px) / 2 + 20px));
    bottom: 20px;
    z-index: 1040;
    width: 60px;
    height: 60px;
    padding: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.22);
}

.room-cart-count {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 24px;
    height: 24px;
    padding: 2px 6px;
    border-radius: 12px;
    background-color: #D4183D;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}

.request-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.request-actions form {
    margin: 0;
}

.request-delete-button {
    width: 26px;
    height: 30px;
    padding: 4px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.request-delete-button img {
    display: block;
    width: 22px;
    height: 22px;
}

.idk_box2 .notification-message {
    margin: 5px 0;
    color: #000000;
    font-size: 14px;
}

.notification-date {
    color: #999999;
    font-size: 12px;
}

.language-code {
    color: #1B4438;
    font-size: 13px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
}

.login-language-code {
    display: inline-block;
    min-width: 42px;
    padding: 8px 10px;
    border-radius: 20px;
    background-color: #EBF0EE;
}

.language-option {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 14px 10px;
    border-radius: 12px;
    color: #000000 !important;
}

.language-option + .language-option {
    margin-top: 5px;
}

.language-option span {
    min-width: 42px;
    color: #2E7660;
    font-weight: 700;
}

.language-option.active {
    background-color: #EBF0EE;
}



















































.btn-close:focus,
.btn-close:active,
.btn-close:focus-visible {
    outline: 0 !important;
    box-shadow: none !important;
}


.switch {
  position: relative;
  display: inline-block;
  width: 58px;
  height: 32px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  inset: 0;
  background-color: #EBF0EE;
  border-radius: 999px;
  cursor: pointer;
  transition: background-color 0.25s;
}

.slider::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: 4px;
  top: 4px;
  background: #1B4438;
  border-radius: 50%;
  transition: transform 0.25s ease;
}

/* Kada je čekiran */
.switch input:checked + .slider {
  background-color: #1B4438;
}

.switch input:checked + .slider::before {
  background: #fff;
  transform: translateX(26px);
}


/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.room-product-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.room-product-heading>div{min-width:0;flex:1}.room-product-price{flex:0 0 auto;margin-top:2px;color:#174e40;font-size:17px;white-space:nowrap;text-align:right}.room-cart-total{display:flex;justify-content:space-between;align-items:center;padding:14px 0;margin-bottom:16px;border-top:1px solid #eee;border-bottom:1px solid #eee}
.room-cart-item{display:grid;grid-template-columns:52px minmax(0,1fr) 42px;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #edf0ee}.room-cart-item .idk_icon_holder{width:48px;height:48px}.room-cart-item-content{min-width:0}.room-cart-item-content h4{margin:0 0 3px;color:#202523;font-size:18px;line-height:1.25;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-cart-item-content p{margin:0;color:#929795;font-size:14px}.room-cart-remove-form{margin:0}.room-cart-remove{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:0;background:transparent;color:#d4183d;transition:opacity .18s ease,transform .18s ease}.room-cart-remove svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.room-cart-remove:active{transform:scale(.9)}.room-cart-remove:hover{background:transparent;opacity:.72}.room-delivery-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.room-radio-option{position:relative;display:block;margin:0;cursor:pointer}.room-radio-option input{position:absolute;opacity:0;pointer-events:none}.room-radio-option span{display:flex;align-items:center;justify-content:center;min-height:46px;padding:9px 12px;border:1px solid #dce5e1;border-radius:13px;background:#f8faf9;color:#52615d;font-size:15px;font-weight:600;text-align:center;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.room-radio-option input:checked+span{border-color:#1b5b4b;background:#e8f1ee;color:#174e40;box-shadow:inset 0 0 0 1px #1b5b4b}.room-radio-option input:focus-visible+span{outline:3px solid rgba(27,91,75,.18);outline-offset:2px}.room-delivery-time[hidden]{display:none!important}@media(max-width:390px){.room-cart-item{grid-template-columns:46px minmax(0,1fr) 34px;gap:10px}.room-cart-item .idk_icon_holder{width:44px;height:44px}.room-cart-item-content h4{font-size:16px}.room-cart-remove{width:32px;height:34px}.room-delivery-options{grid-template-columns:1fr}.room-radio-option span{min-height:42px}}
.pin-preview-error{margin:12px 0 0;text-align:center;color:#c7384f;font-size:14px}.idk_login_holder button:disabled{opacity:.48;cursor:not-allowed}.idk_login_info span{transition:color .2s ease}
.home-service-card{display:block;color:inherit;text-decoration:none}.home-service-card .idk_box1{transition:transform .18s ease,box-shadow .18s ease}.home-service-card:active .idk_box1{transform:scale(.98)}.home-service-arrow{width:22px;height:22px;opacity:.8}
.idk_color_p.around-intro{color:#999999!important}
.idk_color_p.home-greeting{color:#999999!important}
.google-review-card{display:block;color:inherit!important;text-decoration:none}.google-review-card h4{color:#1C1917}.google-review-card .google-logo-holder{background:var(--hotel-light,#EBF0EE)!important}.google-review-card .google-logo-holder img{width:18px;height:18px}
.idk_box4{height:100%;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.chat .message.guest{background:#2F3331!important;color:#FFFFFF}.chat .message.guest .time{color:#C7CCCA!important}.chat .message.reception{background:#FFFFFF;color:#1C1917}.chat .message.reception .time{color:#999999}.chat .input-wrapper{background:#F0F1F1!important}.chat .send-button{background:#2F3331!important}.chat .send-button .hotel-themed-icon{background:#FFFFFF}
.see-all-link,.see-all-link:link,.see-all-link:visited,.see-all-link:hover{color:#999999!important}
.home-news-card time,.news-list-card time,.news-detail time{color:#999999!important}.home-news-card h3,.news-list-card h2,.news-detail h1{color:#1C1917!important}
.otp-input,.idk_login_info,.idk_notif_holder,.idk_icon_holder,.idk_icon_holder_xl,.idk_icon_box,.idk_form textarea,.idk_form .option-content,.status-icon,.custom-tabs .nav-link,.input-wrapper,.idk_box3_content span,.idk_box4,.login-language-code,.language-option.active,.slider,.room-radio-option span{background-color:var(--hotel-light,var(--hotel-accent,#92B6AB))!important}.idk_icon_holder,.idk_icon_box,.idk_notif_holder,.language-code{background-color:var(--hotel-light,var(--hotel-accent,#92B6AB))!important}
.custom-tabs .nav-link.active,.switch input:checked+.slider,.status-item.active .status-icon{background-color:var(--hotel-secondary,#1B4438)!important}.idk_form .priority-option input:checked+.option-content{background:var(--hotel-primary,#2E7660)!important}
.guest .time{color:var(--hotel-accent,#92B6AB)!important}
.idk_color_p,.idk_news_box span,.idk_form small,a:link,a:visited,a:hover{color:var(--hotel-accent,#92B6AB)}.idk_login_info p,.idk_box2 h3,.language-option span{color:var(--hotel-primary,#2E7660)}nav p,.custom-tabs .nav-link,.idk_box3_content span,.idk_box4,.language-code{color:var(--hotel-secondary,#1B4438)}.idk_requests_box{border-color:var(--hotel-accent,#92B6AB)}button{background:linear-gradient(118deg,var(--hotel-primary,#2E7660),var(--hotel-secondary,#1B4438))}.idk_form .priority-option input:checked+.option-content,.message.guest,.send-button{background:var(--hotel-primary,#2E7660)}.status-item.active .status-icon,.custom-tabs .nav-link.active,.switch input:checked+.slider{background:var(--hotel-secondary,#1B4438)}.slider:before{background:var(--hotel-secondary,#1B4438)}
.home-news-card time{font-size:12px}.home-news-card h3{color:#1C1917;font-size:18px}
.home-news-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:18px;padding:18px;border-radius:24px;background:#fff;color:#1d211f;text-decoration:none;box-shadow:0 8px 24px rgba(24,51,43,.09)}.home-news-card>img{width:112px;height:96px;border-radius:20px;object-fit:cover}.home-news-card div{min-width:0}.home-news-card time,.news-list-card time,.news-detail time{display:block;margin-bottom:3px;color:#86ada2;font-size:15px;font-weight:600}.home-news-card h3{margin:0 0 3px;font-size:20px;line-height:1.2;font-weight:650}.home-news-card p{display:-webkit-box;overflow:hidden;margin:0;color:#929694;font-size:15px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.news-list{display:grid;gap:15px}.news-list-card{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr) 18px;align-items:center;gap:16px;padding:16px;border-radius:22px;background:#fff;color:#1d211f;text-decoration:none;box-shadow:0 7px 22px rgba(24,51,43,.08)}.news-list-card>img:first-child{width:110px;height:104px;border-radius:18px;object-fit:cover}.news-list-card div{min-width:0}.news-list-card h2{margin:0 0 4px;font-size:19px;line-height:1.2}.news-list-card p{display:-webkit-box;overflow:hidden;margin:0;color:#929694;font-size:14px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.news-list-card .news-arrow{width:18px;height:18px}.news-detail{padding-bottom:25px}.news-detail>img{width:100%;max-height:300px;margin-bottom:20px;border-radius:24px;object-fit:cover}.news-detail h1{margin:3px 0 18px;font-size:30px;line-height:1.16}.news-detail-content{padding:20px;border-radius:20px;background:#fff;color:#242826;font-size:16px;line-height:1.65;box-shadow:0 7px 22px rgba(24,51,43,.07)}@media(max-width:390px){.home-news-card{grid-template-columns:92px minmax(0,1fr);gap:13px;padding:14px}.home-news-card>img{width:92px;height:88px;border-radius:16px}.home-news-card h3{font-size:17px}.home-news-card p{font-size:13px}.news-list-card{grid-template-columns:88px minmax(0,1fr) 15px;gap:11px;padding:13px}.news-list-card>img:first-child{width:88px;height:92px}.news-list-card h2{font-size:16px}.news-list-card p{font-size:12px}}

.hotel-themed-icon{display:inline-block;object-fit:contain;background:var(--hotel-secondary,#1B4438);-webkit-mask:var(--hotel-icon) center/contain no-repeat;mask:var(--hotel-icon) center/contain no-repeat}.idk_icon_holder,.idk_icon_box,.idk_notif_holder,.language-code{background-color:color-mix(in srgb,var(--hotel-accent,#92B6AB) 14%,#fff)}.home-news-card time,.news-list-card time,.news-detail time{color:var(--hotel-accent,#92B6AB)}.home-news-card time{font-size:12px}.home-news-card h3{color:#1C1917;font-size:18px}.room-product-price,.room-cart-total strong{color:var(--hotel-secondary,#1B4438)}.room-radio-option input:checked+span{border-color:var(--hotel-secondary,#1B4438);background:color-mix(in srgb,var(--hotel-accent,#92B6AB) 18%,#fff);color:var(--hotel-secondary,#1B4438);box-shadow:inset 0 0 0 1px var(--hotel-secondary,#1B4438)}.room-cart-button{background:linear-gradient(118deg,var(--hotel-primary,#2E7660),var(--hotel-secondary,#1B4438))}.idk_badge1{color:var(--hotel-primary,#2E7660);background:color-mix(in srgb,var(--hotel-primary,#2E7660) 11%,#fff)}

/* Podnaslovi i kratki opisi uvijek ostaju neutralni, neovisno o bojama hotela. */
.idk_color_p,
.idk_light_p,
.idk_box1 span,
.idk_box2 p:not(.text-black):not(.notification-message),
.idk_box3_content p,
.idk_news_box p,
.home-news-card p,
.news-list-card p,
.home-news-card time,
.news-list-card time,
.news-detail time,
.room-cart-item-content p,
.notification-date {
    color: #999999 !important;
}

.idk_form small {
    color: #999999 !important;
}

/* Naslov kartice za čišćenje sobe ne preuzima svijetlu boju linkova. */
.home-service-card .idk_box1 p {
    color: #1C1917 !important;
}

/* Ikona košarice mora imati puni kontrast na tamnoj plutajućoj tipki. */
.room-cart-button .hotel-themed-icon {
    background: #FFFFFF !important;
}

/* Cijele kartice usluga su dodirne površine. */
.service-card-link,
.service-card-link:link,
.service-card-link:visited,
.service-card-link:hover {
    display: block;
    color: inherit !important;
    text-decoration: none;
}
.service-card-link .idk_requests_box,
.service-card-link .idk_home_box,
.service-card-link .service-list-card {
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease;
}
.service-card-link:active .idk_requests_box,
.service-card-link:active .idk_home_box,
.service-card-link:active .service-list-card {
    transform: scale(.985);
}
.service-card-link .idk_requests_box strong,
.service-card-link .service-list-card h4 {
    color: #1C1917 !important;
}

.home-news-card h3 {
    font-size: 14px !important;
}

.home-news-card p {
    font-size: 14px !important;
}

.live-chat{height:calc(100vh - 125px);min-height:480px}.live-chat .messages{padding-bottom:115px}.chat-empty{margin:auto;text-align:center;color:#8d938f}.chat-empty strong{display:block;margin-bottom:6px;color:#303532}.chat-input{gap:9px;flex-wrap:wrap}.chat-input .input-wrapper{min-width:0}.chat-image-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;margin:0;border-radius:14px;background:#e5ebe8;color:#35413d;font-size:24px;cursor:pointer}.chat-image-button input{display:none}.chat-file-name{position:absolute;left:52px;bottom:-15px;max-width:300px;overflow:hidden;color:#6f7773;white-space:nowrap;text-overflow:ellipsis}.chat-feedback{min-height:18px;color:#b44d4d;font-size:12px}.live-chat>.chat-feedback{position:fixed;left:50%;bottom:2px;z-index:101;transform:translateX(-50%)}.message>b{display:block;margin-bottom:5px;font-size:11px}.chat-message-image{display:block;width:min(250px,65vw);max-height:280px;margin-bottom:8px;border-radius:11px;object-fit:cover}.message a{display:block}.send-button:disabled{opacity:.55}.chat-input input[type=text]{font-size:16px}