/*
Theme Name: Twenty Twenty-Five Child
Template: twentytwentyfive
Description: Twenty Twenty-Five ka child theme - Chillix AC Repair website ke liye
Author: Pugsoftonline
Author URI: https://pugsoftonline.com
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: twentytwentyfive-child
*/


/* ============================================
   COMMON GRID PROPERTIES
   Sab grids mein yeh same rahega:
   display, max-width, width, margin
   ============================================ */
.hero-grid.wp-block-group-is-layout-grid,
.review-grid.wp-block-group-is-layout-grid {
    display: grid !important;
    align-items: center;
    max-width: 1320px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* Nav hover — golden color */
.header-grid .wp-block-navigation a:hover {
    color: #F06B1C;
}

/* Active page — golden color + bottom line */
.header-grid .wp-block-navigation .current-menu-item a {
    color: #F06B1C;
    border-bottom: 2px solid #F06B1C;
    padding-bottom: 4px;
}

/* ============================================
   HERO GRID — DESKTOP
   2 Equal Columns: Content (left) | Image (right)
   Gap: 40px
   ============================================ */
.hero-grid.wp-block-group-is-layout-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 40px;
}


/* ============================================
   REVIEW GRID — DESKTOP
   2 Unequal Columns: Text (left) | Review Card (right)
   Left thodi chhoti, right thodi badi
   Gap: 80px
   ============================================ */
.review-grid.wp-block-group-is-layout-grid {
    grid-template-columns: 0.8fr 1.2fr !important;
    gap: 80px;
}

/* Home page pe template ka title block hide karo */
body.home .page-title-block {
    display: none !important;
}

/* ==========================================================================
   Contact Form 7 - Custom Styling (Chillix AC Repair)
   ========================================================================== */

.wpcf7-form p {
    margin-bottom: 20px !important;
}

.wpcf7-form p label {
    display: block !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #1a1a1a !important;
    margin-bottom: 8px !important;
}

.wpcf7-form .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
}

/* Text & Email inputs */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input.wpcf7-text {
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px 10px !important;
    border: 1px solid #7a7a7a !important;
    border-radius: 2px !important;
    background: #fff !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
}

/* Textarea (message field) */
.wpcf7-form textarea.wpcf7-textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 130px !important;
    padding: 10px !important;
    border: 1px solid #7a7a7a !important;
    border-radius: 2px !important;
    background: #fff !important;
    font-size: 15px !important;
    font-family: inherit !important;
    resize: vertical !important;
    box-sizing: border-box !important;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
    outline: none !important;
    border-color: #1a1a1a !important;
}

/* Submit button - refined style */
.wpcf7-form input.wpcf7-submit,
.wpcf7-form button.wpcf7-submit {
    display: inline-block !important;
    width: auto !important;
    min-width: 110px !important;
    padding: 10px 28px !important;
    background: #ffffff !important;
    color: #1a1a1a !important;
    border: 1px solid #7a7a7a !important;
    border-radius: 4px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: normal !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: all 0.25s ease !important;
}

.wpcf7-form input.wpcf7-submit:hover,
.wpcf7-form button.wpcf7-submit:hover {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border-color: #1a1a1a !important;
}

.wpcf7-form input.wpcf7-submit:focus,
.wpcf7-form button.wpcf7-submit:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(26,26,26,0.15) !important;
}

.wpcf7-form input.wpcf7-submit:active,
.wpcf7-form button.wpcf7-submit:active {
    transform: scale(0.98) !important;
}

/* Loading spinner alignment fix */
.wpcf7-form .wpcf7-spinner {
    margin-left: 10px !important;
}
/* ==========================================================================
   WPUF Client Portal Form Styling
   ========================================================================== */
/* WPUF Client Portal Form Styling */
.wpuf-form {
    max-width: 600px;
    margin: 40px auto;
    padding: 32px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* Field Labels */
.wpuf-form label {
    font-weight: 700;
    font-size: 15px;
    color: #111111;
    margin-bottom: 8px;
    display: block;
}

/* Text Input & Textarea */
.wpuf-form input[type="text"],
.wpuf-form textarea,
.wpuf-form .wp-editor-area {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #d5d5d5;
    border-radius: 8px;
    font-size: 15px;
    margin-bottom: 24px;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

.wpuf-form input[type="text"]:focus,
.wpuf-form textarea:focus {
    border-color: #111111;
    outline: none;
}

/* Rich Text Editor Toolbar */
.wpuf-form .wp-editor-wrap {
    margin-bottom: 24px;
    border: 1px solid #d5d5d5;
    border-radius: 8px;
    overflow: hidden;
}

.wpuf-form .wp-editor-tools,
.wpuf-form .quicktags-toolbar,
.wpuf-form .mce-toolbar-grp {
    background: #f7f7f7;
    border-bottom: 1px solid #e0e0e0;
}

/* Featured Image label/link */
.wpuf-form .wpuf-featured-image a {
    color: #111111;
    font-weight: 600;
    text-decoration: underline;
}

/* Submit Button — matches "Get Started Now" pill style */
.wpuf-form input[type="submit"],
.wpuf-form .wpuf-submit-button,
.wpuf-form button[type="submit"] {
    background-color: #111111;
    color: #ffffff;
    border: none;
    padding: 14px 32px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.wpuf-form input[type="submit"]:hover,
.wpuf-form .wpuf-submit-button:hover {
    background-color: #333333;
}

/* Required asterisk color */
.wpuf-form .required {
    color: #e63946;
}
/* Hide Register link inside WPUF restricted message */
.wpuf-message a[href*="action=register"] {
    display: none !important;
}

/* ============================================
   ALL GRIDS — TABLET (max 1024px)
   Gap thoda kam, columns same rahenge
   ============================================ */
@media (max-width: 1024px) {
    .hero-grid.wp-block-group-is-layout-grid {
        gap: 24px;
    }
    .review-grid.wp-block-group-is-layout-grid {
        gap: 40px;
    }
}


/* ============================================
   ALL GRIDS — MOBILE (max 768px)
   Single column — sab upar neeche stack hoga
   Text center align mobile pe
   ============================================ */
@media (max-width: 768px) {
    .hero-grid.wp-block-group-is-layout-grid,    
    .review-grid.wp-block-group-is-layout-grid {
        grid-template-columns: 1fr !important;
        text-align: center !important;       
    }
   .wp-block-post-template.blog-grid.is-layout-grid,
    .entry-content .blog-grid.wp-block-post-template {
        grid-template-columns: 1fr !important;
    }
    .blog-grid.wp-block-post-template {
        text-align: center !important;
    }
}