/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Child theme for Astra with Tajawal typography support.
Author: Custom
Template: astra
Version: 1.0.1
Text Domain: astra-child
*/

:root {
    --astra-child-font-tajawal: "Tajawal", Arial, sans-serif;
}

/* Front end typography. */
html,
body,
button,
input,
select,
textarea,
.ast-button,
.button,
.wp-block-button__link,
.site-title,
.site-description,
.main-header-menu,
.ast-builder-menu,
.entry-title,
.entry-content,
.widget-title,
.woocommerce,
.woocommerce button,
.woocommerce input,
.woocommerce select,
.woocommerce textarea,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--astra-child-font-tajawal) !important;
}

/* Block editor typography — kept in this stylesheet, no separate editor.css. */
.editor-styles-wrapper,
.editor-styles-wrapper p,
.editor-styles-wrapper li,
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6,
.editor-styles-wrapper button,
.editor-styles-wrapper input,
.editor-styles-wrapper select,
.editor-styles-wrapper textarea,
.editor-styles-wrapper .wp-block-button__link {
    font-family: var(--astra-child-font-tajawal) !important;
}



/* ==============================
   Contact Form 7 - Custom Design
================================ */

.custom-contact-form {
    margin: 0 auto;
    direction: rtl;
    text-align: right;
}

/* الصف الأول */
.custom-contact-form .contact-row {
    display: flex;
    flex-direction: row;
    gap: 24px;
    width: 100%;
}

.custom-contact-form .contact-row .contact-field {
    width: 50%;
}

/* الحقول */
.custom-contact-form .contact-field {
    position: relative;
    margin-bottom: 30px;
}

/* العناوين */
.custom-contact-form .contact-field label {
    display: block;
    padding: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    text-align: right;
}

/* إزالة المسافات التي يضيفها CF7 */
.custom-contact-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* input + textarea */
.custom-contact-form input[type="text"],
.custom-contact-form input[type="tel"],
.custom-contact-form input[type="email"],
.custom-contact-form textarea {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 0 10px;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.9);
    border-radius: 0;
    outline: none;
    box-shadow: none;
    background: transparent;
    color: #fff;
    font-family: inherit;
    font-size: 15px;
    direction: rtl;
    text-align: right;
    box-sizing: border-box;
}

/* ارتفاع الحقول العادية */
.custom-contact-form input[type="text"],
.custom-contact-form input[type="tel"],
.custom-contact-form input[type="email"] {
    height: 24px;
}

/* حقل الرسالة */
.custom-contact-form .contact-message {
    margin-top: 2px;
}

.custom-contact-form textarea {
    height: 55px;
    min-height: 55px;
    padding-top: 0;
    resize: vertical;
}

/* عند التركيز */
.custom-contact-form input:focus,
.custom-contact-form textarea:focus {
    border-bottom-color: #fff;
}

/* زر الإرسال */
.custom-contact-form .contact-submit {
    position: relative;
    width: 168px;
    margin: 60px auto 0;
}

/* زر CF7 */
.custom-contact-form input.custom-submit {
    width: 168px;
    height: 53px;
    border: 0;
    border-radius: 0;
    outline: none;

    background: #f7f7f7;
    color: #d0aa57;

    font-family: inherit;
    font-size: 14px;
    font-weight: 500;

    cursor: pointer;
    transition: all .3s ease;
}

/* السهم */
.custom-contact-form .contact-submit::after {
    content: "\2190";
    position: absolute;
    top: 50%;
    left: 39px;
    transform: translateY(-52%);

    color: #d0aa57;
    font-size: 22px;
    font-weight: 300;

    pointer-events: none;
}

/* Hover */
.custom-contact-form input.custom-submit:hover {
    background: #353B48;
	color: #F5F6FA;
}

/* Loader الخاص بـ Contact Form 7 */
.custom-contact-form .wpcf7-spinner {
    position: absolute;
    top: 50%;
    right: -35px;
    margin: 0;
    transform: translateY(-50%);
}

/* رسائل الأخطاء */
.custom-contact-form .wpcf7-not-valid-tip {
    margin-top: 7px;
    color: #fff;
    font-size: 12px;
}

/* رسالة نجاح / خطأ الفورم */
.custom-contact-form ~ .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
    color: #fff;
}

/* ==============================
   Responsive
================================ */

@media (max-width: 767px) {

    .custom-contact-form {
        max-width: 100%;
    }

    .custom-contact-form .contact-row {
        display: block;
    }

    .custom-contact-form .contact-row .contact-field {
        width: 100%;
    }

    .custom-contact-form .contact-field {
        margin-bottom: 25px;
    }

    .custom-contact-form .contact-submit {
        margin-top: 40px;
    }
}