/**
Theme Name: Astra Child
Author: Ashraf Khan
Author URI: http://wpastra.com/about/
Description: A child theme of Astra, allowing you to customize the site without modifying the parent theme\'s core files. This ensures your customizations remain intact after theme updates. Built for performance and flexibility, it inherits all the features of the Astra theme while providing a safe space for your unique design changes.
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: astra-child
Template: astra
*/

/* Contact Form 7 styles */
.wpcf7 {
    width: 100%; /* responsive width */
    background: #f8fafd;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.wpcf7 h2 {
    text-align: center;
    color: #1e40af;
    font-size: 28px;
    margin-bottom: 25px;
}
.wpcf7 label {
    font-weight: bold;
    display: block;
    margin: 20px 0 5px;
    color: #333;
    font-size: 16px;
}
.wpcf7 label span {
    color: #1e40af;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="tel"] {
    width: 100%;
    padding: 14px;
    font-size: 15px;
    border: none;
    border-bottom: 1px solid #666;
    background: #fff;
    border-radius: 5px;
    outline: none;
    margin-bottom: 15px;
    box-sizing: border-box;
}
.wpcf7-submit {
    display: inline-block;
    background: #333;
    color: #fff;
    padding: 12px 25px;
    margin-top: 15px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    transition: background 0.3s ease;
}
.wpcf7-submit:hover {
    background: #000;
}

@media (max-width: 768px) {
    .wpcf7 {
        padding: 25px;
    }
}
@media (max-width: 500px) {
    .wpcf7 {
        padding: 20px;
    }
    .wpcf7 h2 {
        font-size: 22px;
    }
}
    
/* Popup styles */
#popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#popup-container {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    position: relative;
    max-width: 500px;
    width: 90%;
}

#popup-close {
    position: absolute;
    top: -5px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
    color: #555;
}

#popup-close:hover {
    color: #000;
}