/*
Theme Name: WaviBot Theme
Theme URI: https://bot.wavi.one/
Author: Eng. Ahmed M Hassan / Wavi One
Author URI: https://wavi.one/
Description: Custom theme for WaviBot. Features editable content blocks, Customizer options, light/dark mode, and widget areas. Built upon the original static design.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wavibot-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, theme-options, translation-ready, blog, portfolio, one-column, two-columns, footer-widgets, block-patterns, accessibility-ready, light, dark, responsive-layout

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Note: Most visual styling is handled by the separate CSS files enqueued in functions.php.
   This file primarily contains theme header information and minimal base styles. */

/* Basic accessibility focus outline */
*:focus {
   outline: 2px dashed var(--primary-color, #00aaff); /* Use variable with fallback */
   outline-offset: 2px;
   box-shadow: 0 0 0 3px rgba(var(--primary-color-rgb, 0, 170, 255), 0.3); /* Added glow effect on focus */
}
/* Hide focus styles for mouse users while keeping them for keyboard users */
body:not(.user-is-tabbing) *:focus {
   /* outline: none; */ /* Optional: Remove default outline for mouse users */
   /* box-shadow: none; */ /* Optional: Remove glow for mouse users */
}

section {
   overflow: hidden;
}

.btn a {
   text-decoration: none !important;
}

.btn-primary a {
   color: #212529 !important;
}
.btn-secondary a {
   color: #00aaff !important;
}

.dark-theme .btn-secondary:hover a {
   color: #121212 !important;
}

.btn-secondary:hover a {
   color: #fff !important;
}

.btn-buy a {
   color: #fff !important;
}

.features {
   background-color: #fff;
}

.cta-banner {
   border-top: none;
   border-bottom: none;
}

.final-cta {
   margin-top: 0;
   border-top: none;
}

.dark-theme .features {
   background-color: #121212;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
   width: inherit;
}

.has-medium-font-size {
   font-size: inherit !important;
}

.chat-comparison {
   margin-right: -1.5rem;
}

@media screen and (max-width: 768px) {
   .chat-comparison {
      margin: 0;
   }
}

.timeline div:nth-child(odd) .timeline-dot {
   left: 100% !important;
}

.timeline div:nth-child(even) .timeline-dot {
   left: -0% !important;
}

@media screen and (max-width: 768px) {
   .timeline .timeline-item:nth-child(odd) .timeline-dot,
   .timeline .timeline-item:nth-child(even) .timeline-dot {
      left: 21px !important;
   }
}

.faq-question br {
   display: none;
}

.faq-answer p:first-child {
   margin-top: 20px;
}

*:focus {
   outline: none;
}

.header {
   padding-top: 15px;
   padding-bottom: 15px;
}

.section-divider {
   bottom: -1px;
}

.video-showcase .section-divider {
   display: none;
}

.nav-right {
   gap: 1rem;
}

.contact-hero .section-divider {
    bottom: -1px;
}

.contact-wrapper {
	margin-top: 40px;
}

@media screen and (max-width: 768px) {
	.container {
    width: 100%;
}
.nav-menu {
    top: 0;
}}

.docs-content img {
	display: block;
	margin: 15px 0;
	max-width: 100%
}

.preview-images {
    flex-wrap: nowrap;
}

#main .preview-images img {
	    max-width: 600px !important;
}