/*
Theme Name: Elementra Child Theme
Template: elementra
Theme URI: https://elementra.themerex.net/
Description: Elementra Child Theme
Author: ThemeREX
Author URI: https://themerex.net/
Version: 1.0
Tested up to: 6.7
Requires at least: 5.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: elementra
*/
/* استدعاء خط Noto Kufi Arabic من جوجل */
@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@300;400;500;700&display=swap');

/* ===========================
   GENERAL FORM WRAPPER
=========================== */
.ep-form-wrapper,
.ep-form-full {
    background: #F2FBFA;
    padding: 20px;
    border-radius: 8px;
    border: 2px solid #D7E9EF;
    direction: rtl;
    width: 100%;
    box-sizing: border-box;
}

/* ===========================
   LABELS
=========================== */
.ep-form-wrapper label,
.ep-col label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    color: #002086;
    font-size: 14px;
    text-align: right;
}

/* ===========================
   INPUTS / TEXTAREA
=========================== */
.ep-form-wrapper input,
.ep-form-wrapper textarea,
.ep-col input,
.ep-col textarea,
.ep-col .wpcf7-form-control {
    width: 100% !important;
    padding: 10px;
    border: 1.5px solid #AACAF0;
    border-radius: 8px;
    background: #fff;
    margin-bottom: 12px;
    transition: 0.2s;
    font-size: 14px;
}

.ep-form-wrapper input:focus,
.ep-form-wrapper textarea:focus {
    border-color: #002086;
    box-shadow: 0 0 5px rgba(0, 32, 134, 0.2);
}

/* Reduce textarea height */

.ep-form-wrapper textarea {
    min-height: 40px !important;
    height: 40px !important;
}
/* ===========================
   FILE INPUTS
=========================== */
.ep-form-wrapper input[type="file"] {
    padding: 6px;
    font-size: 13px;
}

/* ===========================
   NOTE TEXT
=========================== */
.ep-form-wrapper .note,
.note {
    font-size: 13px;
    color: #7393AE;
    margin-bottom: 10px;
    text-align: right;
    display: block;
}

/* ===========================
   TWO COLUMN LAYOUT
=========================== */
.ep-row {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    width: 100%;
    direction: rtl;
}

.ep-col {
    width: calc(50% - 15px);
}

/* Responsive */
@media(max-width: 768px) {
    .ep-col {
        width: 100% !important;
    }
    .ep-row {
        gap: 15px;
    }
}

/* ===========================
   SUBMIT BUTTON
=========================== */
.ep-submit {
    text-align: center;
    margin-top: 20px;
}

.ep-submit input {
    background: #002086;
    color: #fff;
    padding: 12px 35px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    transition: 0.2s;
}

.ep-submit input:hover {
    background: #001766;
}

/* ===========================
   REMOVE CF7 P EXTRA SPACING
=========================== */
.wpcf7 p {
    margin: 0 !important;
    padding: 0 !important;
}
/* 1) محاذاة الكتابة والـ placeholder لليمين */
.ep-form-wrapper input,
.ep-form-wrapper textarea,
.ep-form-wrapper select {
    text-align: right;          /* النص داخل الحقل لليمين */
}

/* placeholder عام */
.ep-form-wrapper input::placeholder,
.ep-form-wrapper textarea::placeholder,
.ep-form-wrapper select::placeholder {
    text-align: right;
    direction: rtl;
}

/* Webkit (Chrome, Edge, Safari) */
.ep-form-wrapper input::-webkit-input-placeholder,
.ep-form-wrapper textarea::-webkit-input-placeholder {
    text-align: right;
    direction: rtl;
}

/* Firefox */
.ep-form-wrapper input::-moz-placeholder,
.ep-form-wrapper textarea::-moz-placeholder {
    text-align: right;
    direction: rtl;
}

/* IE / Edge القديم */
.ep-form-wrapper input:-ms-input-placeholder,
.ep-form-wrapper textarea:-ms-input-placeholder {
    text-align: right;
    direction: rtl;
}

/* 2) تقليل المسافات بين الحقول */
.ep-form-row {
    margin-bottom: 0px;   /* كانت 15px – قللناها */
}

