/*
Theme Name:        Around Child
Theme URI:         https://themeforest.net/user/madrasthemes/portfolio
Author:            MadrasThemes
Author URI:        https://themeforest.net/user/madrasthemes/
Description:       Child Theme of Around Multipurpose Business Theme. A truly multipurpose WordPress Theme designed to facilitate the needs of businesses from different niches.
Requires at least: WordPress 5.0
Template:          around
Version:           1.0.24
License:           GNU General Public License v3 or later
License URI:       LICENSE
Text Domain:       around-child
Tags:              two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options
*/

/* Replace the fe-shopping-cart icon with Font Awesome info-circle */
i.fe-shopping-cart::before {
    font-family: 'Font Awesome 5 Free'; /* Ensure the correct Font Awesome font is used */
    content: "\f05a"; /* Unicode for the info-circle icon */
    font-weight: 900; /* Makes sure the icon uses the solid version */
}

/* Modal Content */
.modal-content {
    max-width: 900px;
    margin: auto;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border: none;
}

/* Modal Header */
.modal-header {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
    padding: 15px;
}

.modal-title {
    font-size: 1.5rem;
    font-weight: 600;
}

/* Modal Body */
.modal-body {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
}

/* Left Column (Image Section) */
.modal-body .col-md-6:first-child {
    flex: 1 1 40%;
    text-align: center;
}

.modal-body img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

/* Right Column (Content Section) */
.modal-body .col-md-6:last-child {
    flex: 1 1 60%;
}

/* Fix for the right sidebar (if any exists) */
.modal-body .sidebar {
    background-color: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
}

/* Modal Footer (if needed in future) */
.modal-footer {
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .modal-body {
        flex-direction: column;
        align-items: center;
    }

    .modal-body .col-md-6 {
        flex: 1 1 100%;
    }
}