/*
Theme Name: Sellsmart Child
Template:   sellsmart
Theme URI: https://1.envato.market/sellsmart-wp
Description: Sellsmart Child Theme
Author: AwaikenThemes
Author URI: https://awaikenthemes.com/
Version: 1.0.0
Text Domain: sellsmart-child
*/

/* Eve Shields: contrast adjustments for the Headphone demo.
 * Loaded from the Sellsmart child theme.
 * Foreground roles are set in Elementor; these rules cover theme overrides.
 */
.headphone .es-on-dark .elementor-heading-title span,
.headphone .es-on-dark .section-title .elementor-heading-title {
    color: var(--e-global-color-accentondark, #86c8c1);
}

.headphone .es-on-dark .section-title .elementor-heading-title::before {
    background-color: var(--e-global-color-accentondark, #86c8c1);
}

/* The parent theme forces dark text on these panels during hover. */
.headphone .feature-item-royal:is(:hover, :focus-within) .elementor-heading-title,
.headphone .feature-item-royal:is(:hover, :focus-within) .elementskit-infobox .elementskit-info-box-icon,
.headphone .feature-item-royal:is(:hover, :focus-within) .elementskit-infobox .box-body p {
    color: var(--e-global-color-white, #e8e8e4) !important;
}

.headphone .feature-item-royal:focus-within::before {
    top: 0;
    height: 100%;
    bottom: auto;
    border-radius: 0;
}

.headphone .about-us-body-royal .elementskit-infobox:hover .box-body p span {
    color: var(--e-global-color-white, #e8e8e4);
}

/* This SVG uses currentColor, whereas ElementsKit only sets its fill. */
.headphone .our-testimonials-royal .elementskit-icon-content svg {
    color: var(--e-global-color-white, #e8e8e4);
}

.headphone .our-testimonials-royal .swiper-pagination-bullet {
    opacity: 1;
}

.headphone .our-testimonials-royal .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    border-color: var(--e-global-color-accentondark, #86c8c1);
}

/* Give image captions a predictable dark backing in every interaction state. */
.headphone .latest-news-royal .elementskit-post-image-card .elementskit-post-body .entry-title a {
    color: var(--e-global-color-white, #e8e8e4);
    background-color: var(--e-global-color-black, #101315);
    box-shadow: 0 0 0 6px var(--e-global-color-black, #101315);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.headphone .latest-news-royal .elementskit-post-image-card .elementskit-post-body .entry-title a:is(:hover, :focus-visible) {
    color: var(--e-global-color-accentondark, #86c8c1);
}

.headphone .latest-news-royal .elementskit-post-image-card .elementskit-post-body .btn-wraper .elementskit-btn {
    color: var(--e-global-color-white, #e8e8e4);
    fill: currentColor;
    background-color: var(--e-global-color-black, #101315);
    box-shadow: 0 0 0 6px var(--e-global-color-black, #101315);
}

.headphone .latest-news-royal .elementskit-post-image-card .elementskit-post-body .btn-wraper .elementskit-btn:is(:hover, :focus-visible) {
    color: var(--e-global-color-accentondark, #86c8c1);
    fill: currentColor;
}

.headphone .es-on-dark .elementskit-social-media li a:is(:hover, :focus-visible) {
    color: var(--e-global-color-accentondark, #86c8c1);
}

.headphone .btn-default,
.headphone .ekit-wid-con .ekit_creative_button .ekit_creative_button_text {
    color: var(--e-global-color-white, #e8e8e4);
}

.headphone .btn-default:is(:hover, :focus-visible) {
    color: var(--e-global-color-white, #e8e8e4);
    background-color: var(--e-global-color-accentsecondary, #255853);
}

.headphone .main-header-menu .elementskit-navbar-nav > li > a.active {
    text-decoration: underline;
    text-underline-offset: 5px;
}

.headphone :is(a, button, input, textarea, select):focus-visible {
    outline: 2px solid var(--e-global-color-accent, #2f6f6b);
    outline-offset: 4px;
}

.headphone :is(.es-on-dark, .es-on-accent) :is(a, button, input, textarea, select):focus-visible,
.headphone .main-header-menu :is(a, button):focus-visible {
    outline-color: var(--e-global-color-white, #e8e8e4);
}

/* Keep the heading weight selected in Elementor, including coloured spans. */
.headphone .elementor-heading-title span {
    font-weight: inherit;
}

/* These two demo decorations animate through parent CSS, outside Elementor. */
.headphone .hero-btn-arrow-royal,
.headphone .premium-headphone-circle-royal {
    animation: none;
}

/* Theme buttons must follow the same dimensions as the Elementor defaults. */
.headphone .btn-default,
.headphone .btn-default:is(:hover, :focus-visible) {
    min-height: 48px;
    padding: 15px 24px;
    border-radius: 4px;
    line-height: 1.2;
    box-shadow: none;
    transition: color .2s, background-color .2s, border-color .2s;
}

/* Contact details must wrap inside their columns when the text size changes. */
.headphone .es-contact-detail .box-body {
    min-width: 0;
    overflow-wrap: anywhere;
}