/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://developer.wordpress.org/themes/advanced-topics/child-themes/
 Description:  Custom child theme for Hello Elementor
 Author:       Your Name
 Author URI:   https://yourwebsite.com
 Template:     hello-elementor
 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:  hello-elementor-child
*/

/* ==========================================================================
   CUSTOM STYLES
   ========================================================================== */

/*
 * Add your custom CSS below this line.
 * 
 * Note: For most Elementor styling, you'll want to use the Elementor editor
 * or Site Settings. Use this file for:
 * - Global overrides that can't be done in Elementor
 * - Non-Elementor pages (like default WordPress pages)
 * - Utility classes
 * - Print styles
 */

/* --------------------------------------------------------------------------
   CSS Variables / Custom Properties
   -------------------------------------------------------------------------- */

:root {
    /* Define your brand colors here for easy reference */
    /* --primary-color: #0073e6; */
    /* --secondary-color: #333333; */
    /* --accent-color: #ff6b35; */
}

/* --------------------------------------------------------------------------
   Typography Overrides
   -------------------------------------------------------------------------- */

/* Example: Custom font smoothing */
/*
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*/

/* --------------------------------------------------------------------------
   Utility Classes
   -------------------------------------------------------------------------- */

/* Screen reader only - hide visually but keep accessible */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* --------------------------------------------------------------------------
   Print Styles
   -------------------------------------------------------------------------- */

@media print {
    /* Hide non-essential elements when printing */
    header,
    footer,
    nav,
    .no-print {
        display: none !important;
    }
    
    /* Ensure links show their URLs */
    a[href]:after {
        content: " (" attr(href) ")";
    }
}

/* --------------------------------------------------------------------------
   Your Custom Styles
   -------------------------------------------------------------------------- */

/* Add your custom styles below */