/**
* Theme Name: Cosmetsy Child
* Description: This is a child theme of Cosmetsy, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/KlbTheme">KlbTheme (Sinan ISIK)</a>
* Template: cosmetsy
* Version: 1.9.9
*/

/* Size buttons container */
.size-buttons-wrap { margin: 12px 0; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }

/* Each button look */
.size-btn {
  padding: 8px 14px;
  border-radius: 8px;
  border: 1px solid #d0d0d0;
  background: white;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  min-width: 56px;
  text-align: center;
  transition: transform .06s ease, box-shadow .06s ease;
}

/* Selected state */
.size-btn.selected {
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  transform: translateY(-1px);
  border-color: #222;
  background: #f7f7f7;
}

/* Disabled / out-of-stock */
.size-btn.disabled {
  opacity: .45;
  cursor: not-allowed;
}

/* Hide the original select visually but keep it accessible */
.size-select-hidden {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  white-space: nowrap !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}