/* 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-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; }

}