/**
 * Rovina - gia quy doi tham khao (UK / AU / NZ / CA).
 *
 * Viet MOBILE-FIRST: mac dinh la kieu cho dien thoai, desktop chi noi rong.
 * Cung cach reviews.css da lam.
 *
 * Nguyen tac: khong duoc lam xe layout dang chay. Moi thu deu la phan THEM,
 * dung font nho hon va mau nhat hon de gia USD van la so noi bat nhat.
 */

/* ==========================================================================
   1. The gia quy doi
   ========================================================================== */

.rv-fx {
  display: inline-block;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 0.82em;
  font-weight: 500;
  color: #6b6b6b;
  white-space: nowrap;
  letter-spacing: 0;
}

/* Gia USD dung ngay truoc -> tach ra mot chut. */
.woocommerce-Price-amount + .rv-fx {
  margin-left: 5px;
}

/* ==========================================================================
   2. Bundle bar - khu vuc chat hep nhat
   --------------------------------------------------------------------------
   .rovina-bundle__price dang la white-space: nowrap va text-align: right.
   Them chu vao hang ngang se tran o may 360px, nen cho XUONG DONG rieng.
   ========================================================================== */

.rovina-bundle__price .rv-fx {
  display: block;
  margin-top: 2px;
  font-size: 11.5px;
  line-height: 1.3;
  text-align: right;
  white-space: normal;
}

/* ==========================================================================
   3. Sticky add-to-cart bar (cao 52px - rat it cho)
   ========================================================================== */

.rovina-sticky__price .rv-fx {
  display: block;
  margin-top: 1px;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 500;
  color: #8a8a8a;
}

/* ==========================================================================
   4. Cart drawer
   ========================================================================== */

.rv-cd__price .rv-fx,
.rv-cd__total-row .rv-fx {
  display: block;
  margin-top: 1px;
  margin-left: 0;
  font-size: 11.5px;
  text-align: right;
  font-weight: 500;
}

/* Thanh tien trinh free shipping: giu cung hang cho goi gon. */
.rv-cd__ship-msg .rv-fx {
  display: inline-block;
  margin-left: 4px;
  font-size: 0.8em;
}

/* ==========================================================================
   5. Khoi One-time vs Subscribe
   ========================================================================== */

.rv-po__plan-price .rv-fx {
  display: block;
  margin-top: 1px;
  margin-left: 0;
  font-size: 11.5px;
  text-align: right;
}

.rv-po__desc .rv-fx {
  font-size: 0.85em;
}

/* ==========================================================================
   6. Checkout - Shipping Protection + Tip
   ========================================================================== */

.rovina-extras__price .rv-fx {
  margin-left: 4px;
  font-size: 0.85em;
}

.rovina-tips__amt .rv-fx {
  display: block;
  margin-top: 1px;
  margin-left: 0;
  font-size: 10.5px;
}

/* ==========================================================================
   7. Dong ghi chu minh bach
   ========================================================================== */

.rv-fx-note {
  margin: 10px 0 0;
  padding: 9px 11px;
  background: #faf6f6;
  border: 1px solid #00000014;
  border-radius: 8px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 12.5px;
  line-height: 1.5;
  color: #6b6b6b;
}

.rv-fx-note[hidden] {
  display: none !important;
}

/* ==========================================================================
   8. O chon tien te
   --------------------------------------------------------------------------
   Tap target >= 44px va font 16px: duoi 16px iOS tu dong zoom khi focus
   (bai hoc da ghi trong README khi lam form review).
   ========================================================================== */

.rv-fx-pick {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 0;
}

.rv-fx-pick__label {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #6b6b6b;
}

.rv-fx-pick__select {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 44px;
  padding: 10px 34px 10px 12px;
  border: 1px solid #00000026;
  border-radius: 8px;
  background-color: #fff;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 16px;
  color: #2b0909;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23933333' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 11px;
}

.rv-fx-pick__select:focus {
  outline: 2px solid #933333;
  outline-offset: 1px;
}

/* ==========================================================================
   9. Man hinh rat hep
   ========================================================================== */

@media (max-width: 380px) {
  .rovina-bundle__price .rv-fx,
  .rv-cd__price .rv-fx {
    font-size: 10.5px;
  }

  .rovina-sticky__price .rv-fx {
    font-size: 10px;
  }

  .rv-fx-note {
    font-size: 12px;
    padding: 8px 10px;
  }
}

/* ==========================================================================
   10. Desktop - noi rong mot chut
   ========================================================================== */

@media (min-width: 750px) {
  .rovina-bundle__price .rv-fx {
    font-size: 12px;
  }

  .rv-fx-note {
    font-size: 13px;
  }

  .rv-fx-pick__select {
    flex: 0 0 auto;
    min-width: 210px;
  }
}

/* ==========================================================================
   11. In an - bo phan quy doi cho gon
   ========================================================================== */

@media print {
  .rv-fx,
  .rv-fx-pick {
    display: none !important;
  }
}