/**
 * Plugin Name: PixelcraftDev Elementor Addon
 * Author: Supapong Sakulkoo (K.Auu)
 * Author URI: https://supapongai.com
 * License: Commercial - Proprietary
 * Copyright: (c) 2026 PixelcraftDev. All rights reserved.
 * Unauthorized copying of this file, via any medium is strictly prohibited.
 */
/**
 * Pixelcraft Dual Heading Styles
 */

.pixelcraft-dual-heading-container {
    position: relative;
    display: flex;
    flex-direction: column;
}

.pixelcraft-dual-heading-bg-text {
    position: absolute;
    pointer-events: none;
    z-index: 1;
    line-height: 1;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.pixelcraft-dual-heading-main {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 0;
    transition: all 0.3s ease;
}

/* Alignment Helpers */
.pixelcraft-dual-heading-align-left {
    align-items: flex-start;
}
.pixelcraft-dual-heading-align-center {
    align-items: center;
    text-align: center;
}
.pixelcraft-dual-heading-align-right {
    align-items: flex-end;
    text-align: right;
}

/* Position adjustment for Background Text */
.pixelcraft-dual-heading-align-center .pixelcraft-dual-heading-bg-text {
    left: 50%;
    transform: translateX(-50%);
}

.pixelcraft-dual-heading-align-right .pixelcraft-dual-heading-bg-text {
    right: 0;
}

/* Responsive Scaling for Background Text on Mobile */
@media (max-width: 767px) {
    .pixelcraft-dual-heading-bg-text {
        font-size: clamp(3rem, 15vw, 6rem);
    }
}