/* Frontend Styles */







/* Common styles */



.gpl-metal-prices {



  margin: 20px 0;



  width: 100%;



}







/* Table styles */



.gpl-metal-table {



  width: 100%;



  border-collapse: collapse;



  margin-bottom: 20px;



  background: #fff;



  border: 1px solid #ddd;



}







.gpl-metal-table th,



.gpl-metal-table td {



  padding: 12px;



  text-align: left;



  border-bottom: 1px solid #ddd;



}







.gpl-metal-table th {



  background-color: #f8f9fa;



  font-weight: 600;



}







.gpl-metal-table tr:nth-child(even) {



  background-color: #f9f9f9;



}







.gpl-metal-table tr:hover {



  background-color: #f5f5f5;



}







/* Metal specific styles */



.gpl-gold-table .purity-col {



  min-width: 100px;



}







.gpl-gold-table .price-col {



  min-width: 120px;



}







.gpl-silver-table .type-col {



  min-width: 150px;



}







.gpl-silver-table .fineness-col {



  min-width: 100px;



}







.gpl-platinum-table .fineness-col,



.gpl-palladium-table .fineness-col {



  min-width: 120px;



}







/* Responsive styles */



@media screen and (max-width: 768px) {



  .gpl-metal-table {



    display: block;



    overflow-x: auto;



    white-space: nowrap;



  }



}







/* Price display */



.gpl-price {



  font-weight: 600;



  color: #333;



}







.gpl-price-label {



  font-size: 0.9em;



  color: #666;



}







/* Additional charges section */



.gpl-charges {



  margin-top: 20px;



  padding: 15px;



  background: #f8f9fa;



  border: 1px solid #ddd;



  border-radius: 4px;



}







.gpl-charges-title {



  font-size: 1.1em;



  font-weight: 600;



  margin-bottom: 10px;



}







.gpl-charges-list {



  list-style: none;



  padding: 0;



  margin: 0;



}







.gpl-charges-item {



  display: flex;



  justify-content: space-between;



  padding: 8px 0;



  border-bottom: 1px solid #eee;



}







.gpl-charges-item:last-child {



  border-bottom: none;



}







.gpl-charges-label {



  color: #666;



}







.gpl-charges-value {



  font-weight: 600;



  color: #333;



}







/* Gemstone prices */



.gpl-gemstone-table .category-col {



  min-width: 200px;



}







.gpl-gemstone-table .price-col {



  min-width: 120px;



}







/* Last updated info */



.gpl-live-spot-prices {

  display: flex;

  align-items: center;

  gap: 16px;

  padding: 14px 18px;

  margin: 0px;

  background: #ffffff;

  border: 1px solid #e5e7eb;

  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);

  overflow: hidden;

}



.gpl-live-spot-prices__label {

  flex-shrink: 0;

  font-size: 0.8rem;

  font-weight: 700;

  letter-spacing: 0.16em;

  color: #111827;

  text-transform: uppercase;

}



.gpl-live-spot-prices__ticker {

  flex: 1;

  overflow: hidden;

  position: relative;

}



.gpl-live-spot-prices__ticker:hover .gpl-live-spot-prices__track {

  animation-play-state: paused;

}



.gpl-live-spot-prices__track {

  display: flex;

  width: max-content;

  gap: 24px;

  animation: gpl-live-spot-scroll 180s linear infinite;

  will-change: transform;

}



.gpl-live-spot-prices__item {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  white-space: nowrap;

  font-size: 0.95rem;

  color: #111827;

}



.gpl-live-spot-prices__metal {

  font-weight: 600;

}



.gpl-live-spot-prices__price {

  font-weight: 700;

  color: #111827;

}



.gpl-live-spot-prices__change {

  font-weight: 600;

  padding: 2px 8px;

  border-radius: 999px;

}



.gpl-live-spot-prices__change.gpl-live-spot--up {

  color: #16a34a;

  background: rgba(22, 163, 74, 0.12);

}



.gpl-live-spot-prices__change.gpl-live-spot--down {

  color: #dc2626;

  background: rgba(220, 38, 38, 0.12);

}



.gpl-live-spot-prices__change.gpl-live-spot--steady {

  color: #6b7280;

  background: #f3f4f6;

}



@keyframes gpl-live-spot-scroll {

  from {

    transform: translateX(0);

  }

  to {

    transform: translateX(-50%);

  }

}



@media screen and (max-width: 768px) {

  .gpl-live-spot-prices {

    flex-direction: column;

    align-items: flex-start;

    border-radius: 16px;

  }



  .gpl-live-spot-prices__label {

    margin-bottom: 6px;

  }



  .gpl-live-spot-prices__item {

    font-size: 0.9rem;

  }

}



.gpl-last-update {



  font-size: 0.9em;



  color: #666;



  margin-top: 10px;



  text-align: right;



  font-style: italic;



}







/* div.gemeston-simple-wrapper{



  display: flex;



  justify-content: space-between;



  align-items: center;



}







select#_gpl_gemstone_rate_type{



  width: 100%;



} */







div.options_group.charge-group {



  display: flex;



  justify-content: space-between;



}







._gpl_half_width {



  width: 48%;
  /* slightly less than 50% to avoid wrapping */



  float: left;



}







div.gemeston-simple-wrapper {



  display: flex;



}







.show-flate-rate-field {



  display: block !important;



}







.simple-product-flat-rate-field {



  display: none !important;



}











.gplbp-wrap {
  max-width: 720px;
  margin: 10px 0;
  font-family: Arial, Helvetica, sans-serif;
}



.gplbp-title {
  font-size: 16px;
  margin: 0 0 8px;
  font-weight: 600;
}



.gplbp-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #bbb;
}



.gplbp-table th,
.gplbp-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
  vertical-align: middle;
}



.gplbp-table thead th {
  background: #f7f7f7;
  font-weight: 600;
}



.gplbp-total-row td {
  background: #fafafa;
  font-weight: 600;
}



@media (max-width:600px) {



  .gplbp-table,
  .gplbp-table thead,
  .gplbp-table tbody,
  .gplbp-table th,
  .gplbp-table td,
  .gplbp-table tr {
    display: block;
  }



  .gplbp-table thead {
    display: none;
  }



  .gplbp-table tr {
    margin-bottom: 10px;
  }



  .gplbp-table td {
    border: none;
    padding: 6px 2px;
    position: relative;
  }



  .gplbp-table td:before {
    content: attr(data-label);
    font-weight: 600;
    display: inline-block;
    width: 110px;
  }



}