/**
 * Metehan Theme - Extra CSS
 */

.woocommerce-ordering select {
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-radius: var(--r-full);
  color: var(--c-text);
  padding: 8px 14px;
  font-size: .85rem;
  cursor: pointer;
  margin-bottom: 20px;
}

/* Yıldız düzeltme - font gerektirmez */
.woocommerce .star-rating {
  display: inline-block !important;
  overflow: hidden;
  position: relative;
  height: 1.2em;
  line-height: 1.2;
  width: 5.4em;
  font-size: 1em;
}
.woocommerce .star-rating::before {
  content: "★★★★★";
  color: #d3d3d3;
  position: absolute;
  top: 0;
  left: 0;
}
.woocommerce .star-rating span {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 1.5em;
}
.woocommerce .star-rating span::before {
  content: "★★★★★";
  position: absolute;
  top: 0;
  left: 0;
  color: #f0ad4e;
}
.wp-block-image img { border-radius: var(--r-lg); }

.woocommerce-checkout .col2-set { float: none !important; width: 100% !important; }
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 { float: none !important; width: 100% !important; }

.woocommerce form .form-row-first,
.woocommerce form .form-row-last { float: none !important; width: 100% !important; }

@media (max-width: 480px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products { grid-template-columns: 1fr !important; }
}

.woocommerce-order { padding: 24px 0; }
.woocommerce-order ul.woocommerce-thankyou-order-details {
  background: var(--c-surface); border: 1px solid var(--c-border);
  border-radius: var(--r-xl); padding: 20px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 16px; list-style: none;
}
.woocommerce-order ul.woocommerce-thankyou-order-details li { font-size: .8rem; color: var(--c-muted); }
.woocommerce-order ul.woocommerce-thankyou-order-details strong { display: block; font-size: 1rem; color: var(--c-text); font-weight: 700; margin-top: 4px; }

.woocommerce-customer-details,
.woocommerce-downloads {
  background: var(--c-surface); border: 1px solid var(--c-border);
  border-radius: var(--r-xl); padding: 20px; margin-top: 20px;
}