/* ============================================================
   Rossa Ölçü — ön yüz stilleri
   Tema değişkenlerini kullanır; tema yoksa makul varsayılanlara düşer.
   ============================================================ */
.rossa-olcu{
  background:var(--paper-2,#FBFBFA);
  border:1px solid var(--rule,#CBC7C1);
  border-radius:var(--r,2px);
  padding:18px;margin:22px 0 18px}
.rossa-olcu .opt-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.rossa-olcu .opt-label b{font-family:var(--f-dis,inherit);font-size:.95rem}
.rossa-olcu .opt-label span{font-family:var(--f-mon,monospace);font-size:.64rem;letter-spacing:.1em;color:var(--mute,#6E6862)}

.rossa-olcu-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:420px){.rossa-olcu-grid{grid-template-columns:1fr}}

.rossa-olcu label{display:block}
.rossa-olcu label > span:first-child{
  display:block;font-family:var(--f-mon,monospace);font-size:.62rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--mute,#6E6862);margin-bottom:7px}
.rossa-olcu-blok{margin-top:14px}
.rossa-olcu input[type=number],
.rossa-olcu input[type=text],
.rossa-olcu select{
  width:100%;background:var(--paper,#F2F2F0);border:1px solid var(--rule,#CBC7C1);
  padding:13px 14px;border-radius:var(--r,2px);outline:0;color:inherit}
.rossa-olcu input:focus,.rossa-olcu select:focus{border-color:var(--rossa,#CE2B18)}

.rossa-olcu .seg{display:flex;gap:6px;flex-wrap:wrap}
.rossa-olcu .seg button{
  flex:1;min-width:70px;padding:11px 8px;border:1px solid var(--rule,#CBC7C1);
  border-radius:var(--r,2px);background:none;cursor:pointer;
  font-family:var(--f-mon,monospace);font-size:.68rem;letter-spacing:.05em;color:inherit;transition:.2s}
.rossa-olcu .seg button:hover{border-color:var(--ink,#14100E)}
.rossa-olcu .seg button.on{background:var(--rossa,#CE2B18);border-color:var(--rossa,#CE2B18);color:#fff}

.rossa-olcu-check{display:flex !important;align-items:center;gap:10px;margin-top:16px;font-size:.9rem;cursor:pointer}
.rossa-olcu-check input{width:16px;height:16px;flex-shrink:0;accent-color:var(--rossa,#CE2B18)}

.rossa-olcu-hesap{margin-top:18px;border-top:1px solid var(--rule,#CBC7C1);transition:opacity .2s}
.rossa-olcu-hesap[data-yukleniyor]{opacity:.45}
.rossa-olcu-hesap .bill-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;
  border-bottom:1px solid var(--sheer,#E4E3DF);font-size:.92rem}
.rossa-olcu-hesap .bill-row span:first-child{color:var(--mute,#6E6862)}
.rossa-olcu-hesap .bill-row b{font-family:var(--f-mon,monospace);font-weight:500}
.rossa-olcu-hesap .bill-row--total{padding:16px 0 2px;border-bottom:0;align-items:baseline}
.rossa-olcu-hesap .bill-row--total span:first-child{
  color:inherit;font-family:var(--f-dis,inherit);font-weight:700;font-size:1.05rem}
.rossa-olcu-hesap .bill-row--total b{
  font-family:var(--f-dis,inherit);font-size:1.7rem;font-weight:800;
  letter-spacing:-.03em;color:var(--rossa,#CE2B18)}
.rossa-olcu-hata{color:#B4231A;font-size:.88rem;padding:12px 0 0}

.rossa-olcu-not{font-size:.85rem;color:var(--mute,#6E6862);margin:16px 0 0;
  padding-left:14px;border-left:2px solid var(--rossa,#CE2B18)}

.rossa-olcu-butonlar{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;align-items:stretch}
.rossa-olcu-butonlar .btn{flex:1;min-width:150px}
.rossa-olcu-butonlar .quantity{display:inline-flex;align-items:center;
  border:1px solid var(--rule,#CBC7C1);border-radius:var(--r,2px)}
.rossa-olcu-butonlar .quantity input{width:66px;border:0;background:none;text-align:center;
  font-family:var(--f-mon,monospace);font-size:.9rem;padding:14px 0;outline:0}

/* teklif ve numune sayfaları */
.rossa-teklif .qline h4 a,.rossa-numune .qline h4 a{border-bottom:1px solid transparent}
.rossa-teklif .qline h4 a:hover,.rossa-numune .qline h4 a:hover{border-color:currentColor}
.rossa-teklif .qline-tex img,.rossa-numune .qline-tex img{width:100%;height:100%;object-fit:cover}
.rossa-form-durum{font-size:.84rem;color:var(--mute,#6E6862);margin-top:12px;min-height:1.2em}
.qside .field{margin-bottom:14px}
.qside .field label{display:block;font-family:var(--f-mon,monospace);font-size:.62rem;
  letter-spacing:.13em;text-transform:uppercase;color:var(--mute,#6E6862);margin-bottom:6px}

.rossa-onay{display:flex;gap:10px;align-items:flex-start;margin:4px 0 16px;
  font-size:.84rem;line-height:1.55;color:var(--mute,#6E6862);cursor:pointer}
.rossa-onay input{width:16px;height:16px;flex-shrink:0;margin-top:2px;accent-color:var(--rossa,#CE2B18)}
.rossa-onay a{color:var(--rossa,#CE2B18);border-bottom:1px solid currentColor}

.rossa-proje-not{margin:14px 0 0;font-size:.88rem;color:var(--mute,#6E6862);line-height:1.6}
.rossa-baglanti{background:none;border:0;padding:0;cursor:pointer;font:inherit;
  color:var(--rossa,#CE2B18);border-bottom:1px solid currentColor;text-decoration:none}
.rossa-baglanti:hover{color:var(--rossa-deep,#96190C)}
.rossa-baglanti:disabled{opacity:.5;cursor:default}

/* ---- metre ile satış ---- */
/* form.cart tema tarafında yatay bir flex satırı; metre modunda dikey kuruyoruz */
.rossa-metre-urun form.cart{display:block !important}
.rossa-metre-urun form.cart .quantity{margin:0}

.rossa-metre{margin:22px 0 0}
.rossa-metre-ust{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.rossa-metre-ust b{font-family:var(--f-dis,inherit);font-size:1rem;font-weight:700}
.rossa-metre-ust span{font-family:var(--f-mon,monospace);font-size:.62rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--mute,#6E6862)}

.rossa-metre-satir{display:flex;align-items:center;gap:0;flex-wrap:wrap}
.rossa-adet{width:46px;height:52px;flex-shrink:0;border:1px solid var(--rule,#CBC7C1);
  background:var(--paper-2,#FBFBFA);cursor:pointer;font-size:1.1rem;line-height:1;color:inherit;
  display:grid;place-items:center;transition:background .2s,border-color .2s}
.rossa-adet:hover{background:var(--sheer,#E4E3DF);border-color:var(--ink,#14100E)}
.rossa-adet--eksi{border-radius:var(--r,2px) 0 0 var(--r,2px)}
.rossa-adet--arti{border-radius:0}
.rossa-metre-urun form.cart .quantity input.qty,
.rossa-metre-satir input[type=number]{
  width:82px;height:52px;border:1px solid var(--rule,#CBC7C1);border-left:0;border-right:0;
  border-radius:0;background:var(--paper-2,#FBFBFA);text-align:center;
  font-family:var(--f-mon,monospace);font-size:1rem;outline:0;padding:0;-moz-appearance:textfield}
.rossa-metre-satir input[type=number]::-webkit-outer-spin-button,
.rossa-metre-satir input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.rossa-metre-birim{height:52px;display:grid;place-items:center;padding:0 14px;flex-shrink:0;
  border:1px solid var(--rule,#CBC7C1);border-left:0;border-radius:0 var(--r,2px) var(--r,2px) 0;
  background:var(--sheer,#E4E3DF);font-family:var(--f-mon,monospace);font-size:.8rem;
  color:var(--mute,#6E6862)}

.rossa-metre-toplam{margin-left:auto;display:flex;align-items:baseline;gap:12px;padding-left:16px}
.rossa-metre-toplam span{font-family:var(--f-mon,monospace);font-size:.62rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--mute,#6E6862)}
.rossa-metre-toplam b{font-family:var(--f-dis,inherit);font-size:1.55rem;font-weight:800;
  letter-spacing:-.03em;color:var(--rossa,#CE2B18);white-space:nowrap}
@media(max-width:520px){
  .rossa-metre-toplam{margin-left:0;width:100%;padding:14px 0 0;justify-content:space-between}
}

.rossa-metre-urun form.cart button.single_add_to_cart_button{width:100%;margin-top:16px}
.rossa-uyari{font-size:.84rem;color:var(--mute,#6E6862);margin:14px 0 0;
  padding-left:13px;border-left:2px solid var(--rule,#CBC7C1);line-height:1.55}
.rossa-hemen{margin-top:10px}