/*
Theme Name: PrintSpace - Child
Theme URI: https://harutheme.com/printspace
Author: HaruTheme
Author URI: https://harutheme.com/
Description: This is child theme of PrintSpace
Template: printspace
Version: 1.0.0
*/


/* Variables */
:root {
    --dmc-circle-size: 32px;
}
.tool-side{
    writing-mode:vertical-rl;
}
.term-description{
    display: none;
}
.full-width{
    padding: 0px;
    margin: 0px;
}
.page-content, .archive-content, .single-content{
    padding: 15px;
}
.single-product-top{
    max-width: 1440px;
    margin: 0 auto;
    padding: 20px;
}

.left-sidebar, .right-sidebar{
    margin-top: 30px;
}

.search-field{
    background: none !important;
    border-radius: 4px !important;
}
.woocommerce-loop-product__title {
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limits text to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* Container for the entire widget */
.dmc-symbols-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 100%;
}

/* Toggle button styling */
.dmc-symbols-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 9pt;
    font-weight: 800;
    transition: all 0.2s;
}

.dmc-symbols-toggle:hover {
    color: orange;
}

/* The content container for the symbols – collapsed by default */
.dmc-symbols-content {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease-out;
    display: flex;
    gap: 12px;
    cursor: grab;
}


/* Layout for the symbols slider (inside the content container) */
.dmc-symbol-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

/* Individual DMC circle */
.dmc-circle {
    width: var(--dmc-circle-size);
    height: var(--dmc-circle-size);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-sizing: border-box;
}

/* Symbol inside the circle */
.dmc-symbol {
    font-size: 16pt;
    padding: 0 0 3px 1px;
    background: transparent;
    user-select: none;
    pointer-events: none;
    transition: transform 0.3s;
}

/* DMC ID below the circle */
.dmc-id {
    font-size: 8pt;
    font-weight: 800;
    color: #333;
    white-space: nowrap;
    transition: color 0.3s;
}

/* Prevent text selection during drag */
.dmc-symbols-container,
.dmc-symbols-content,
.dmc-circle,
.dmc-symbol,
.dmc-id {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.woocommerce-tabs .tabs {
    display: none;
}
.haru-breadcrumb{
    padding: 14px;
}
.related{
    max-width: 1440px;
    margin: 0 auto;
}
.haru-single-product .related{
    margin-top: 0px;
}

.haru-single-product .related, .haru-single-product .upsells{
    padding: 0;
    border: 0;
}
.single-product-sticky__content{
    max-width: 1440px;
    margin: 0px auto;
    padding: 12px 0px;
}
.tab-title-description{
    padding: 20px !important;
}
.ucp-dflip-container, ._df_book{
    max-height: 66vh;
}

.pdf-embed-limit{
    max-height: 70vh;
}

.df-ui-btn.df-ui-share.df-icon-share{
    display: none;
}
.df-sidemenu-wrapper{
    max-height: 70vh;
}

.ucp-pattern-color-details{
    min-width: 1440px;
    border-collapse: collapse;
    font-size: 11pt !important;
}


.ucp-pattern-color-details th, .ucp-pattern-color-details td {
    padding: 6px !important;
    text-align: center;
}
.ucp-pattern-color-details th.dmc-divider,
.ucp-pattern-color-details td.dmc-divider {
    border-right: 1px solid #ccc !important;
}
.ucp-pattern-color-details th:nth-child(n+3),
.ucp-pattern-color-details td:nth-child(n+3) {
    text-align: center;
}
.ucp-pattern-color-details th{
    padding: 12px 0px !important;
}


/* Summary section styling */
.ucp-pattern-summary{
    display:flex;
    align-items:center;
    padding-bottom: 24px;
    font-family: Manrope;
}
.ucp-summary-items{
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    display: flex;
    justify-content: space-between;
    flex: 1;
    padding: 12px;
}
.ucp-summary-item {
    padding: 0px 20px;
    text-align: center;
    flex: 1;
    position: relative;
}
.ucp-summary-item:not(:first-child) {
    border-left: 1px solid #f2f2f2;
}
.ucp-summary-image{
    margin-right: 20px;
}
.ucp-summary-image img{
    border-radius: 10px !important;
    min-width: 124px;
    min-height: 124px;
}

.ucp-summary-value {
    font-size: 14pt;
}
.ucp-summary-label {
    font-size: 10pt;
    color: #666;
    font-weight: bold;
}

/* Ensure the horizontal scrolling container has the desired cursor for drag-to-scroll */
.ucp-scrollable-table {
    user-select: none;
    cursor: grab;
    border: 1px solid #f2f2f2 !important;
    border-radius: 8px;
}
.ucp-scrollable-table.active {
    cursor: grabbing;
}

/* Table styling for count sizes */
.woocommerce table, .woocommerce-page table, .woocommerce-js table{
    margin-bottom: 0px !important;
}
.ucp-scrollable-table::-webkit-scrollbar {
    height: 6px; /* Vertical scrollbar width */
}

.ucp-scrollable-table::-webkit-scrollbar-thumb {
    background-color: #e2e2e2 ; /* Light gray color */
    border-radius: 4px;
    border: 2px solid transparent; /* Optional: Adds a gap around the thumb */
}

.ucp-scrollable-table::-webkit-scrollbar-track {
    background-color: #f2f2f2; /* Light gray track */
    border-radius: 10px;
}
.ucp-scrollable-table::-webkit-scrollbar-button {
    display: none;
}

.ucp-pattern-size-details {
    width: 100%;
}
.ucp-pattern-size-details th,
.ucp-pattern-size-details td {
    padding: 6px;
    text-align: center !important;
}
.df-bg{
    background: none !important;
}

.box-shadow-img img {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23) !important;
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23) !important;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23) !important;
    border-radius: 4px !important;
}
.product-quick-view{
    border-radius: 14px;
    padding: 20px;
}
.product-quick-view .summary{
    font-size: 13px;
}
.cat-item-80{
    margin-bottom: 32px !important;
}
.widget_product_categories .product-categories{
    margin-bottom: 32px;
}
@media only screen and (max-width: 1920px) {
}


@media only screen and (max-width: 1025px) {
    .single-product-top{
        padding-top: 0px;
    }
}