/* تقليل المسافة داخل الحقل نفسه لو حابب يكون أنحف شويه */
.ep-form-wrapper input,
.ep-form-wrapper textarea,
.ep-form-wrapper select {
    padding: 08px 10px;    /* بدل 10px 12px */
}
/* زر الإرسال – تنسيق خاص */
.ep-form-wrapper input[type="submit"] {
    text-align: center !important;   /* يخلي النص في النص */
    color: #ffffff !important;       /* لون النص */
    background: #00A3E8;             /* لون الخلفية الحالي */
    font-weight: 700;
}

/* لون مع الهوفر */
.ep-form-wrapper input[type="submit"]:hover {
    background: #0086bf;             /* لون أغمق شوية عند المرور بالماوس */
    color: #ffffff;
}

/* تقليل المسافات بين الصفوف في فورم طلب الخدمة */
.ep-service-order .ep-form-row {
    margin-bottom: 8px;
}

/* صندوق الأوراق المطلوبة – نفس باليت الأزرق */
.ep-upload-box {
    background: #EAF7FF;           /* أزرق فاتح */
    border: 1px solid #D7E9FF;     /* نفس لون الحدود القديم */
    border-radius: 4px;
    padding: 10px 12px;
    margin: 8px 0 12px;
}

.ep-upload-title {
    margin: 0 0 6px;
    font-weight: 700;
    color: #002086;                /* أزرق EgyptPro */
    font-size: 14px;
    text-align: right;
}

/* كل سطر ملف */
.ep-upload-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 4px;            /* مسافة صغيرة بين السطور */
}

.ep-upload-label {
    flex: 1;
    font-size: 13px;
    color: #002086;
    text-align: right;
    position: relative;
    padding-right: 14px;
}

/* علامة الصح باللون الأزرق */
.ep-upload-label::before {
    content: "✔";
    position: absolute;
    right: 0;
    top: 1px;
    font-size: 11px;
    color: #002086;
}

/* input file */
.ep-upload-item input[type="file"] {
    max-width: 180px;
    padding: 4px 6px;
    border-radius: 4px;
    border: 1px solid #D7E9FF;
    background: #ffffff;
}

/* placeholders يمين زي باقي الفورم */
.ep-service-order input::placeholder,
.ep-service-order textarea::placeholder {
    text-align: right;
    direction: rtl;
}
/* تقليل المسافات بين الصفوف في فورم طلب الخدمة */
.ep-service-order .ep-form-row {
    margin-bottom: 8px;
}

/* صندوق الأوراق المطلوبة – نفس باليت الأزرق */
.ep-upload-box {
    background: #EAF7FF;           /* أزرق فاتح */
    border: 1px solid #D7E9FF;     /* نفس لون الحدود القديم */
    border-radius: 4px;
    padding: 10px 12px;
    margin: 8px 0 12px;
}

.ep-upload-title {
    margin: 0 0 6px;
    font-weight: 700;
    color: #002086;                /* أزرق EgyptPro */
    font-size: 14px;
    text-align: right;
}

/* كل سطر ملف */
.ep-upload-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 4px;            /* مسافة صغيرة بين السطور */
}

.ep-upload-label {
    flex: 1;
    font-size: 13px;
    color: #002086;
    text-align: right;
    position: relative;
    padding-right: 14px;
}

/* علامة الصح باللون الأزرق */
.ep-upload-label::before {
    content: "✔";
    position: absolute;
    right: 0;
    top: 1px;
    font-size: 11px;
    color: #002086;
}

/* input file */
.ep-upload-item input[type="file"] {
    max-width: 180px;
    padding: 4px 6px;
    border-radius: 4px;
    border: 1px solid #D7E9FF;
    background: #ffffff;
}

/* placeholders يمين زي باقي الفورم */
.ep-service-order input::placeholder,
.ep-service-order textarea::placeholder {
    text-align: right;
    direction: rtl;
}
/* تخطيط عمودين */
.ep-service-order .ep-service-order-main {
    display: flex;
    gap: 20px;
}

/* يمين/شمال */
.ep-service-order .ep-service-col {
    flex: 1;
}

/* تقليل المسافات بين الحقول */
.ep-service-order .ep-form-row {
    margin-bottom: 8px;
}

/* حقول الكتابة تستخدم نفس ستايل الفورم الأزرق */
.ep-service-order input[type="text"],
.ep-service-order input[type="email"],
.ep-service-order input[type="tel"],
.ep-service-order textarea {
    width: 100%;
    border: 1px solid #D7E9FF;
    border-radius: 4px;
    padding: 8px 10px;
    background: #ffffff;
    box-sizing: border-box;
    text-align: right;
}

