/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://extrawoo.com/storefront-child-theme
Author:       	Extra Woo
Author URI:     https://extrawoo.com
Template:     	storefront
Description:  	Child theme for the Storefront WooCommerce theme. You can replace all this information with your own.
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:  	storefront

/*
 * Add your own custom css below this text.
 */
body {
	font-family: 'Readex Pro', sans-serif !important;
}

/* Contact Page Styles - Bootstrap Enhanced */
.contact-page-container {
    /* Bootstrap handles container styles now */
}

.contact-header h1 {
    letter-spacing: 2px;
}

/* Contact Info Section */
.contact-info-section h3 {
    letter-spacing: 1px;
}

.contact-info-section p,
.contact-info-section address {
    font-size: 14px;
    line-height: 1.8;
}

.contact-info-section a:hover {
    text-decoration: underline !important;
}

.contact-info-section address {
    font-style: normal;
}

.store-hours p {
    font-size: 13px;
}

/* Form Styling Overrides */
.contact-form .form-control {
    border-radius: 0;
    font-family: 'Readex Pro', sans-serif;
    border-color: #ddd;
    padding: 12px 15px;
}

.contact-form .form-control:focus {
    border-color: #999;
    box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.25);
}

.contact-form .form-control::placeholder {
    color: #999;
}

.contact-form .btn-dark {
    letter-spacing: 1px;
    padding: 14px 40px;
    border-radius: 0;
}

.contact-form .btn-dark:hover {
    background-color: #333;
    border-color: #333;
}

/* Alert styling adjustments */
.alert {
    border-radius: 4px;
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .contact-header h1 {
        font-size: 1.75rem !important;
    }
}