/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Import WordPress Dashicons for navigation icons */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://s.w.org/wp-includes/css/dashicons.css');

/* Custom gradient background for page titles */
.wd-page-title,
.wd-page-title.page-title,
.wd-page-title.page-title-default,
.wd-page-title.title-size-default,
.wd-page-title.title-design-centered,
.wd-page-title.color-scheme-light {
    background: linear-gradient(135deg, #f79321 0%, #000a93 50%, #000000 100%) !important;
    color: white !important;
}

.wd-page-title .container,
.wd-page-title .wd-title-wrapp {
    color: white !important;
}

.wd-page-title .title,
.wd-page-title .entry-title,
.wd-page-title h1 {
    color: white !important;
}

.wd-page-title a,
.wd-page-title .wd-btn-show-cat a,
.wd-page-title .category-nav-link {
    color: white !important;
}

.wd-page-title a:hover,
.wd-page-title .wd-btn-show-cat a:hover,
.wd-page-title .category-nav-link:hover {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Ensure all text elements are white */
.wd-page-title *,
.wd-page-title .nav-link-text,
.wd-page-title .nav-link-count,
.wd-page-title .wd-nav-product-cat li a {
    color: white !important;
}

/* Style the category navigation */
.wd-page-title .wd-nav-product-cat {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 15px;
    margin-top: 15px;
}

.wd-page-title .wd-nav-product-cat li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.wd-page-title .wd-nav-product-cat li:last-child {
    border-bottom: none;
}

/* Hover animations for category navigation */
.wd-page-title .wd-nav-product-cat li:hover {
    background: rgba(255, 255, 255, 0.15);
    transform: translateX(8px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.wd-page-title .wd-nav-product-cat li::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transition: left 0.5s ease;
    z-index: 1;
}

.wd-page-title .wd-nav-product-cat li:hover::before {
    left: 100%;
}

.wd-page-title .wd-nav-product-cat li a {
    position: relative;
    z-index: 2;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-radius: 6px;
    margin: 2px 0;
}

.wd-page-title .wd-nav-product-cat li:hover a {
    color: rgba(255, 255, 255, 0.9) !important;
    transform: scale(1.02);
}

/* Animate the category images on hover */
.wd-page-title .wd-nav-product-cat li:hover .wd-nav-img {
    transform: scale(1.1) rotate(5deg);
    filter: brightness(1.2) contrast(1.1);
}

.wd-page-title .wd-nav-product-cat .wd-nav-img {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    margin-right: 12px;
}

/* Animate the text elements on hover */
.wd-page-title .wd-nav-product-cat li:hover .nav-link-text {
    transform: translateX(5px);
    color: rgba(255, 255, 255, 0.95) !important;
}

.wd-page-title .wd-nav-product-cat li:hover .nav-link-count {
    transform: translateX(5px);
    color: rgba(255, 255, 255, 0.7) !important;
}

.wd-page-title .wd-nav-product-cat .nav-link-text,
.wd-page-title .wd-nav-product-cat .nav-link-count {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Add a subtle pulse animation for categories with products */
.wd-page-title .wd-nav-product-cat li:hover .nav-link-count:not(:empty) {
    animation: categoryPulse 2s infinite;
}

@keyframes categoryPulse {
    0%, 100% {
        opacity: 0.7;
    }
    50% {
        opacity: 1;
    }
}

/* Add a glow effect for categories with images */
.wd-page-title .wd-nav-product-cat li:hover .wd-nav-img {
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
}

/* Smooth transition for the entire navigation container */
.wd-page-title .wd-nav-product-cat {
    transition: all 0.3s ease;
}

.wd-page-title .wd-nav-product-cat:hover {
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}

/* Hide Secondary Navigation */
#menu-top-bar-right,
.menu.wd-nav.wd-nav-secondary.wd-style-separated.wd-gap-s {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

/* 3D Team Member Carousel */
.team-member {
    perspective: 1000px;
    transform-style: preserve-3d;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    cursor: pointer;
}

.team-member:hover {
    transform: rotateY(15deg) rotateX(5deg) translateZ(20px);
}

.member-image-wrapper {
    position: relative;
    transform-style: preserve-3d;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.team-member:hover .member-image-wrapper {
    transform: translateZ(30px) rotateY(-5deg);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25);
}

.member-image {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    transform-style: preserve-3d;
}

.member-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(247, 147, 33, 0.2), rgba(255, 107, 53, 0.2));
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 1;
}

.team-member:hover .member-image::before {
    opacity: 1;
}

.member-image img {
    width: 100%;
    height: auto;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform: scale(1.05);
}

.team-member:hover .member-image img {
    transform: scale(1.1);
}

.member-details {
    position: relative;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 16px;
    padding: 20px;
    margin-top: -20px;
    transform: translateZ(10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.team-member:hover .member-details {
    transform: translateZ(40px) translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    background: rgba(255, 255, 255, 0.98);
}

.member-name {
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 8px;
    transition: all 0.4s ease;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.team-member:hover .member-name {
    color: #f79321;
    transform: translateY(-2px);
}

.member-position {
    font-size: 14px;
    font-weight: 500;
    color: #666;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.4s ease;
}

.team-member:hover .member-position {
    color: #f79321;
}

.member-social {
    transform: translateZ(20px);
    transition: all 0.4s ease;
}

.team-member:hover .member-social {
    transform: translateZ(30px) scale(1.05);
}

.wd-social-icons {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 15px;
}

.wd-social-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f79321, #ff6b35);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(247, 147, 33, 0.3);
}

.wd-social-icon::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #ff6b35, #f79321);
    transition: left 0.4s ease;
}

.wd-social-icon:hover::before {
    left: 0;
}

.wd-social-icon:hover {
    transform: translateY(-3px) scale(1.1);
    box-shadow: 0 8px 25px rgba(247, 147, 33, 0.4);
}

.wd-social-icon .wd-icon {
    color: white;
    font-size: 16px;
    position: relative;
    z-index: 1;
}

/* 3D Carousel Container */
.elementor-element[data-id="eafc045"] {
    perspective: 2000px;
    transform-style: preserve-3d;
    overflow: hidden;
    position: relative;
}

.e-con-inner {
    position: relative;
    width: 100%;
    height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform-style: preserve-3d;
}

.team-member {
    position: absolute;
    left: 50%;
    top: 50%;
    transform-style: preserve-3d;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    width: 300px;
    height: 400px;
}

.team-member.active {
    transform: translate(-50%, -50%) translateZ(0) rotateY(0deg);
    z-index: 10;
}

.team-member.prev {
    transform: translate(-50%, -50%) translateX(-400px) translateZ(-200px) rotateY(25deg);
    z-index: 5;
    opacity: 0.7;
}

.team-member.next {
    transform: translate(-50%, -50%) translateX(400px) translateZ(-200px) rotateY(-25deg);
    z-index: 5;
    opacity: 0.7;
}

.team-member.prev-2 {
    transform: translate(-50%, -50%) translateX(-800px) translateZ(-400px) rotateY(45deg);
    z-index: 1;
    opacity: 0.4;
}

.team-member.next-2 {
    transform: translate(-50%, -50%) translateX(800px) translateZ(-400px) rotateY(-45deg);
    z-index: 1;
    opacity: 0.4;
}

.team-member.prev-3 {
    transform: translate(-50%, -50%) translateX(-1200px) translateZ(-600px) rotateY(60deg);
    z-index: 0;
    opacity: 0.2;
}

.team-member.next-3 {
    transform: translate(-50%, -50%) translateX(1200px) translateZ(-600px) rotateY(-60deg);
    z-index: 0;
    opacity: 0.2;
}

/* Carousel Navigation */
.carousel-nav {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 20;
}

.carousel-nav button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f79321, #ff6b35);
    border: none;
    color: white;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(247, 147, 33, 0.3);
}

.carousel-nav button:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(247, 147, 33, 0.4);
}

.carousel-nav button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Carousel Indicators */
.carousel-indicators {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 20;
}

.carousel-indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all 0.3s ease;
}

.carousel-indicator.active {
    background: #f79321;
    transform: scale(1.2);
}

/* Mobile 3D Carousel */
@media (max-width: 768px) {
    .elementor-element[data-id="eafc045"] {
        perspective: 1500px;
    }
    
    .e-con-inner {
        height: 500px;
    }
    
    .team-member {
        width: 250px;
        height: 350px;
    }
    
    .team-member.active {
        transform: translate(-50%, -50%) translateZ(0) rotateY(0deg);
    }
    
    .team-member.prev {
        transform: translate(-50%, -50%) translateX(-300px) translateZ(-150px) rotateY(20deg);
    }
    
    .team-member.next {
        transform: translate(-50%, -50%) translateX(300px) translateZ(-150px) rotateY(-20deg);
    }
    
    .team-member.prev-2 {
        transform: translate(-50%, -50%) translateX(-600px) translateZ(-300px) rotateY(35deg);
    }
    
    .team-member.next-2 {
        transform: translate(-50%, -50%) translateX(600px) translateZ(-300px) rotateY(-35deg);
    }
    
    .carousel-nav {
        bottom: 10px;
    }
    
    .carousel-nav button {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }
    
    .carousel-indicators {
        top: 10px;
    }
    
    .carousel-indicator {
        width: 10px;
        height: 10px;
    }
}

/* Tablet 3D Carousel */
@media (min-width: 769px) and (max-width: 1024px) {
    .e-con-inner {
        gap: 25px;
        padding: 30px 15px;
    }
    
    .team-member {
        flex: 1;
        min-width: 250px;
    }
    
    .team-member:hover {
        transform: rotateY(12deg) rotateX(4deg) translateZ(18px);
    }
}

/* Desktop 3D Carousel */
@media (min-width: 1025px) {
    .e-con-inner {
        gap: 40px;
        padding: 50px 30px;
    }
    
    .team-member {
        flex: 1;
        min-width: 280px;
        max-width: 350px;
    }
}

/* 3D Animation Classes */
.team-member-3d-enter {
    animation: teamMember3DEnter 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes teamMember3DEnter {
    0% {
        opacity: 0;
        transform: rotateY(45deg) translateZ(-100px);
    }
    100% {
        opacity: 1;
        transform: rotateY(0deg) translateZ(0);
    }
}

.team-member-3d-hover {
    animation: teamMember3DHover 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes teamMember3DHover {
    0% {
        transform: rotateY(0deg) rotateX(0deg) translateZ(0);
    }
    50% {
        transform: rotateY(20deg) rotateX(8deg) translateZ(30px);
    }
    100% {
        transform: rotateY(15deg) rotateX(5deg) translateZ(20px);
    }
}

/* Animation Classes */
.nav-fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.nav-slide-in {
    animation: slideIn 0.3s ease-out;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Hide Social Sharing Element Completely */
.whb-nugd58vqvv5sdr3bc5dd,
.whb-column.whb-col-mobile.whb-column_mobile1.whb-hidden-lg .wd-social-icons.wd-style-default.wd-size-small.social-share.wd-shape-circle.whb-nugd58vqvv5sdr3bc5dd.color-scheme-light.text-center {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Alternative approach - hide the entire column if needed */
.whb-column.whb-col-mobile.whb-column_mobile1.whb-hidden-lg {
    display: none !important;
}

/* Hide social sharing element */
.whb-nugd58vqvv5sdr3bc5dd {
    display: none !important;
}

/* Alternative: Hide all social sharing elements in mobile columns */
.whb-column_mobile1 .wd-social-icons.social-share {
    display: none !important;
}

/* Hide ALL social sharing elements in header */
.wd-social-icons.social-share,
.whb-43k0qayz7gg36f2jmmhk,
.whb-rkzaqncufmnfur3sz7z1,
.wd-social-icons.wd-style-default.social-share.wd-shape-circle {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Hide the entire top bar social sharing section */
.whb-column.whb-col-right.whb-column7.whb-visible-lg .wd-social-icons,
.whb-column.whb-col-mobile.whb-column_mobile1.whb-hidden-lg .wd-social-icons {
    display: none !important;
}

/* Hide social sharing in all contexts */
.social-share,
.wd-social-icons.social-share,
[class*="whb-"][class*="social"] {
    display: none !important;
}

/* Hide the ENTIRE top bar section */
.whb-row.whb-top-bar,
.whb-top-bar,
.whb-flex-row.whb-top-bar-inner,
.whb-top-bar-inner {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Hide all top bar columns and elements */
.whb-column.whb-col-left.whb-column5,
.whb-column.whb-col-center.whb-column6,
.whb-column.whb-col-right.whb-column7,
.whb-column.whb-col-mobile.whb-column_mobile1,
.wd-header-divider,
.wd-header-nav.wd-header-secondary-nav,
#menu-top-bar-right,
.whb-qyxd33agi52wruenrb9t,
.whb-aik22afewdiur23h71ba,
.whb-hvo7pk2f543doxhr21h5 {
    display: none !important;
}

/* Hide top bar container */
.whb-row.whb-top-bar .container {
    display: none !important;
}