/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

body {
  background-image: url('https://saleh.oyoun.ps/wp-content/uploads/2025/08/0ac49617163ca751e39752d2f4a89d8f048c8978-1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}


:root{
  --accent: #526030;   
  --arrowW: 18px;      
  --arrowH: 12px;       
  --arrowLeft: 16px;    
}

/* الـ select نفسه */
.jet-select__control{
  width:100%;
  padding: 10px 14px 10px calc(var(--arrowLeft) + var(--arrowW) + 12px);
  font-size:16px;
  border:2px solid var(--accent);
  border-radius:10px;
  background:#fff;
  color:#333;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  direction: rtl; 
  cursor:pointer;
}

.jet-select{ position:relative; }

.jet-select::after{
  content:"";
  position:absolute;
  left: var(--arrowLeft);
  top:50%;
  transform: translateY(-50%);
  width: var(--arrowW);
  height: var(--arrowH);
  pointer-events:none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16' fill='none' stroke='%23526030' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'>\
<polyline points='4,4 12,12 20,4'/></svg>");
}

.jet-select:focus-within::after{
  transform: translateY(-50%) rotate(180deg);
}


.jet-search-filter__input {
  width: 100%;
  height: 42px;                 /* نفس ارتفاع الـ select */
  padding: 0 14px;
  font-size: 16px;
  border: 1px solid #526030 !important;    /* نفس لون الـ select */
  border-radius: 10px;          /* نفس الزوايا */
  background: #fff;
  color: #333;
  outline: none;
  box-sizing: border-box;
  transition: 0.3s ease;
}

.jet-search-filter__input::placeholder {
  color: #999;
}

/* عند التركيز يبقى نفس اللون */
.jet-search-filter__input:focus {
  border-color: #526030;
  box-shadow: none;
}