/*
Theme Name: Alukas Child
Theme URI: https://alukas.presslayouts.com/
Author: PressLayouts
Description: This is a child theme for Alukas
Version: 1.0
Author URI: https://www.presslayouts.com/
Template: alukas
Text Domain: pls-theme-child
*/

/* --- Single Product Variation Styling --- */

/* Layout Adjustments */
.variations tr {
  display: block;
  margin-bottom: 20px;
  border: none;
}

.variations td.label {
  display: block;
  padding: 0 0 10px 0 !important;
}

.variations td.value {
  display: block;
  padding: 0 !important;
}

.variations label {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

/* Flexbox Swatches */
.alukas-custom-swatch-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.swatch-btn {
  border: 1px solid #ddd;
  padding: 8px 16px;
  min-width: 60px;
  text-align: center;
  cursor: pointer;
  background: #fff;
  font-size: 13px;
  transition: 0.2s all ease;
  color: #333;
}

.swatch-btn:hover {
  border-color: #000;
}

.swatch-btn.is-selected {
  background-color: #000;
  color: #fff;
  border-color: #000;
  font-weight: 600;
}

/* Hide the 'Choose an option' text from standard WC labels if needed */
.reset_variations {
  font-size: 12px;
  margin-left: 10px;
  color: #cc0000 !important;
}

.alukas-custom-swatch-wrapper {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.swatch-btn {
  padding: 8px 14px;
  border: 1px solid #ccc;
  cursor: pointer;
  transition: 0.3s;
}

.swatch-btn:hover {
  background: #000;
  color: #fff;
}

.swatch-btn.is-selected {
  background: #000;
  color: #fff;
  border-color: #000;
}