/*
Theme Name: Flatsome Child
Description: Modular child theme for Flatsome
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/* Import essential CSS files only */
@import url("./components/variables.css");
@import url("./components/base.css");
@import url("./components/header.css");
@import url("./components/buttons.css");
@import url("./components/blog-grid.css");
@import url("./components/language-switcher.css");

/* Shortcode CSS - loaded conditionally via PHP */
/* Post-type CSS - loaded conditionally via PHP */

/* UX Builder Editor Styles - Basic styling for better preview */
body.fl-builder .contact-us-shortcode .contact-container,
.fl-builder-edit .contact-us-shortcode .contact-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

body.fl-builder .contact-us-shortcode .contact-item,
.fl-builder-edit .contact-us-shortcode .contact-item {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}

body.fl-builder .contact-us-shortcode .contact-icon,
.fl-builder-edit .contact-us-shortcode .contact-icon {
  width: 48px;
  height: 48px;
  background: #f3f4f6;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e7eb;
}

body.fl-builder .contact-us-shortcode .contact-icon i,
.fl-builder-edit .contact-us-shortcode .contact-icon i {
  color: #be1e2d;
}

body.fl-builder .contact-us-shortcode .contact-map-section,
.fl-builder-edit .contact-us-shortcode .contact-map-section {
  margin-top: 20px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  height: 200px;
  background: #f9fafb;
}

body.fl-builder .contact-us-shortcode .contact-map,
.fl-builder-edit .contact-us-shortcode .contact-map {
  width: 100%;
  height: 100%;
}