/* LATEA customer experience V5 — WhatsApp, café profile, map.
   This stylesheet can be changed independently of the D1/R2/Worker backend. */
.top-actions {gap:10px;align-items:center;}
.whatsapp-header {display:inline-flex;align-items:center;justify-content:center;flex:none;
 width:52px;height:52px;background:#22bd5a;color:#fff;border:2px solid #198d45;
 border-radius:50%;box-shadow:0 5px 18px rgba(22,115,58,.25);transition:transform .2s,box-shadow .2s;}
.whatsapp-header svg {height:31px;width:31px;display:block;}
.whatsapp-header:hover {background:#189a4a;transform:translateY(-2px);box-shadow:0 8px 23px rgba(22,115,58,.31);}
.whatsapp-header:focus-visible {outline:3px solid #b78524;outline-offset:4px;}
.brand-intro {display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(22px,3.4vw,48px);
 align-items:stretch;margin-top:27px;margin-bottom:34px;scroll-margin-top:110px;}
.brand-story {padding:clamp(14px,2.5vw,31px) 0;min-width:0;}
.brand-story h2 {font-family:Georgia,'Times New Roman',serif;font-weight:500;color:#2d2115;
 font-size:clamp(37px,4.3vw,58px);line-height:1.07;letter-spacing:-.04em;margin:19px 0 13px;}
.brand-story h2 span {color:#98691d;}
.brand-badge {display:inline-flex;color:#7c561b;background:#f9efd8;border:1px solid #ead5a9;
 padding:7px 10px;border-radius:8px;font-size:10px;letter-spacing:.17em;font-weight:850;}
.brand-story p {color:#5e4c38;font-size:15px;line-height:1.85;max-width:580px;margin:19px 0 21px;}
.brand-facts {display:grid;gap:11px;font-weight:720;color:#684b24;font-size:13px;}
.brand-facts>div {display:flex;align-items:flex-start;gap:10px;}
.brand-facts>div span:first-child {color:#b58b36;font-size:18px;line-height:.95;}
.brand-links {display:flex;gap:10px;flex-wrap:wrap;margin-top:25px;}
.brand-links .btn {min-height:44px;display:inline-flex;align-items:center;}
.store-map {border-radius:24px;position:relative;overflow:hidden;border:1px solid #e3c992;
 min-height:360px;box-shadow:0 12px 28px rgba(53,36,17,.12);background:#eee5d4;}
.store-map iframe {border:0;display:block;width:100%;height:100%;min-height:360px;position:absolute;inset:0;}
.map-place-card {position:relative;z-index:1;width:min(250px,calc(100% - 28px));margin:15px;
 background:rgba(255,253,247,.97);padding:16px 17px;border-radius:15px;
 box-shadow:0 8px 24px rgba(27,24,20,.22);border:1px solid rgba(215,188,127,.7);
 pointer-events:none;}
.map-place-card strong {display:block;color:#322519;font-size:16px;font-weight:830;margin-bottom:6px;}
.map-place-card span {font-size:12px;font-weight:700;color:#574332;display:block;margin-bottom:3px;}
.map-place-card small {display:block;color:#776751;font-size:11px;margin-bottom:12px;}
.map-place-card a {display:inline-flex;min-height:43px;align-items:center;justify-content:center;
 background:#e7b849;color:#271c10;border-radius:9px;font-size:12px;font-weight:820;
 padding:10px 12px;text-decoration:none;pointer-events:auto;}
.map-place-card a:hover {background:#f2cd69;}
.whatsapp-visit {display:inline-flex!important;align-items:center;justify-content:center;gap:9px;min-height:45px;}
.whatsapp-visit svg {width:22px;height:22px;flex:none;}
.rtl .brand-intro,.rtl .map-place-card {direction:rtl;}
@media(max-width:875px) {.brand-intro {grid-template-columns:1fr;gap:16px;}
 .brand-story {padding:12px 0;}.store-map,.store-map iframe {min-height:360px;}}
@media(max-width:600px) {.whatsapp-header {width:47px;height:47px;}.whatsapp-header svg {width:28px;height:28px;}
 .top-actions {gap:7px;}.brand-intro {margin-top:5px;margin-bottom:26px;}
 .brand-story h2 {font-size:39px;}.brand-story p {font-size:14px;line-height:1.77;}
 .store-map,.store-map iframe {min-height:350px;}.map-place-card {margin:12px;}}
@media(prefers-reduced-motion: reduce) {.whatsapp-header {transition:none;}}