/* WooCommerce Attribute Importer Frontend Styles */

/* Hide any remaining visual elements from removed specification heading */
.woocommerce-tabs .woocommerce-Tabs-panel--specification > div:empty,
.woocommerce-tabs .woocommerce-Tabs-panel--specification > h1:empty,
.woocommerce-tabs .woocommerce-Tabs-panel--specification > h2:empty,
.woocommerce-tabs .woocommerce-Tabs-panel--specification > h3:empty,
.woocommerce-tabs .woocommerce-Tabs-panel--specification > h4:empty,
.woocommerce-tabs .woocommerce-Tabs-panel--specification > p:empty,
.woocommerce-tabs .woocommerce-Tabs-panel--specification > span:empty {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}

/* Remove any lines, borders, or visual elements that might remain */
.woocommerce-tabs .woocommerce-Tabs-panel--specification::before,
.woocommerce-tabs .woocommerce-Tabs-panel--specification > *::before,
.woocommerce-tabs .woocommerce-Tabs-panel--specification > *::after {
  display: none !important;
  content: none !important;
}

/* Target any potential line elements */
.woocommerce-tabs .woocommerce-Tabs-panel--specification > hr,
.woocommerce-tabs .woocommerce-Tabs-panel--specification > .line,
.woocommerce-tabs .woocommerce-Tabs-panel--specification > .border,
.woocommerce-tabs .woocommerce-Tabs-panel--specification > .separator {
  display: none !important;
}

/* Remove borders from any element that might have them */
.woocommerce-tabs .woocommerce-Tabs-panel--specification > *:first-child {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Hide any first element that might have borders/backgrounds but no visible content */
.woocommerce-tabs .woocommerce-Tabs-panel--specification > *:first-child:empty {
  display: none !important;
}

/* Remove any top borders or spacing from the first visible element */
.woocommerce-tabs
  .woocommerce-Tabs-panel--specification
  > .woocommerce-product-attributes:first-child,
.woocommerce-tabs .woocommerce-Tabs-panel--specification > table:first-child {
  margin-top: 0 !important;
}

/* Specification tab styles */
.woocommerce-tabs .woocommerce-Tabs-panel--specification,
.woocommerce-tabs .woocommerce-Tabs-panel--specifications {
  padding: 2em 0;
}

/* Product attributes table styles */
.woocommerce-product-attributes.shop_attributes {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
}

.woocommerce-product-attributes.shop_attributes tr {
  border-bottom: 1px solid #eee;
}

.woocommerce-product-attributes.shop_attributes tr:nth-child(even) {
  background-color: #f9f9f9;
}

.woocommerce-product-attributes.shop_attributes th,
.woocommerce-product-attributes.shop_attributes td {
  padding: 12px;
  text-align: left;
  vertical-align: top;
}

.woocommerce-product-attributes.shop_attributes th {
  font-weight: 600;
  background-color: #f5f5f5;
  width: 30%;
  color: #333;
}

.woocommerce-product-attributes.shop_attributes td {
  color: #666;
}

/* Responsive design */
@media (max-width: 768px) {
  .woocommerce-product-attributes.shop_attributes th,
  .woocommerce-product-attributes.shop_attributes td {
    padding: 8px;
    font-size: 0.9em;
  }

  .woocommerce-product-attributes.shop_attributes th {
    width: 40%;
  }
}