/* Shared text-based product signatures for MANAVGOAT NOW.
   One horizontal system is used in the entry cards, Pins map and owner panel.
   No image assets, web fonts, or JavaScript are required. */
.product-wordmark{
  --wm-size:34px;
  display:inline-flex;
  flex-direction:row;
  align-items:baseline;
  justify-content:center;
  gap:calc(var(--wm-size) * .22);
  margin:0;
  max-width:100%;
  white-space:nowrap;
  text-align:center;
  font-family:"Aptos","Inter","Arial Rounded MT Bold","Segoe UI",system-ui,sans-serif;
  font-style:normal;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  text-transform:lowercase;
  vertical-align:middle;
}
.product-wordmark .wordmark-main{
  display:inline-block;
  color:#293138;
  font-size:var(--wm-size);
  font-weight:950;
  line-height:1.12;
  letter-spacing:-.075em;
}
.product-wordmark .wordmark-place{
  display:inline-block;
  color:#626b73;
  font-size:calc(var(--wm-size) * .45);
  font-weight:780;
  letter-spacing:-.045em;
  line-height:1.12;
}
.mini-wordmark .wordmark-main{
  color:#34896a;
  /* Rounded system typography keeps Mini friendly without fetching a web font. */
  font-family:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;
  font-weight:900;
  letter-spacing:-.045em;
  -webkit-text-stroke:.25px currentColor;
  paint-order:stroke fill;
}
.pins-wordmark .wordmark-main{color:#20262d}
/* Both products use exactly the same neutral gray for the lowercase city name. */
.mini-wordmark .wordmark-place,
.pins-wordmark .wordmark-place{color:#626b73}
/* The visible character is dotless ı (U+0131), which retains a full-weight,
   font-native lowercase i stem without the browser rendering a black dot.
   The ONLY dot above it is a tiny copy of the map's yellow pin. The wordmark
   keeps the accessible product name "Manavgat Pins" on its parent element.
   There is NO separately drawn thin stem or fixed-width replacement glyph. */
.pins-wordmark .wordmark-pin-i{
  display:inline-block;
  position:relative;
  width:auto;
  height:auto;
  vertical-align:baseline;
  font:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
  text-indent:0;
  overflow:visible;
}
.pins-wordmark .wordmark-pin-i::before{
  content:"";
  position:absolute;
  z-index:1;
  top:.025em;
  /* The wordmark uses -0.075em tracking, which shortens this inline
     glyph's box and shifts its 50% point left of the actual i stem.
     Offset by half that tracking to center the pin over the letter. */
  left:calc(50% + .0375em);
  width:.30em;
  height:.32em;
  transform:translateX(-50%);
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M12%2022s7-7.5%207-13a7%207%200%200%200-14%200c0%205.5%207%2013%207%2013Z'%20fill='%23ffea65'%20stroke='%23171a21'%20stroke-width='1.25'%20stroke-linejoin='round'/%3E%3Ccircle%20cx='12'%20cy='9'%20r='2.6'%20fill='%23fff'/%3E%3C/svg%3E") center / contain no-repeat;
  pointer-events:none;
}

/* Compact Pins signatures: the map and admin show pins ONLY, not manavgat. */
.pins-map-wordmark{--wm-size:25px;gap:0}
.pins-admin-wordmark{--wm-size:35px;gap:0}
@media(max-width:600px){
  .pins-admin-wordmark{--wm-size:30px}
}
@media(max-width:420px){
  .pins-admin-wordmark{--wm-size:27px}
}
@media(max-width:380px){
  .pins-map-wordmark{--wm-size:22px}
}