/* ------------------------------------------------------------------
   aloyemek : "Cok yakinda bizlerle" rozeti
   Turuncu cerceveli hap. Marka turuncusu #ec6a2b (Aloyemek logosu).
   ------------------------------------------------------------------ */
.coming-soon-badge{
  display:inline-block;
  padding:3px 10px;
  border:1px solid #f3c69f;
  border-radius:999px;
  background:#fff;
  color:#ec6a2b;
  font-size:12px;
  font-weight:700;
  line-height:1.35;
  white-space:nowrap;
  vertical-align:middle;
}
/* yakinda olan kartlar solmasin */
.coming-soon-card .make-grey{ filter:none; opacity:1; }

/* ------------------------------------------------------------------
   aloyemek : restoran sayfasindaki "Cok yakinda bizlerle" bilgi kutusu
   Sari uyari yerine sakin, acik mavi bilgi paneli.
   ------------------------------------------------------------------ */
.coming-soon-notice{
  position:relative;
  background:#f1f7fd;
  border:1px solid #e2ecf6;
  border-radius:12px;
  padding:16px 20px 16px 52px;
  color:#4b6076;
}
.coming-soon-notice-icon{
  position:absolute;
  left:20px;
  top:17px;
  font-size:20px;
  line-height:1;
  color:#3aa76d;
}
.coming-soon-notice-title{
  color:#2f465f;
  font-weight:700;
  font-size:15px;
  margin-bottom:2px;
}
.coming-soon-notice a{
  color:#ec6a2b;
  font-weight:600;
  text-decoration:none;
}
.coming-soon-notice a:hover{ text-decoration:underline; }
.coming-soon-notice-text{
  margin:4px 0 0 0;
  font-size:13px;
  line-height:1.5;
  color:#4b6076;
}

/* style.css'teki ".make-grey span{color:#b2b2b2}" kurali rozeti soluklastiriyordu.
   Kart grilesse bile rozet marka turuncusunda kalsin. */
.coming-soon-badge,
.make-grey .coming-soon-badge,
.make-grey span.coming-soon-badge,
span.coming-soon-badge{
  color:#ec6a2b !important;
  background:#fff !important;
  border-color:#f3c69f !important;
}

/* aloyemek : popup'ta "isletmemi ekleyin" secenegi altindaki komisyon notu */
.coming-soon-claim-note{
  margin:2px 0 0 1.5rem;
  font-size:12px;
  line-height:1.4;
  color:#ec6a2b;
  font-weight:600;
}

/* ------------------------------------------------------------------
   aloyemek SEO : baslik hiyerarsisi duzeltmesi
   Restoran adi h4 -> h1 , "Bize katilin" h1 -> h2 yapildi.
   Asagidaki iki kural GORUNUMU ESKISI GIBI tutar; ziyaretci fark gormez.
   ------------------------------------------------------------------ */
h1.restoran-basligi{
  font-size:1.5rem;      /* eski h4 olcusu */
  font-weight:500;
  line-height:1.2;
  margin:0 0 .5rem 0;
}
h2.join-us-basligi{
  font-size:2.5rem;      /* eski h1 olcusu */
  font-weight:500;
  line-height:1.2;
  margin:0 0 .5rem 0;
}

/* iletisim sayfasi basligi : h3 -> h1 yapildi, gorunum eski h3 gibi kalsin */
h1.sayfa-basligi{ font-size:1.75rem; font-weight:500; line-height:1.2; margin:0 0 .5rem 0; }

/* ALOYEMEK HIZ (2026-09-16): restoran sayfasi yuklenirken kayma (CLS) olmasin.
   Vue ve menu verisi gelene kadar yerler ayrilir; yukleme bitince kurallar
   kendiliginden devreden cikar (v-cloak / iskelet kalkar). Son gorunum AYNI
   (canli + alo, 4 genislik piksel karsilastirmasi 0 fark). */
body.action-menu .section-menu:has([v-cloak], .el-skeleton){min-height:100vh}
@media (max-width:767.98px){
  body.action-menu > .container-fluid:has(> #top-navigation){min-height:92.2px}
}
@media (max-width:991.98px){
  body.action-menu component-merchant-services{display:block;min-height:45px}
}
@media (min-width:992px){
  body.action-menu > .container-fluid:has(> #top-navigation){min-height:52.5px}
  body.action-menu #vue-widget-nav{max-height:35.5px}
  body.action-menu .merchant-top-header > .container:has(> .row[v-cloak])::after{content:"";display:block;height:240px}
}
/* ALOYEMEK HIZ (2026-09-16): "Bize katilin" gorseli 1,65 MB PNG yerine ayni fotografin 126 KB JPG kopyasi */
.section-join-us{background-image:url("../images/new-restaurant.jpg")}