/* ==========================================================================
   WoodMart-Inspired Single Product Page Layout & Styling
   Matches https://woodmart.xtemos.com/shop/accessories/smart-watches-wood-edition/
   ========================================================================== */

/* 1. Main Two-Column Product Area Spacing & Alignment */
body.single-product .elementor-location-single > .elementor-section.elementor-top-section {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
}

/* 2. Left Column: Studio Product Gallery Card */
body.single-product .elementor-widget-woocommerce-product-etheme_product_images .swiper-entry,
body.single-product .elementor-widget-woocommerce-product-etheme_product_images .main-images {
    background: #f8f8f8;
    border-radius: 2px;
    padding: 18px;
}

body.single-product .elementor-widget-woocommerce-product-etheme_product_images .vertical-thumbnails .swiper-slide img,
body.single-product .elementor-widget-woocommerce-product-etheme_product_images .thumbnails-list img {
    background: #f8f8f8;
    border-radius: 2px;
    padding: 4px;
    border: 1px solid transparent;
    transition: border-color 0.2s ease, opacity 0.2s ease;
}

body.single-product .elementor-widget-woocommerce-product-etheme_product_images .swiper-slide-thumb-active img {
    border-color: #242424;
}

/* 3. Right Column Top Bar: Breadcrumbs on Left + Prev/Grid/Next Nav on Right */
.sos-wm-top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.sos-wm-breadcrumb-col .woocommerce-breadcrumb,
.sos-wm-breadcrumb-col .et-breadcrumb {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13.5px !important;
    color: #777777 !important;
    text-align: left !important;
    line-height: 1.5 !important;
}

.sos-wm-breadcrumb-col .woocommerce-breadcrumb a,
.sos-wm-breadcrumb-col .et-breadcrumb a {
    color: #777777 !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    transition: color 0.15s ease;
}

.sos-wm-breadcrumb-col .woocommerce-breadcrumb a:hover,
.sos-wm-breadcrumb-col .et-breadcrumb a:hover {
    color: #242424 !important;
}

.sos-wm-breadcrumb-col .woocommerce-breadcrumb .delimeter,
.sos-wm-breadcrumb-col .et-breadcrumb .delimeter {
    margin: 0 5px;
    color: #b0b0b0;
}

.sos-wm-product-nav {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.sos-wm-nav-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #555555 !important;
    font-size: 13px;
    text-decoration: none !important;
    transition: color 0.15s ease, transform 0.15s ease;
}

.sos-wm-nav-btn:hover {
    color: #242424 !important;
}

/* 4. Title + Brand Card Box Row (WoodMart Style) */
.sos-wm-title-brand-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 10px;
}

.sos-wm-title-col {
    flex: 1;
    min-width: 0;
}

body.single-product .elementor-widget-woocommerce-product-etheme_title .product_title,
body.single-product .sos-wm-title-col .product_title,
body.single-product .sos-wm-title-col h1,
body.single-product .sos-wm-title-col h2 {
    font-size: 28px !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
    color: #242424 !important;
    margin: 0 !important;
}