/* placeholder يمين */
.ep-service-order input::placeholder,
.ep-service-order textarea::placeholder {
    text-align: right;
    direction: rtl;
}

/* صندوق رفع الملفات بنفس الباليت الأزرق */
.ep-service-order .ep-upload-box {
    background: #EAF7FF;
    border: 1px solid #D7E9FF;
    border-radius: 4px;
    padding: 10px 12px;
}

.ep-service-order .ep-upload-title {
    margin: 0 0 6px;
    font-weight: 700;
    color: #002086;
    font-size: 14px;
    text-align: right;
}

/* كل سطر لملف واحد */
.ep-service-order .ep-upload-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 4px;
}

.ep-service-order .ep-upload-label {
    flex: 1;
    font-size: 13px;
    color: #002086;
    text-align: right;
    position: relative;
    padding-right: 14px;
}

/* علامة الصح */
.ep-service-order .ep-upload-label::before {
    content: "✔";
    position: absolute;
    right: 0;
    top: 1px;
    font-size: 11px;
    color: #002086;
}

/* input file */
.ep-service-order .ep-upload-item input[type="file"] {
    max-width: 180px;
    padding: 4px 6px;
    border-radius: 4px;
    border: 1px solid #D7E9FF;
    background: #ffffff;
}

/* زر الإرسال الكامل */
.ep-service-order input[type="submit"] {
    width: 100%;
    background: #ff008a;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    padding: 10px 15px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
}

.ep-service-order input[type="submit"]:hover {
    background: #cc006f;
}

/* موبايل: يخليهم تحت بعض */
@media (max-width: 768px) {
    .ep-service-order .ep-service-order-main {
        flex-direction: column;
    }
}

/* كل سطر لملف واحد يكون زي حقول الكتابة (label فوق + input تحت) */
.ep-service-order .ep-upload-item {
    display: block;
    margin-bottom: 8px;
}

/* الليبل فوق الحقل، مع علامة الصح على اليمين */
.ep-service-order .ep-upload-label {
    display: block;
    font-size: 13px;
    color: #002086;
    text-align: right;
    position: relative;
    padding-right: 18px;
    margin-bottom: 3px;
}

/* علامة الصح */
.ep-service-order .ep-upload-label::before {
    content: "✔";
    position: absolute;
    right: 0;
    top: 1px;
    font-size: 11px;
    color: #002086;
}

/* input file ياخد عرض العمود كله زي حقول الكتابة */
.ep-service-order .ep-upload-item input[type="file"] {
    width: 100%;
    max-width: 100%;
    padding: 8px 10px;
    border-radius: 4px;
    border: 1px solid #D7E9FF;
    background: #ffffff;
    box-sizing: border-box;
}
/* 1) تقليل المسافات بين كل الصفوف (كتابة + ملفات) */
.ep-service-order .ep-form-row,
.ep-service-order .ep-upload-item {
    margin-bottom: 6px;   /* ممكن تنزليه لـ 4px لو لسه كبير */
}

/* ممكن كمان نقلل الـ padding جوه الحقول شوية */
.ep-service-order input[type="text"],
.ep-service-order input[type="email"],
.ep-service-order input[type="tel"],
.ep-service-order textarea,
.ep-service-order .ep-upload-item input[type="file"] {
    padding: 6px 8px;
}

/* 2) زر الإرسال أزرق بدلاً من البينك */
.ep-service-order input[type="submit"] {
    background: #00A3E8 !important;   /* أزرق EgyptPro */
    color: #ffffff !important;
    border-radius: 4px;
    padding: 8px 12px;
    font-weight: 700;
    text-align: center;
}

/* هوفر أغمق شوية */
.ep-service-order input[type="submit"]:hover {
    background: #0086bf !important;
}
/* ===== Scoped CF7 Form Styles (ep-form-full only) ===== */
.ep-form-full{
  width:100%;
  direction: rtl;
  font-family: "Tajawal", "Cairo", Arial, sans-serif;
}

/* Card */
.ep-form-full .ep-form-card{
  width:100%;
  max-width: 860px;
  margin: 0 auto;
  padding: 22px 18px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}

@media (min-width: 768px){
  .ep-form-full .ep-form-card{ padding: 28px 26px; }
}

