/*
Theme Name: Hello Elementor Child
Description: A child theme for Hello Elementor
Author: Your Name
Author URI: https://uiburnsstudio.com/
Template: hello-elementor
Version: 1.0
Text Domain: hello-elementor-child
*/

/* === FILTER STYLING FOR ELEMENTOR TAXONOMY FILTER === */

/* Hide all child filters initially */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="child-"] {
  display: none;
  font-weight: 400;
  color: #000;
  font-size: 16px !important;
  margin-top: 5px;
  background-color: #fff;
  padding: 3px 10px 3px 15px; /* indent child */
  cursor: pointer;
}

/* Style the "Type" button (acts as parent) */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="__all"] {
  font-weight: 600;
  color: #ab875f;
  background-color: #f4f0ec;
  padding: 5px 30px 5px 15px; /* extra right padding for arrow */
  cursor: pointer;
  position: relative;
  user-select: none;
}

/* Arrow icon on "Type" button */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="__all"]::after {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml;charset=UTF-8,%3Csvg fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpolyline points="6 9 12 15 18 9"%3E%3C/polyline%3E%3C/svg%3E') no-repeat center center;
  background-size: contain;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}

/* Rotate arrow when "Type" button is expanded */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter="__all"].expanded::after {
  transform: translateY(-50%) rotate(180deg);
}

/* Parent Items */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="parent"] {
  font-weight: 600;
  font-size: 18px;
  margin-top: 20px;
  background-color: #f4f0ec;
  padding: 2px 30px 3px 5px; /* extra right padding for arrow */
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

/* Arrow icon on parents */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="parent"]::after {
  content: '';
  position: absolute;
  right: 5px;
  top: 50%;
  width: 14px;
  height: 14px;
  background: url('data:image/svg+xml;charset=UTF-8,%3Csvg fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpolyline points="6 9 12 15 18 9"%3E%3C/polyline%3E%3C/svg%3E') no-repeat center center;
  background-size: contain;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}

/* Rotate arrow when parent is expanded */
.elementor-widget-taxonomy-filter .e-filter-item[data-filter^="parent"].expanded::after {
  transform: translateY(-50%) rotate(180deg);
}