/*
Theme Name: Onepack Child
Theme URI: http://onepack.casethemes.net
Author: Case-Themes
Author URI: https://casethemes.net/
Description: Onepack is a WordPress theme specially designed for the real estate industry. It offers easy-to-use tools that will allow you to manage your agency’s content and listings, while providing the best possible experience for your clients.
Version: 1.0.1
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: onepack
Text Domain: onepack-child
Tags: agency, agent, custom fields, directory, elementor, geolocation, idx, listing, mls, modern & clean, property, real estate, real estate agency, real estate agent, realtor
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4.1

Copyright (c) 2025 Case-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/
/* ==========================================================================
   AddToAny Widget Styles
   ========================================================================== */

/**
 * AddToAny Share Buttons Widget
 * Custom styles for the Elementor AddToAny widget
 */

/* Widget Container */
.pxl-addtoany-widget {
    position: relative;
}

/* Wrapper Styles */
.pxl-addtoany-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

/* Share Label */
.pxl-addtoany-wrapper .pxl-share-label {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    display: inline-flex;
    align-items: center;
}

/* Share Buttons Container */
.pxl-addtoany-wrapper .pxl-share-buttons {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
}

/* AddToAny Button Overrides */
.pxl-addtoany-wrapper .a2a_kit {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.pxl-addtoany-wrapper .a2a_kit a {
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

.pxl-addtoany-wrapper .a2a_kit a:hover {
    transform: translateY(-2px);
    opacity: 0.8;
}

/* Button Icon Styles */
.pxl-addtoany-wrapper .a2a_svg,
.pxl-addtoany-wrapper .a2a_kit img {
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
}

.pxl-addtoany-wrapper .a2a_kit a:hover .a2a_svg,
.pxl-addtoany-wrapper .a2a_kit a:hover img {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Notice Styles (for editor mode) */
.pxl-notice {
    padding: 20px;
    margin: 20px 0;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.6;
}

.pxl-notice--warning {
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    color: #856404;
}

.pxl-notice strong {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
}

.pxl-notice p {
    margin: 5px 0 0 0;
}

.pxl-notice a {
    color: #2271b1;
    text-decoration: underline;
}

.pxl-notice a:hover {
    color: #135e96;
}

/* Responsive Adjustments */
@media (max-width: 767px) {
    .pxl-addtoany-wrapper {
        gap: 10px;
    }
    
    .pxl-addtoany-wrapper .pxl-share-label {
        font-size: 13px;
    }
    
    .pxl-addtoany-wrapper .a2a_kit {
        gap: 6px;
    }
}

/* Alignment Options */
.pxl-addtoany-wrapper[data-align="center"] {
    justify-content: center;
}

.pxl-addtoany-wrapper[data-align="right"] {
    justify-content: flex-end;
}

.pxl-addtoany-wrapper[data-align="left"] {
    justify-content: flex-start;
}

/* Dark Mode Support (if parent theme has it) */
@media (prefers-color-scheme: dark) {
    .pxl-addtoany-wrapper .pxl-share-label {
        color: inherit;
    }
}

.elementor-5748 .elementor-element.elementor-element-8f31d9e {
  min-height: 65vh;
}

/* Mobile header: remove Bootstrap container max-width constraint */
#pxl-header-elementor #pxl-header-mobile #pxl-header-main .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}