/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       27collective
 Author URI:   https://27collective.net/
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/

/* Monthly/Yearly Package Toggle Styles */
.package-billing-toggle { font-size: 18px; }
.package-billing-toggle .monthly-label, .package-billing-toggle .yearly-label { display: inline-block; vertical-align: middle; }
.package-billing-toggle .monthly-label.active, .package-billing-toggle .yearly-label.active { font-weight: bold; }
.package-billing-toggle .switch { position: relative; display: inline-block; width: 60px; height: 34px; margin: 0 10px; vertical-align: middle; }
.package-billing-toggle .switch input { opacity: 0; width: 0; height: 0; }
.package-billing-toggle .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 34px; }
.package-billing-toggle .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; }
.package-billing-toggle input:checked + .slider { background-color: #2196F3; }
.package-billing-toggle input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
.package-billing-toggle input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }

/* NanyukiNow Page Wrappers */
.nanyuki-page-wrapper {
    max-width: 900px;
    margin: 40px auto;
    padding: 20px 25px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    line-height: 1.8;
    color: #4a4a4a;
}
.nanyuki-page-wrapper h2 {
    font-size: 2.2em;
    margin-bottom: 25px;
    color: #222;
    font-weight: 700;
}
.nanyuki-page-wrapper h3 {
    font-size: 1.5em;
    margin-top: 35px;
    margin-bottom: 15px;
    color: #333;
    font-weight: 600;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
}
.nanyuki-page-wrapper p, .nanyuki-page-wrapper ul, .nanyuki-page-wrapper li {
    font-size: 1.05em;
    margin-bottom: 15px;
}
.nanyuki-page-wrapper ul {
    list-style-type: disc;
    padding-left: 20px;
}
.nanyuki-form-container {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px dashed #e0e0e0;
}
.contact-info-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 40px;
}
.contact-card {
    flex: 1;
    min-width: 250px;
    background: #f9f9f9;
    padding: 25px;
    border-radius: 10px;
    transition: transform 0.3s ease;
    border: 1px solid #eee;
}
.contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}
.contact-card h4 {
    margin-bottom: 10px;
    color: #222;
    font-size: 1.2em;
}

@media (max-width: 768px) {
    .nanyuki-page-wrapper {
        margin: 20px auto;
        padding: 15px;
        box-shadow: none;
        border-radius: 0;
    }
    .nanyuki-page-wrapper h2 {
        font-size: 1.8em;
    }
}