.sos-wm-brand-card {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid #eeeeee;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
    padding: 12px 20px;
    min-width: 115px;
    max-width: 155px;
    min-height: 56px;
    border-radius: 2px;
    text-decoration: none !important;
    flex-shrink: 0;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.sos-wm-brand-card:hover {
    border-color: #dcdcdc;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

.sos-wm-brand-logo {
    max-width: 115px;
    max-height: 36px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

.sos-wm-brand-wordmark {
    font-size: 16px;
    font-weight: 800;
    color: #1a1a1a;
    letter-spacing: -0.02em;
    text-transform: lowercase;
    line-height: 1.1;
}

/* 5. Price & Short Description (WoodMart Green & Clean Typography) */
body.single-product .elementor-widget-woocommerce-product-etheme_price .price {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #83b735 !important;
    margin: 4px 0 12px 0 !important;
}

body.single-product .elementor-widget-woocommerce-product-etheme_price .price del {
    color: #a8a8a8 !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    margin-right: 6px;
}

body.single-product .elementor-widget-woocommerce-product-etheme_price .price ins {
    text-decoration: none !important;
    color: #83b735 !important;
}

body.single-product .elementor-widget-woocommerce-product-etheme_short_description .woocommerce-product-details__short-description,
body.single-product .elementor-widget-woocommerce-product-etheme_short_description .woocommerce-product-details__short-description p {
    font-size: 14.5px !important;
    line-height: 1.7 !important;
    color: #777777 !important;
    margin: 0 0 18px 0 !important;
}

/* 6. Primary Action Buttons (Add to Cart & WhatsApp Button) */
body.single-product .elementor-widget-woocommerce-product-etheme_add_to_cart form.cart {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 14px !important;
}

body.single-product .elementor-widget-woocommerce-product-etheme_add_to_cart .single_add_to_cart_button,
body.single-product .elementor-element-69f9e9e .elementor-button,
body.single-product .elementor-element-9ece57d .elementor-button,
body.single-product .elementor-element-683f6dc .elementor-button {
    background-color: #83b735 !important;
    border-color: #83b735 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    padding: 12px 24px !important;
    border-radius: 0 !important;
    min-height: 42px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease !important;
}

body.single-product .elementor-widget-woocommerce-product-etheme_add_to_cart .single_add_to_cart_button:hover,
body.single-product .elementor-element-69f9e9e .elementor-button:hover,
body.single-product .elementor-element-9ece57d .elementor-button:hover,
body.single-product .elementor-element-683f6dc .elementor-button:hover {
    background-color: #6f9e29 !important;
    border-color: #6f9e29 !important;
}

/* 7. Single-Line Horizontal Secondary Actions: Compare | Add to wishlist | Ask an Expert */
body.single-product .elementor-widget-woocommerce-product-etheme_compare,
body.single-product .elementor-widget-woocommerce-product-etheme_wishlist,
body.single-product .elementor-widget-woocommerce-product-etheme_request_a_quote {
    display: inline-block !important;
    width: auto !important;
    margin-right: 24px !important;
    margin-bottom: 12px !important;
    vertical-align: middle !important;
}

body.single-product .elementor-widget-woocommerce-product-etheme_compare a,
body.single-product .elementor-widget-woocommerce-product-etheme_wishlist a,
body.single-product .elementor-widget-woocommerce-product-etheme_request_a_quote .etheme-modal-popup-button {
    color: #242424 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    text-decoration: none !important;
    transition: color 0.15s ease;
}

body.single-product .elementor-widget-woocommerce-product-etheme_compare a:hover,
body.single-product .elementor-widget-woocommerce-product-etheme_wishlist a:hover,
body.single-product .elementor-widget-woocommerce-product-etheme_request_a_quote .etheme-modal-popup-button:hover {
    color: #777777 !important;
}

/* 8. Clean Solid Divider Above Product Meta */
body.single-product .elementor-widget-woocommerce-product-etheme_meta {
    border-top: 1px solid #eaeaea;
    padding-top: 16px;
    margin-top: 6px !important;
}

body.single-product .elementor-widget-woocommerce-product-etheme_meta .product_meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 14px !important;
    color: #777777 !important;
}

body.single-product .elementor-widget-woocommerce-product-etheme_meta .product_meta > span,
body.single-product .elementor-widget-woocommerce-product-etheme_meta .product_meta .sos-single-meta-item {
    display: block;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #777777 !important;
    font-weight: 400 !important;
}

body.single-product .elementor-widget-woocommerce-product-etheme_meta .product_meta .sku_wrapper,
body.single-product .elementor-widget-woocommerce-product-etheme_meta .product_meta .posted_in,
body.single-product .elementor-widget-woocommerce-product-etheme_meta .product_meta .tagged_as,
body.single-product .elementor-widget-woocommerce-product-etheme_meta .product_meta .sos-meta-label {
    font-weight: 600 !important;
    color: #242424 !important;
}

body.single-product .elementor-widget-woocommerce-product-etheme_meta .product_meta .sku,
body.single-product .elementor-widget-woocommerce-product-etheme_meta .product_meta a {
    font-weight: 400 !important;
    color: #777777 !important;
    text-decoration: none !important;
}

body.single-product .elementor-widget-woocommerce-product-etheme_meta .product_meta a:hover {
    color: #242424 !important;
}

/* Inline Share Row inside Product Meta (WoodMart Style) */
.sos-wm-share-row {
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin-top: 4px !important;
}

.sos-wm-share-links {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.sos-wm-share-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #777777 !important;
    transition: color 0.15s ease, transform 0.15s ease;
}

.sos-wm-share-links a:hover {
    color: #242424 !important;
    transform: translateY(-1px);
}

/* 9. Full-Width Centered Horizontal Tabs Bar Below Product Main Area (WoodMart Style) */
body.single-product .elementor-widget-woocommerce-product-etheme_tabs {
    margin-top: 36px !important;
    margin-bottom: 40px !important;
    border-top: 1px solid #e8e8e8;
}

body.single-product .elementor-widget-woocommerce-product-etheme_tabs .woocommerce-tabs.horizontal .wc-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 34px !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.single-product .elementor-widget-woocommerce-product-etheme_tabs .woocommerce-tabs.horizontal .wc-tabs:after,
body.single-product .elementor-widget-woocommerce-product-etheme_tabs .woocommerce-tabs.horizontal .wc-tabs:before {
    display: none !important;
}

body.single-product .elementor-widget-woocommerce-product-etheme_tabs .woocommerce-tabs.horizontal .wc-tabs .et-woocommerce-tab {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    position: relative;
}

body.single-product .elementor-widget-woocommerce-product-etheme_tabs .woocommerce-tabs.horizontal .wc-tabs .et-woocommerce-tab > a {
    display: inline-block !important;
    padding: 20px 0 18px 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    color: #777777 !important;
    text-decoration: none !important;
    position: relative;
    border: none !important;
    background: transparent !important;
    transition: color 0.2s ease;
}

body.single-product .elementor-widget-woocommerce-product-etheme_tabs .woocommerce-tabs.horizontal .wc-tabs .et-woocommerce-tab > a:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #83b735;
    transform: scaleX(0);
    transition: transform 0.22s ease;
}

body.single-product .elementor-widget-woocommerce-product-etheme_tabs .woocommerce-tabs.horizontal .wc-tabs .et-woocommerce-tab.active > a,
body.single-product .elementor-widget-woocommerce-product-etheme_tabs .woocommerce-tabs.horizontal .wc-tabs .et-woocommerce-tab > a:hover {
    color: #242424 !important;
}

body.single-product .elementor-widget-woocommerce-product-etheme_tabs .woocommerce-tabs.horizontal .wc-tabs .et-woocommerce-tab.active > a:before {
    transform: scaleX(1);
}

body.single-product .elementor-widget-woocommerce-product-etheme_tabs .woocommerce-tabs .wc-tab,
body.single-product .elementor-widget-woocommerce-product-etheme_tabs .woocommerce-tabs .panel {
    padding-top: 26px !important;
    border-top: none !important;
    font-size: 14.5px;
    line-height: 1.75;
    color: #666666;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}

/* Additional Information Table in Horizontal Tab */
.sos-wm-spec-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 16px;
}

.sos-wm-spec-table th,
.sos-wm-spec-table td {
    padding: 12px 16px;
    border-bottom: 1px solid #eeeeee;
    text-align: left;
    font-size: 14px;
}

.sos-wm-spec-table th {
    width: 240px;
    font-weight: 600;
    color: #242424;
    background: #fafafa;
}

.sos-wm-spec-table td {
    color: #666666;
}

@media (max-width: 767px) {
    .sos-wm-title-brand-row {
        flex-direction: column;
        gap: 10px;
    }
    body.single-product .elementor-widget-woocommerce-product-etheme_tabs .woocommerce-tabs.horizontal .wc-tabs {
        gap: 18px !important;
        justify-content: flex-start !important;
    }
}