/*
Theme Name: UMM Bağevi QR Menü
Author: Ece Uzel
Version: 2.1.0
Description: Bordo ve kırık beyaz, WordPress üzerinden yönetilebilen QR menü.
*/
@font-face{font-family:'UMM Flow';src:url('fonts/delius-swash-caps.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#fcfaf7;--ink:#30262c;--wine:#69283e;--dark:#30212c;--muted:#877782;--line:#e8dde1;--sticky-top:0px}
*{box-sizing:border-box}body{margin:0;background:#30212c;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #a8667d;outline-offset:4px}[hidden]{display:none!important}
.page{max-width:430px;min-height:100vh;margin:auto;background:var(--paper);box-shadow:0 0 70px #150c1940}.hero{position:relative;overflow:hidden;padding:36px 22px 18px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#69283e09,transparent 75%)}
.vine{position:absolute;width:117px;right:-19px;top:0;color:var(--wine);opacity:.4;pointer-events:none}.olive{position:absolute;left:-20px;top:28px;width:99px;opacity:.3;color:var(--dark);transform:rotate(-13deg);pointer-events:none}
.logo,.hero.compact .logo{position:relative;display:inline-flex;flex-direction:column;align-items:center;max-width:100%;padding:0;color:var(--wine);text-decoration:none;text-shadow:none;font-style:normal}
.logo .umm-word,.hero.compact .logo .umm-word{font:400 58px/1.25 'UMM Flow',Georgia,serif;letter-spacing:2px;margin:0;padding:0;display:block;color:var(--wine);background:none;text-shadow:none;transform:none}
.logo .bagevi-word,.hero.compact .logo .bagevi-word{display:block;font:normal 18px/1.4 Georgia,serif;letter-spacing:6px;padding-left:6px;margin:7px 0 0}.brand-line{font-size:8px;letter-spacing:3px;margin:16px 0 20px;color:var(--muted)}.ornament{color:var(--wine);font-size:17px;letter-spacing:8px;opacity:.55}h1{font:normal 27px Georgia,serif;color:var(--wine);margin:15px 0 4px}
.hero.compact{padding-top:24px;padding-bottom:8px}.hero.compact .logo .umm-word{font-size:47px}.hero.compact .logo .bagevi-word{font-size:15px}.hero.compact .ornament,.hero.compact h1{display:none}.hero.compact .brand-line{margin-bottom:8px}
main{padding:0 24px 16px}.category-tiles{display:grid;gap:13px;margin-top:18px}.category-tile{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100%;min-height:80px;padding:22px 28px;border:1px solid #ddcbd3;border-radius:8px;background:#fff;color:var(--wine);box-shadow:0 4px 15px #30212c04;transition:background .2s,border-color .2s,box-shadow .2s}.category-tile::before{content:'';position:absolute;inset:5px;border:1px solid #efe6e9;border-radius:4px;pointer-events:none}.category-tile::after{content:none}.tile-label{font:normal 23px/1.3 Georgia,serif;letter-spacing:.3px;text-align:center}.tile-number,.tile-arrow{display:none}.category-tile:active{background:#f5edf0}
.menu-sticky{position:sticky;top:var(--sticky-top);z-index:20;background:var(--paper);padding:10px 0 2px;margin:0 -8px 18px;padding-left:8px;padding-right:8px;border-bottom:1px solid var(--line);box-shadow:0 8px 12px -12px #30212c50}
.menu-toolbar{margin:0 0 10px}.back{display:inline-flex;align-items:center;border:0;border-radius:4px;background:var(--dark);color:#fff9fc;font-size:10px;letter-spacing:.3px;padding:9px 12px}
.horizontal-categories{display:flex;flex-wrap:nowrap;gap:7px;width:100%;min-width:0;max-width:100%;margin:0;padding:3px 1px 13px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab}.horizontal-categories::-webkit-scrollbar{display:none}.horizontal-categories.dragging{cursor:grabbing;user-select:none}.horizontal-categories button{flex:0 0 auto;white-space:nowrap;border:1px solid #e0cfd7;border-radius:20px;background:transparent;color:var(--wine);padding:10px 14px;font-size:11px;cursor:inherit}.horizontal-categories button.active{background:var(--wine);border-color:var(--wine);color:#fff}
.selected-title{text-align:center;font:25px Georgia,serif;color:var(--wine);margin:23px 0 20px}.wine-tabs{display:flex;justify-content:center;gap:18px;margin:0;padding:0 3px 10px;overflow-x:auto;scrollbar-width:none}.wine-tabs::-webkit-scrollbar{display:none}.wine-tabs button{flex-shrink:0;padding:9px 2px;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:var(--muted);font:normal 16px Georgia,serif}.wine-tabs button.active{color:var(--wine);border-color:var(--wine)}
.product-list{padding-bottom:10px}.product{width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:0;border-top:1px solid var(--line);padding:18px 2px;text-align:left;color:var(--ink)}.product-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}.product-name{font:normal 18px/1.3 Georgia,serif}.product-description{font-size:11px;color:var(--muted);line-height:1.6}.product-price{font:normal 17px Georgia,serif;color:var(--wine);white-space:nowrap;align-self:center}.product img{width:65px;height:72px;flex-shrink:0;object-fit:cover;border-radius:6px}.vegetarian-label{font-size:9px;color:var(--wine);letter-spacing:.4px}.menu-empty{text-align:center;padding:30px 0;color:var(--muted);font:18px Georgia,serif}
footer{position:relative;overflow:hidden;min-height:115px;text-align:center;padding:62px 16px 25px;color:var(--muted);font:9px Georgia,serif;letter-spacing:3px}footer>span{position:relative;z-index:1}footer .bottom-vine{top:auto;bottom:-26px;right:-15px;width:105px;transform:rotate(180deg)}footer .bottom-olive{top:auto;bottom:-29px;left:-16px;width:88px;transform:rotate(160deg)}
dialog{width:min(390px,calc(100% - 32px));padding:0;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);max-height:90dvh;overflow:auto}dialog::backdrop{background:#21151fe0;backdrop-filter:blur(4px)}.close{position:absolute;z-index:1;right:12px;top:12px;border:1px solid var(--line);background:#fff;border-radius:50%;width:34px;height:34px;font-size:24px;color:var(--wine)}#detail-image img{display:block;width:100%;height:230px;object-fit:cover}.detail-content{padding:49px 25px 27px}.small-label{font-size:9px;letter-spacing:1.6px;color:var(--wine)}.detail-content h2{font:normal 29px/1.2 Georgia,serif;color:var(--wine);margin:13px 0}.detail-content>p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:20px}#detail-price{display:block;font:normal 25px Georgia,serif;color:var(--wine)}.facts{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.facts span{font-size:10px;letter-spacing:1px;color:var(--wine)}.facts p{font-size:12px;line-height:1.6;color:var(--muted);margin:9px 0}body:has(dialog[open]){overflow:hidden}
body.admin-bar{--sticky-top:32px}@media(max-width:782px){body.admin-bar{--sticky-top:46px}}@media(max-width:600px){body.admin-bar{--sticky-top:0px}}
@media(hover:hover){.category-tile:hover{background:#faf5f7;border-color:#b68b9c;box-shadow:0 5px 16px #30212c0a}.product:hover{background:#fff}.wine-tabs button:hover{color:var(--wine)}.back:hover{background:var(--wine)}}
@media(max-width:350px){main{padding-left:17px;padding-right:17px}.product{gap:8px}.product img{width:53px;height:62px}.product-name{font-size:17px}.product-price{font-size:15px}.facts{grid-template-columns:1fr;gap:10px}.tile-label{font-size:21px}.wine-tabs{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.category-tile{transition:none}}

/* Fiyat seçenekleri: ürünün altında, genişliğe göre yan yana. */
.variant-prices{display:flex;flex-wrap:wrap;column-gap:20px;row-gap:9px;margin-top:5px;min-width:0}
.variant-price{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:6px;max-width:100%;line-height:1.6}
.variant-label{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.variant-price strong{font:normal 15px Georgia,serif;color:var(--wine);white-space:nowrap}
.product.has-variants img{align-self:flex-start;margin-top:3px}
.detail-variants{margin-top:23px;border-top:1px solid var(--line)}
.detail-variant{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}
.detail-variant>span{font-size:13px;color:var(--muted);overflow-wrap:anywhere;min-width:0}
.detail-variant strong{font:normal 21px Georgia,serif;color:var(--wine);white-space:nowrap}
/* Son seçilen hafif geri düğmesi stili. */
.menu-toolbar{margin-bottom:12px}
.back{display:inline-flex;align-items:center;padding:7px 12px;background:transparent;color:var(--wine);border:1px solid #69283e2e;border-radius:18px;font:normal 12px Georgia,serif;letter-spacing:0;box-shadow:none;transition:background .2s,border-color .2s}
@media(hover:hover){.back:hover{background:#69283e0a;border-color:#69283e52}}
.back:active{background:#69283e12}
@media(prefers-reduced-motion:reduce){.back{transition:none}}

.wine-section-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 32px 0 12px;
  color: var(--wine);
  font: normal 21px Georgia, "Times New Roman", serif;
  letter-spacing: .3px;
}

.wine-section-heading::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--line);
}

.wine-section-heading:first-child {
  margin-top: 8px;
}

.wine-section-heading + .product {
  border-top: 0;
}

/* Alt kategori başlıkları ürünlerden belirgin ayrılsın */
.wine-section-heading {
  display: block;
  margin: 32px 0 0;
  padding: 12px 16px;

  background: var(--wine);
  color: #fffaf7;
  border: 0;
  border-radius: 5px;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 21px;
  font-weight: normal;
  line-height: 1.3;
  letter-spacing: .5px;
}

.wine-section-heading::after {
  content: none;
}

.wine-section-heading:first-child {
  margin-top: 8px;
}

.wine-section-heading + .product {
  margin-top: 8px;
  border-top: 0;
}

/* Seçenekli fiyatlar sağda ve alt alta */
.product.has-variants {
  align-items: center;
}

.product.has-variants .product-copy {
  flex: 1;
  min-width: 0;
}

.product .variant-prices {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-end;
  align-self: center;
  gap: 8px;
  max-width: 46%;
  margin: 0 0 0 auto;
}

.product .variant-price {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: baseline;
  gap: 5px;
  max-width: 100%;
  text-align: right;
}

.product .variant-label {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.4;
}

.product .variant-price strong {
  color: var(--wine);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-weight: normal;
  white-space: nowrap;
}

.product.has-variants img {
  align-self: center;
  margin-top: 0;
}

@media (max-width: 350px) {
  .product .variant-price strong {
    font-size: 14px;
  }

  .product .variant-label {
    font-size: 9px;
  }
}
.wine-section-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;

  margin: 30px 0 14px;
  padding: 0;
  background: transparent;
  color: var(--wine);
  border: 0;
  border-radius: 0;
  box-shadow: none;

  font: normal 20px/1.4 Georgia, "Times New Roman", serif;
  letter-spacing: .5px;
}

.wine-section-heading::before,
.wine-section-heading::after {
  content: "";
  display: block;
  flex: 1;
  height: 1px;
  background: rgba(105, 40, 62, .22);
}

.wine-section-heading:first-child {
  margin-top: 10px;
}