/*
Theme Name: AtlasGroup Child
Theme URI: http://demo.casethemes.net/atlasgroup
Description: Child theme for AtlasGroup. All A'ila Estate customisations belong here so that parent theme updates never overwrite them.
Author: A'ila
Author URI: https://ailaresorts.com/
Template: atlasgroup
Version: 1.0.2
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: atlasgroup-child
Tags: real estate, elementor, child theme
*/

/*
 * NOTE: this file is NOT loaded by the parent theme.
 *
 * AtlasGroup enqueues its own style.css as the 'pxl-base' handle using
 * get_template_directory_uri() (inc/theme-actions.php:178) and never calls
 * get_stylesheet_uri(), so WordPress does not pick this stylesheet up on its
 * own. functions.php enqueues it explicitly, after the parent handles.
 *
 * Add custom CSS below.
 */

/* 2026-09-14 redesign — Why Invest */
.aila-price-table { max-width: 760px; margin: 0 auto; }
.aila-price-table td, .aila-price-table th { border: 0 !important; border-bottom: 1px solid #DCE2E1 !important; }
.aila-price-table td:last-child { text-align: right; font-weight: 500; color: #13362C; }
.aila-equal > .e-con-inner, .aila-equal.e-con { align-items: stretch !important; }
.aila-equal .elementor-widget-pxl_icon_box, .aila-equal .elementor-widget-pxl_icon_box > .elementor-widget-container,
.aila-equal .pxl-icon-box { height: 100%; }

.pxl-list1.style-4 .pxl--item {
  border: 1px solid #cbd0db;
  background-color: #cbcfdb;
}

.pxl-heading.aila-keep-br .pxl-item--title br,
.aila-keep-br .pxl-heading .pxl-item--title br { display: inline !important; }

@media (max-width: 770px){
	.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-post--inner .pxl-post--content .bottom,
	.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-post--inner .pxl-post--content .top{
		padding: 20px;
	}
	.pxl-portfolio-carousel1 .pxl-swiper-slide .pxl-post--inner .pxl-button {
		margin-top: 80px;
		margin-right: 30px;
	}
}


/* 2026-09-14 redesign — Fix round 1: "Request the Price List" button renders
   left-aligned. Two things measured NOT to work, in order:
   1) `_flex_align_self: center` on the widget (script fix) — its flex
      parent (b8639dd's .e-con-inner) is a ROW flex container, so align-self
      only centers on the cross (vertical) axis, not horizontally.
   2) `text-align: center` fallback (controller's suggestion) — the widget
      box is already width:auto/shrink-to-fit, so there's no inline space
      left for text-align to center within. Verified via browser: button
      stayed at left:310px (same as its full-width siblings) in both cases.
   Root cause: Elementor writes this container's flex layout as inline CSS
   custom properties at `.elementor-9070 .elementor-element.elementor-
   element-b8639dd` (3-class specificity) consumed by a `var(--justify-
   content, initial)` rule in Elementor's own base CSS — a plain 2-class
   rule targeting .e-con-inner's justify-content directly loses regardless
   of stylesheet load order. `!important` on the property wins outright. */
.elementor-element-b8639dd.e-con > .e-con-inner { justify-content: center !important; }