/* CF Homes 4.5.18 – Visually matched to Mein Costa Brava restaurant dialog, isolated. */
html.cfr-detail-lock{overflow:hidden!important}
.cfr-show-detail{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:38px;margin:12px 0 0!important;padding:8px 12px!important;border:1px solid #cce7ed!important;border-radius:11px!important;background:#f0fafc!important;color:#087fa8!important;font:inherit;font-size:.79rem!important;font-weight:800!important;line-height:1.25!important;text-align:left;cursor:pointer;box-shadow:none!important}
.cfr-show-detail:hover,.cfr-show-detail:focus-visible{background:#e3f5f9!important;border-color:#087fa8!important;color:#075f83!important;outline-offset:2px}
.cfr-show-detail span{font-size:20px;line-height:1}
#cf-restaurants .cfr-card[data-id]{cursor:pointer}
#cf-restaurants .cfr-card[data-id] a,#cf-restaurants .cfr-card[data-id] button{cursor:pointer}
.cfr-detail-error{display:block;margin:6px 0;color:#a2352d;font-size:12px;line-height:1.4}
.cfh-restaurant-detail{--m360-blue:#087fa8;--m360-navy:#0c3570;font-family:inherit}
.cfh-restaurant-detail *{box-sizing:border-box}
.cfh-restaurant-detail .cfm360-detail-modal{position:fixed!important;inset:0!important;z-index:2147482000!important;display:grid!important;place-items:center!important;padding:18px!important;opacity:0;transition:opacity .18s ease}
.cfh-restaurant-detail .cfm360-detail-modal[hidden]{display:none!important}
.cfh-restaurant-detail .cfm360-detail-modal.is-open{opacity:1}
.cfh-restaurant-detail .cfm360-detail-backdrop{position:absolute;inset:0;background:rgba(5,28,40,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cfh-restaurant-detail .cfm360-detail-dialog{position:relative;z-index:1;width:min(1040px,96vw);max-height:92vh;overflow:hidden;border-radius:30px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.28)}
.cfh-restaurant-detail .cfm360-detail-dialog.is-restaurant .cfm360-detail-scroll{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(0,1.12fr);align-items:stretch;max-height:92vh;overflow:auto;overscroll-behavior:contain}
.cfh-restaurant-detail .cfm360-detail-dialog.is-restaurant:not(.has-image) .cfm360-detail-content{grid-column:1/-1}
.cfh-restaurant-detail .cfm360-detail-close,.cfh-restaurant-detail .cfm360-detail-close:hover,.cfh-restaurant-detail .cfm360-detail-close:focus,.cfh-restaurant-detail .cfm360-detail-close:active{position:absolute!important;z-index:10!important;top:14px!important;right:14px!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#087fa8!important;color:#fff!important;box-shadow:0 6px 18px rgba(8,127,168,.28)!important;cursor:pointer!important;appearance:none!important;filter:none!important;transform:none!important;text-decoration:none!important}
.cfh-restaurant-detail .cfm360-detail-close svg{display:block!important;width:18px!important;height:18px!important;fill:none!important;stroke:#fff!important;stroke-width:2.25!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important}
.cfh-restaurant-detail .cfm360-detail-close:hover,.cfh-restaurant-detail .cfm360-detail-close:focus-visible{background:#066f94!important;outline:3px solid rgba(8,127,168,.18)}
.cfh-restaurant-detail .cfm360-detail-hero{display:flex;flex-direction:column;align-self:start;min-width:0;min-height:0;padding:12px;background:#eef5f7}
.cfh-restaurant-detail .cfm360-detail-hero[hidden]{display:none!important}
.cfh-restaurant-detail .cfm360-restaurant-image-main{display:grid;place-items:center;width:100%;min-height:270px;height:min(380px,44vh);overflow:hidden;border-radius:16px;background:#fff}
.cfh-restaurant-detail .cfm360-restaurant-image-main img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.cfh-restaurant-detail .cfm360-restaurant-thumbnails{display:flex;gap:8px;max-width:100%;margin-top:11px;padding:2px 0 7px;overflow-x:auto;overscroll-behavior-inline:contain}
.cfh-restaurant-detail .cfm360-restaurant-thumbnail{flex:0 0 81px;width:81px;height:67px;margin:0;overflow:hidden;padding:3px;border:2px solid transparent;border-radius:11px;background:#fff;cursor:pointer}
.cfh-restaurant-detail .cfm360-restaurant-thumbnail.is-active,.cfh-restaurant-detail .cfm360-restaurant-thumbnail:focus-visible{border-color:#087fa8;outline:none;box-shadow:0 0 0 2px rgba(8,127,168,.12)}
.cfh-restaurant-detail .cfm360-restaurant-thumbnail img{display:block;width:100%;height:100%;object-fit:contain;border-radius:6px}
.cfh-restaurant-detail .cfm360-detail-content{min-width:0;padding:30px;color:#3f5e6a}
.cfh-restaurant-detail .cfm360-detail-type{display:block;margin:0 0 10px;color:#0ba7c7;font-weight:900;letter-spacing:.12em;font-size:.75rem}
.cfh-restaurant-detail .cfm360-detail-content h2{margin:5px 54px 8px 0!important;color:#0c3570!important;font-size:clamp(28px,5vw,44px)!important;line-height:1.04!important;font-weight:800!important;overflow-wrap:anywhere}
.cfh-restaurant-detail .cfm360-detail-lead{margin:0 0 18px;color:#587580;font-size:15px;line-height:1.55}
.cfh-restaurant-detail .cfm360-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:9px;margin:18px 0}
.cfh-restaurant-detail .cfm360-detail-facts[hidden]{display:none!important}
.cfh-restaurant-detail .cfm360-detail-fact{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:14px;background:#eff8fa}
.cfh-restaurant-detail .cfm360-detail-fact span{color:#67838e;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.cfh-restaurant-detail .cfm360-detail-fact strong{color:#0c3570;font-size:15px;line-height:1.35;overflow-wrap:anywhere;white-space:pre-line}
.cfh-restaurant-detail .cfm360-detail-text{margin:18px 0;color:#3f5e6a;font-size:14px;line-height:1.65}
.cfh-restaurant-detail .cfm360-detail-text p{margin:0 0 11px}
.cfh-restaurant-detail .cfm360-detail-extra{display:grid;gap:12px;margin:18px 0}
.cfh-restaurant-detail .cfm360-detail-section{padding:16px;border:1px solid #dcecf0;border-radius:18px;background:#f9fcfd}
.cfh-restaurant-detail .cfm360-detail-section h3{margin:0 0 9px;color:#0c3570;font-size:15px}
.cfh-restaurant-detail .cfm360-detail-section p{margin:0;line-height:1.55}
.cfh-restaurant-detail .cfm360-restaurant-tags{display:flex;flex-wrap:wrap;gap:7px}
.cfh-restaurant-detail .cfm360-restaurant-tags span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eaf7f9;color:#28677d;font-size:12px;font-weight:800}
.cfh-restaurant-detail .cfm360-detail-important{margin:18px 0;padding:16px;border:1px solid #f0ddb1;border-radius:16px;background:#fff8e8;color:#765a22}
.cfh-restaurant-detail .cfm360-wallet-box{display:flex;flex-direction:column;gap:7px}
.cfh-restaurant-detail .cfm360-wallet-kicker{color:#087fa8;font-size:10px;font-weight:950;letter-spacing:.1em}
.cfh-restaurant-detail .cfm360-wallet-box>strong{color:#0c3570;font-size:20px}
.cfh-restaurant-detail .cfm360-wallet-valid{font-weight:800}
.cfh-restaurant-detail .cfm360-wallet-open,.cfh-restaurant-detail .cfm360-wallet-open:hover,.cfh-restaurant-detail .cfm360-wallet-open:focus{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;min-height:45px!important;margin:10px 0 0!important;padding:10px 17px!important;border:0!important;border-radius:13px!important;background:#087fa8!important;color:#fff!important;font:inherit!important;font-size:14px!important;font-weight:900!important;cursor:pointer!important;box-shadow:none!important;transform:none!important}
.cfh-restaurant-detail .cfm360-wallet-open:hover,.cfh-restaurant-detail .cfm360-wallet-open:focus-visible{background:#056a8b!important}
.cfh-restaurant-detail .cfm360-wallet-open:disabled{opacity:.65;cursor:wait!important}
.cfh-restaurant-detail .cfm360-wallet-open span{font-size:21px;line-height:1}
.cfh-restaurant-detail [data-cfh-wallet-feedback]{color:#a2352d}
.cfh-restaurant-detail .cfm360-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0}
.cfh-restaurant-detail .cfm360-detail-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:999px;background:#087fa8;color:#fff!important;text-decoration:none!important;font-weight:900;white-space:nowrap}
.cfh-restaurant-detail .cfm360-detail-actions a.is-secondary{background:#eef7f9;color:#087fa8!important}
html body>.cfr-wallet-modal[data-cfr-wallet-modal]{z-index:2147483200!important}
@media(max-width:700px){.cfh-restaurant-detail .cfm360-detail-modal{padding:7px!important}.cfh-restaurant-detail .cfm360-detail-dialog{width:100%!important;max-height:96vh!important;border-radius:22px!important}.cfh-restaurant-detail .cfm360-detail-dialog.is-restaurant .cfm360-detail-scroll{display:block;max-height:96vh}.cfh-restaurant-detail .cfm360-detail-hero{padding:10px}.cfh-restaurant-detail .cfm360-restaurant-image-main{min-height:195px;height:min(260px,33vh)}.cfh-restaurant-detail .cfm360-restaurant-thumbnail{flex-basis:70px;width:70px;height:60px}.cfh-restaurant-detail .cfm360-detail-content{padding:20px 15px 24px!important}.cfh-restaurant-detail .cfm360-detail-content h2{margin-right:44px!important;font-size:30px!important}.cfh-restaurant-detail .cfm360-detail-facts{grid-template-columns:1fr}.cfh-restaurant-detail .cfm360-detail-actions{display:grid;grid-template-columns:1fr}.cfh-restaurant-detail .cfm360-detail-actions a{width:100%}}
