/*
Theme Name:   GPX Child (Hello Elementor)
Theme URI:    https://gpx.co
Description:  GPX.co child theme for Hello Elementor. Holds the GPX custom HTML page templates as plain PHP (no Blade, no compiled views). Header, footer, blog post, archive and 404 are Elementor Theme Builder templates.
Author:       GPX Intelligence / Analytics AIML
Author URI:   https://gpx.co
Template:     hello-elementor
Version:      0.2.13
Requires PHP: 7.4
Text Domain:  gpx-child
*/

/* Our page templates carry their own scoped CSS (.gpx-lp-*). Keep the wrapper neutral so
   Hello's .site-main max-width rules never apply to them. */
.gpx-page { display: block; width: 100%; max-width: none; margin: 0; padding: 0; }

/* Blog post shortcodes ([note] [two-col] [tooltip]) - replaces the old theme's Tailwind classes. */
.gpx-note { background: #F1F3F5; border-left: 3px solid #EA5853; border-radius: 12px; padding: 22px 26px 8px; margin: 36px 0 40px; line-height: 1.58; }
.gpx-note h4 { margin: 0 0 8px; }
.gpx-two-col { margin: 0 0 24px; }
@media (min-width: 640px) { .gpx-two-col { columns: 2; column-gap: 32px; } }
.gpx-tooltip { position: relative; text-decoration: underline; color: inherit; }
.gpx-tooltip:not(.has-url) { cursor: help; }
.gpx-tooltip__bubble { position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%); width: 256px; padding: 10px 19px; border-radius: 15px; background: #041F30; color: #fff; font-size: 16px; line-height: 1.32; opacity: 0; pointer-events: none; transition: opacity .2s; z-index: 20; }
.gpx-tooltip:hover .gpx-tooltip__bubble, .gpx-tooltip:focus .gpx-tooltip__bubble { opacity: 1; }
@media (max-width: 1023px) { .gpx-tooltip__bubble { display: none; } }

/* Intercom custom launcher (same position as the old theme). */
#intercom_launcher { position: fixed; right: 20px; bottom: 72px; width: 45px; z-index: 100; }
#intercom_launcher img { display: block; width: 100%; height: auto; }
@media (min-width: 768px) { #intercom_launcher { width: 60px; } }
@media (min-width: 1024px) { #intercom_launcher { bottom: 80px; } }

/* Tables inside blog posts: scroll inside themselves on phones instead of widening the page
   (the old theme's CSS did this; found by the 15 Oct 390px sweep). */
.elementor-widget-theme-post-content table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin: 24px 0; font-size: 16px; line-height: 1.5; }
.elementor-widget-theme-post-content th,
.elementor-widget-theme-post-content td { padding: 10px 14px; border: 1px solid #E5E7EB; text-align: left; vertical-align: top; }
.elementor-widget-theme-post-content th { background: #F9FAFB; font-weight: 600; color: #0F1117; }

/* 0.2.7 (25 Oct 2026, live go-live): undo Hello Elementor's reset.css button defaults.
   Hello gives every <button> white-space:nowrap, a 1px #c36 border, pink #c36 text and a pink
   hover fill. The old GPX theme used Tailwind's preflight (inherit everything), and our page
   templates were written against that - e.g. the home page product cards are <button>s whose
   descriptions could not wrap, so the second card was pushed out of the hero. Same selectors and
   specificity as Hello's rules, loaded after them, so any template or Elementor widget that styles
   its own buttons with a class still wins. */
[type=button],[type=submit],button{background-color:transparent;border:0 solid;border-radius:0;color:inherit;font:inherit;line-height:inherit;padding:0;text-align:inherit;white-space:normal;}
[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:transparent;color:inherit;}

/* 0.2.8 (25 Oct 2026): undo Hello's pink link default (a{color:#c36}, hover #336). The old GPX
   theme used Tailwind's a{color:inherit;text-decoration:inherit}; restore that so template and
   widget links keep the colour of their surroundings. Links inside a blog post body get GPX's
   dark brand red (Tailwind red-400) underlined so readers can see them (5.6:1 on white). */
a{color:inherit;text-decoration:inherit;}
a:active,a:hover{color:inherit;}
.elementor-widget-theme-post-content a{color:#B93815;text-decoration:underline;text-underline-offset:2px;}
.elementor-widget-theme-post-content a:hover{color:#8F2B10;}

/* 0.2.9 (25 Oct 2026): the post excerpt under the H1 rendered WHITE ON WHITE on every post (QA #49).
   The widget's own text colour (#5F6671) lands on its wrapper, but Elementor's default rule paints
   the inner container with the kit's global Text colour, which is white. Let the inner container
   inherit the colour set on the widget. */
body .elementor-widget-theme-post-excerpt .elementor-widget-container{color:inherit;}