/*
 Theme Name:   Infinite Child - Pennridge Democrats
 Theme URI:    https://pennridgedemocrats.org
 Description:  Child theme for the Infinite theme, customized for Pennridge Democrats.
               Add all custom CSS below the designated section. Never edit the parent theme directly.
 Author:       Pennridge Democrats
 Author URI:   https://pennridgedemocrats.org
 Template:     infinite
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  infinite-child
 Tags:         political, democratic, community
*/

/* ==========================================================================
   CUSTOM CSS - Add your styles below this line
   ==========================================================================

   Tips for volunteers and future maintainers:
   - Add new styles at the bottom of this file
   - Use comments to describe what each section does
   - Test changes on the staging site before pushing to production
   - The parent theme styles load first, so your styles here will override them

   ========================================================================== */

/*
 * Example: Custom brand colors
 * Uncomment and modify as needed
 *
 * :root {
 *     --pennridge-blue: #0015BC;
 *     --pennridge-red: #FF0000;
 *     --pennridge-white: #FFFFFF;
 * }
 */

/*
 * Example: Custom button styles
 *
 * .custom-donate-button {
 *     background-color: var(--pennridge-blue);
 *     color: var(--pennridge-white);
 *     padding: 12px 24px;
 *     border-radius: 4px;
 *     text-transform: uppercase;
 *     font-weight: bold;
 * }
 */

/* ==========================================================================
   Add your custom styles below
   ========================================================================== */

/* Reduce space above landing page image */
.home .gdlr-core-page-content-wrap {
    padding-top: 0 !important;
}

/* Consistent fonts across the site */
.gdlr-core-page-title,
.gdlr-core-page-title-wrap .gdlr-core-page-title,
.infinite-page-title-wrap .infinite-page-title,
.gdlr-core-title-item-title,
.gdlr-core-widget-title,
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-style: normal !important;
}

/* Form styling for Get Involved page */
.wpforms-container,
.wpforms-form,
.wpforms-field-label,
.wpforms-field input,
.wpforms-field textarea,
.wpforms-field select {
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

.wpforms-field-label {
    font-weight: 600 !important;
    color: #333 !important;
}

.wpforms-field input,
.wpforms-field textarea,
.wpforms-field select {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 10px 12px !important;
}

.wpforms-field input:focus,
.wpforms-field textarea:focus,
.wpforms-field select:focus {
    border-color: #666 !important;
    outline: none !important;
}

.wpforms-submit-container button {
    background-color: #333 !important;
    color: #fff !important;
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-weight: 600 !important;
    padding: 14px 40px !important;
    border-radius: 4px !important;
    border: none !important;
    cursor: pointer !important;
}

.wpforms-submit-container button:hover {
    background-color: #555 !important;
    color: #fff !important;
}

/* Remove light blue background from Get Involved form area */
.gdlr-core-pbf-background-wrap,
.gdlr-core-pbf-wrapper[data-skin="blue"] {
    background-color: #fff !important;
}

/* Override any blue backgrounds in page builder */
.gdlr-core-pbf-column[data-skin="blue"],
.gdlr-core-pbf-column-content-area {
    background-color: transparent !important;
}

/* Goodlayers page builder elements - consistent fonts */
.gdlr-core-text-box-item-content,
.gdlr-core-text-box-item,
.gdlr-core-column-service-item,
.gdlr-core-column-service-title,
.gdlr-core-column-service-content,
.gdlr-core-icon-list-item,
.gdlr-core-icon-list-content,
.gdlr-core-button,
.gdlr-core-block-item-title,
.gdlr-core-pbf-wrapper,
.gdlr-core-pbf-column-content,
body .gdlr-core-body,
.infinite-body {
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Page builder title items */
.gdlr-core-title-item .gdlr-core-title-item-title,
.gdlr-core-title-item .gdlr-core-title-item-caption {
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-style: normal !important;
}

/* Reduce page builder section title sizes */
.gdlr-core-title-item .gdlr-core-title-item-title {
    font-size: 1.4em !important;
}

/* Hide separator/divider lines */
.gdlr-core-divider-line {
    display: none !important;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    /* Smaller page titles on mobile */
    .gdlr-core-page-title,
    .gdlr-core-page-title-wrap .gdlr-core-page-title,
    .infinite-page-title-wrap .infinite-page-title {
        font-size: 1.5em !important;
    }

    /* Adjust section titles */
    .gdlr-core-title-item .gdlr-core-title-item-title {
        font-size: 1.2em !important;
    }

    /* Ensure content doesn't overflow */
    .gdlr-core-pbf-wrapper,
    .gdlr-core-pbf-column-content {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Stack buttons vertically on mobile */
    div[style*="display: inline-flex"] {
        flex-direction: column;
        align-items: center;
    }
}

/* RSVP Form Button Fixes */
.tribe-tickets__rsvp-actions-button-going,
.tribe-tickets__rsvp-actions-button-not-going,
.tribe-tickets__rsvp-form-button,
.tribe-common-c-btn {
    white-space: nowrap !important;
    min-width: 100px !important;
    padding: 10px 20px !important;
}

.tribe-tickets__rsvp-form-buttons {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
}

.tribe-tickets__rsvp-form-button--cancel {
    flex: 0 0 auto !important;
    min-width: 80px !important;
}

.tribe-tickets__rsvp-form-button--submit {
    flex: 0 0 auto !important;
    min-width: 80px !important;
}