/**
Theme Name:  Yousef Afandi
Author:  Yousef Afandi
Author URI: https://yousefafandi.ivirtualhub.com/
Description: Barbershop
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yousef-afandi
Template: astra
*/

.custom-dropdown {
  position: relative;
  width: 220px;
  font-family: 'Fedra Serif A Pro', serif;
  user-select: none;
  text-align: center; /* centers all text */
}

.dropdown-selected {
  background-color: #000;
  color: #F9B233;
  font-weight: 500;
  font-size: 1.2em;
  padding: 6px 28px 6px 28px; /* reduced padding, equal sides */
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  text-align: center; /* center text */
}

/* Arrow */
.dropdown-selected::after {
  content: "▼";
  position: absolute;
  right: 8px;  /* moved closer */
  top: 50%;
  transform: translateY(-50%);
  color: #F9B233;
  font-size: 1.2em;
}

/* Options container */
.dropdown-options {
  display: none;
  position: absolute;
  background: #000;
  border: 1px solid #f9b2334d;
  width: 100%;
  z-index: 100;
  text-align: center; /* center all options */
}

.dropdown-option {
  padding: 6px; /* reduced padding */
  font-weight: 500;
  text-transform: uppercase;
  background: #000;
  color: #fff;
  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
	font-size : 1.2em;
}

/* Hover effect */
.dropdown-option:hover {
  background: #F9B233;
  color: #000;
}

/* Active option (current page) */
.dropdown-option.active-option {
  background: #F9B233;
  color: #000;
}

/* Show dropdown */
.custom-dropdown.active .dropdown-options {
  display: block;
}