/* Header */
.ep-form-full .ep-form-head{ margin-bottom: 14px; }
.ep-form-full .ep-form-title{
  margin: 0 0 6px;
  font-size: 20px;
  line-height: 1.3;
  color: #111;
}
.ep-form-full .ep-form-subtitle{
  margin: 0;
  font-size: 14px;
  color: rgba(0,0,0,.65);
}
/* ===== EP Form (Scoped) ===== */
.ep-form-full{
  direction: rtl;
  font-family: "Tajawal","Cairo",Arial,sans-serif;
  width: 100%;

  /* blue box (the container itself) */
  background: rgba(70, 160, 190, 0.10);
  border: 1px solid rgba(70, 160, 190, 0.25);
  border-radius: 14px;
  padding: 26px 22px;
}

/* Header */
.ep-form-full .ep-form-head{
  margin-bottom: 14px;
  text-align: right;
}
.ep-form-full .ep-form-title{
  margin: 0 0 6px;
  font-size: 22px;
  color: #111;
}
.ep-form-full .ep-form-subtitle{
  margin: 0;
  font-size: 14px;
  color: rgba(0,0,0,.65);
}

/* Grid */
.ep-form-full .ep-form-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px; /* row gap / column gap */
  align-items: start;
}

/* Make certain fields span */
.ep-form-full .ep-half{ grid-column: span 1; }
.ep-form-full .ep-full,
.ep-form-full .ep-files,
.ep-form-full .ep-submit{ grid-column: 1 / -1; }

/* Mobile -> 1 column */
@media (max-width: 767px){
  .ep-form-full{
    padding: 18px 14px;
  }
  .ep-form-full .ep-form-grid{
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .ep-form-full .ep-half{ grid-column: 1 / -1; }
}

/* Labels */
.ep-form-full .ep-field{
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #111;
}
.ep-form-full .ep-req{ color: #d11; font-weight: 800; margin-right: 6px; }

/* Inputs - clean, no extra big white cards */
.ep-form-full .wpcf7-form-control:not(.wpcf7-submit){
  width: 100%;
  display: block;
  margin-top: 8px;
  padding: 12px 12px;
  border: 1px solid rgba(0,0,0,.16);
  border-radius: 12px;
  background: #fff;
  font-size: 14px;
  color: #111;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.ep-form-full .wpcf7-form-control:not(.wpcf7-submit):focus{
  border-color: rgba(0,0,0,.35);
  box-shadow: 0 0 0 4px rgba(0,0,0,.06);
}

/* Textarea */
.ep-form-full textarea.wpcf7-form-control{
  min-height: 120px;
  resize: vertical;
}

/* File inputs */
.ep-form-full input[type="file"].wpcf7-form-control{
  padding: 10px 12px;
  background: rgba(255,255,255,.85);
  cursor: pointer;
}

.ep-form-full input[type="file"]::file-selector-button{
  border: 0;
  padding: 10px 12px;
  margin-left: 10px;
  border-radius: 10px;
  background: rgba(0,0,0,.08);
  cursor: pointer;
}

/* Files section */
.ep-form-full .ep-files{
  margin-top: 2px;
  padding-top: 6px;
}
.ep-form-full .ep-files-title{
  font-size: 14px;
  font-weight: 900;
  margin: 6px 0 10px;
}
.ep-form-full .ep-files-hint{
  margin: 6px 0 0;
  font-size: 12px;
  color: rgba(0,0,0,.6);
}

/* Submit */
.ep-form-full .wpcf7-submit{
  width: 100%;
  border: 0;
  padding: 13px 16px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 900;
  cursor: pointer;
  background: #0b5b7a;
  color: #fff;
  transition: opacity .2s ease, transform .08s ease;
}
.ep-form-full .wpcf7-submit:hover{ opacity: .92; }
.ep-form-full .wpcf7-submit:active{ transform: translateY(1px); }

/* CF7 spacing fixes */
.ep-form-full .wpcf7-form-control-wrap{ display:block; }
.ep-form-full .wpcf7-not-valid-tip{ margin-top: 6px; font-size: 12px; }
.ep-form-full .wpcf7-response-output{
  margin: 12px 0 0;
  border-radius: 12px;
  padding: 12px;
  font-size: 13px;
}




/* =Child-Theme customization starts here
------------------------------------------------------------ */