/* Small visual refinements scoped to the English kitchen detail template. */
.kitchen-page {
    --kitchen-accent: #ff5055;
    color: #333;
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
}
.kitchen-content .breadcrumb-kitchen {
    margin: 24px 0 16px;
    line-height: 1.6;
}
.kitchen-content .breadcrumb-kitchen li a,
.kitchen-content .kitchen-h1-sub-title {
    color: #6b7280;
}
.kitchen-content .kitchen-h1-title {
    font-size: 32px;
    line-height: 1.3;
    overflow-wrap: anywhere;
}
.kitchen-content .kitchen-h1-sub-title {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}
.kitchen-meta { margin: 12px 0 8px; line-height: 1.6; }
.kitchen-content .kitchen-meta a { color: #6b7280; }
.kitchen-page .kitchen-red { color: var(--kitchen-accent); }
.kitchen-content .list-text-small,
.kitchen-content .list-faq p {
    color: #444;
    font-size: 16px !important; /* Replace the legacy inline 13px FAQ text. */
    line-height: 1.7;
    overflow-wrap: anywhere;
}
.kitchen-content > .list-text-small { margin-bottom: 20px; }
.kitchen-content .kitchen-h2-title,
.kitchen-content .list-h2 {
    margin: 40px 0 20px;
    color: #333;
    font-size: 24px;
    line-height: 1.4;
}
.kitchen-content hr { margin: 32px 0; border-top-color: #eaeaea; }
.kitchen-features {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px 8px;
    margin: 28px 0 36px;
}
.kitchen-features > div { width: auto; padding: 0 4px; }
.kitchen-content .kitchen-icon { font-size: 26px; }
.kitchen-features .kitchen-icon-text {
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 1.5;
}
.kitchen-features .icon-no { color: #d1d5db; }
.kitchen-features .icon-color-no { color: #737373; }
.kitchen-host-summary { margin: 0 0 24px; }
.kitchen-host-summary .img-kitchen-host { margin-bottom: 12px; }
.kitchen-host-summary > .bold { font-size: 17px; line-height: 1.6; }
.kitchen-host-summary > br,
.kitchen-host-summary + br,
.kitchen-access > br,
.kitchen-access + br,
.kitchen-access + br + br,
.kitchen-h2-title + br { display: none; }
.kitchen-access { margin: 0 0 24px; }
.kitchen-access .kitchen-icon { display: inline-block; margin: 24px 0 8px; }
.kitchen-access .kitchen-icon:first-child { margin-top: 0; }
.kitchen-access > .bold { margin-bottom: 4px; font-size: 15px; }
.kitchen-content .kitchen-gmap { margin-bottom: 12px; border-radius: 8px; }
.kitchen-content #app .kitchen-star { font-size: 17px; line-height: 1.8; }
.kitchen-content #app .list-text-small { margin: 8px 0 12px; }
.kitchen-content .reviewFilterKitchenButton {
    padding: 8px 14px;
    margin: 0 6px 12px 0;
    border-color: #ddd;
    border-radius: 20px;
    font-size: 14px;
    line-height: 1.4;
}
.kitchen-page :checked.reviewFilterKitchen + label {
    background: var(--kitchen-accent);
    border-color: var(--kitchen-accent);
}
.kitchen-booking-bar {
    margin: 0;
    padding: 12px 0 calc(12px + env(safe-area-inset-bottom, 0px));
    border: 0;
    border-top: 1px solid #eaeaea;
    background: #fff;
    box-shadow: 0 -4px 18px rgba(0, 0, 0, .04);
}
.kitchen-booking-bar > .row { margin: 0; }
.kitchen-booking-bar > .row > .col-md-8 {
    display: flex;
    align-items: center;
}
.kitchen-booking-bar > .row > .col-md-8 > br,
.kitchen-booking-bar .col-xs-5 > br:first-child,
.kitchen-booking-bar .col-xs-7 > br { display: none; }
.kitchen-booking-bar .kitchen-navbar-price { font-size: 22px; line-height: 1.4; }
.kitchen-booking-bar .col-xs-5 { white-space: nowrap; }
.kitchen-booking-bar .kitchen-navbar-star { font-size: 14px; }
.kitchen-booking-bar small { color: #6b7280; }
.kitchen-booking-bar .btn-my-red {
    min-height: 50px;
    padding: 13px 16px;
    border-radius: 8px;
    background: var(--kitchen-accent);
    font-size: 17px;
}
.kitchen-booking-bar .btn-my-red:hover { background: #e5484d; }
.kitchen-booking-bar .btn-my-red:focus-visible {
    outline: 3px solid #333;
    outline-offset: 3px;
}
@media (max-width: 991px) {
    .kitchen-content .kitchen-h1-title { font-size: 26px; }
    .kitchen-content .kitchen-h2-title,
    .kitchen-content .list-h2 { margin-top: 32px; font-size: 22px; }
    .kitchen-features { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 8px; }
}
@media (max-width: 767px) {
    .kitchen-content .breadcrumb-kitchen { margin-top: 20px; }
    .kitchen-content .kitchen-h1-title { font-size: 24px; }
    .kitchen-content hr { margin: 28px 0; }
    .kitchen-content .kitchen-gmap { height: 300px; }
    .kitchen-booking-bar > .row > .col-md-8 { padding: 0 8px; }
    .kitchen-booking-bar .col-xs-5,
    .kitchen-booking-bar .col-xs-7 { padding: 0 8px; }
    .kitchen-booking-bar .kitchen-navbar-price { font-size: 20px; }
    .kitchen-booking-bar small { font-size: 11px; }
}
@media (max-width: 359px) {
    .kitchen-booking-bar .kitchen-navbar-price { font-size: 18px; }
}

/* Frosted photo actions: opaque fallback when backdrop blur is unavailable. */
.kitchen-page .kitchen-photo-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 17px;
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 999px;
    background: rgba(255, 255, 255, .94);
    color: #252525;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .3);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255, 255, 255, .65);
    transition: background-color .18s ease, box-shadow .18s ease;
}
@supports ((backdrop-filter: blur(14px)) or (-webkit-backdrop-filter: blur(14px))) {
    .kitchen-page .kitchen-photo-action {
        background: rgba(255, 255, 255, .68);
        -webkit-backdrop-filter: blur(14px) saturate(140%);
        backdrop-filter: blur(14px) saturate(140%);
    }
}
.kitchen-page .kitchen-photo-action:hover,
.kitchen-page .kitchen-photo-action:active {
    background: rgba(255, 255, 255, .9);
    color: #252525;
    border-color: #fff;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .8);
}
.kitchen-page .kitchen-photo-action:focus-visible { outline: 2px solid #222; outline-offset: 3px; }
.kitchen-page .kitchen-photo-action i { color: inherit; font-size: 14px; }
.kitchen-page .kitchen-picture-share-child,
.kitchen-page #kitchen-main-picture-share-child {
    top: 20px;
    right: 24px;
    left: auto;
    transform: none;
}
.kitchen-page .kitchen-picture-picture-child,
.kitchen-page #kitchen-main-picture-picture {
    top: auto;
    right: 24px;
    bottom: 20px;
    left: auto;
    transform: none;
}
@media (max-width: 991px) {
    .kitchen-page #kitchen-main-picture-share-child { top: 16px; right: 16px; }
    .kitchen-page #kitchen-main-picture-picture { right: 16px; bottom: 16px; }
    .kitchen-page .kitchen-share-btn.kitchen-photo-action { width: 42px; padding: 10px; }
}
@media (prefers-reduced-motion: reduce) {
    .kitchen-page .kitchen-photo-action { transition: none; }
}
