/*
 Theme Name:   Tomis
 Author:       Sergey Todorov
 Author URI:   https://uiux.eu
 Template:     blocksy
 Version:      1.0.0
 Text Domain:  tomis
*/

/* Import the styles from the parent theme */
/* commented out, enqueuing in functions.php instead */
/* @import url("../blocksy/style.css"); */

/* Add your own custom styles here */

:root {
    --theme-form-font-size: 18px;
    --theme-form-field-background-initial-color: white;
    --theme-form-field-padding: 0 15px;
    --theme-form-field-height: 54px;

    --theme-form-selection-field-initial-color: var(--theme-palette-color-1) !important;
}

@media (min-width: 782px) {
    .tms-mobileOnly {
        display: none;
    }
}
@media (max-width: 781px) {
    .tms-desktopOnly {
        display: none;
    }
}

.tms-ctg-dtl { display: flex; flex-direction: column; gap: 15px; }	

html[lang="bg-BG"] {
    .dtl-expand:before { content: "Покажи още"; }
    .dtl-skip:before { content: "Прескочи надолу към продукти"; }	    
}
html[lang="en-US"] {
    .dtl-expand:before { content: "Show more"; }
    .dtl-skip:before { content: "Scroll down to products"; }
}

.dtl-expand,
.dtl-skip { 
    display: none; 
    color: var(--theme-link-initial-color);
    cursor: pointer;
}
.dtl-expand:hover,
.dtl-skip:hover { 
    color: var(--theme-link-hover-color);
}

.hero-section .entry-header { gap: 20px; }
.hero-section .entry-header .page-title { order: 1; }
.hero-section .entry-header .page-description { order: 3; margin-top: 0; }
.hero-section .entry-header .ct-breadcrumbs { order: 2; margin-top: 0; }

.tms-ctg-dtl .dtl-content { text-align: left; display: flex; flex-direction: column; gap: 20px; }

.tms-ctg-dtl p { margin-bottom: 0; }	

.tms-ctg-dtl ul { font-size: 0.75em; list-style: none; padding: 0; display: flex; flex-direction: column; gap: 5px; }

.tms-ctg-dtl ul li { display: flex; gap: 10px; }

.tms-ctg-dtl ul li .line-label { min-width: 240px; }

.tms-ctg-dtl ul li .line-value { display: flex; flex-direction: column; }

.tms-cntct-map-wrap { aspect-ratio: 1 / 1; width: 100%; }
.tms-cntct-map { width: 100%; height: 100%; }

.woocommerce-info.tms-comingSoon { padding: 40px; background-color: white; flex-direction: column; font-size: var(--theme-font-size); text-align: center; align-items: center; gap: 10px; }
.woocommerce-info.tms-comingSoon p { margin: 0; }
.woocommerce-info.tms-comingSoon:before { display: none; }

@media (max-width: 665px) {
    .tms-ctg-dtl ul { gap: 10px; }
    .tms-ctg-dtl ul li { flex-direction: column; gap: 0; }
    .tms-ctg-dtl ul li .dtl-label { min-width: 0; }
    .dtl-skip { display: block; }
}

:where(.wp-block-columns.has-background) {
    padding: 1.25em 1.25em
}

.ct-media-container img, 
.ct-media-container picture { object-fit: contain !important; }

.ct-media-container { 
    aspect-ratio: 1/1;
    background-color: white;
    padding: 0;
}



.ct-woocommerce-cart-form div.quantity input[type=number] {
    --theme-form-font-size: 1.0em;
}



.ct-woocommerce-checkout #payment .payment_methods>.wc_payment_method>label:before, 
.ct-woocommerce-checkout #payment .payment_methods>.woocommerce-PaymentMethod>label:before {
    margin-top: 0;
    background-color: white;
}


.ct-woocommerce-checkout .ct-customer-details p {
    margin-block-end: 0.5em;
}
.ct-woocommerce-checkout .ct-customer-details label {
    margin: 0.75em 0 0.25em 0;
}

.ct-woocommerce-checkout .ct-customer-details h3,
.ct-woocommerce-checkout .ct-customer-details h3#ship-to-different-address label {
    font-size: 24px;
}

.ct-woocommerce-checkout .ct-customer-details .woocommerce-shipping-fields {
    margin-bottom: 40px;
}


.ct-woocommerce-checkout .ct-order-review h3 {
    font-size: 24px;
}

.ct-woocommerce-checkout .ct-order-review .cart_item td {
    padding-block: 1em;
}

.ct-woocommerce-checkout .ct-order-review table.shop_table {
    --theme-table-font-size: 18px;
}
.ct-woocommerce-checkout .ct-order-review table.shop_table dl {
    font-size: 14px;
}



.woocommerce-order-received .woocommerce-order .woocommerce-order-overview { 
    background-color: white; 
    margin-bottom: 1em;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-details { 
    border: 1px solid var(--theme-border-color);
    padding: 1em 1.3em;
    background-color: white; 
}
.woocommerce-order-received .woocommerce-order .woocommerce-customer-details { 
    margin-top: 1em;
    border: 1px solid var(--theme-border-color);
    padding: 1em 1.3em;
    background-color: white; 
}

.woocommerce-order-received .woocommerce-order .woocommerce-customer-details address { 
    padding: 0;
    border: none;
}

.woocommerce-order-received .woocommerce-order .woocommerce-customer-details address p { 
    margin-block-end: 0;
}



.header-menu-1 .menu li.menu-item {
    flex-basis: 0;
}

.header-menu-1 .menu li.menu-item .ct-menu-link .ct-toggle-dropdown-desktop { display: none; }


@media (max-width: 1199px) {

    .header-menu-1 .menu {
        
    }
    .header-menu-1 .menu li.menu-item {
        align-items: flex-start;
        flex-basis: 0;
    }
    .header-menu-1 .menu li.menu-item .ct-menu-link {
        max-width: 180px;
        white-space: normal;
        --menu-item-height: auto;
        /* font-size: 17px; */
        /* padding-inline: 15px; */
    } 

}


.woocommerce-product-attributes .woocommerce-product-attributes-item__value p a { text-decoration: none; } 
.product .product-entry-wrapper .entry-summary .product_meta>span {
    text-transform: none;
}





body .uu-cookiesMessage {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.75);
    color: white;
    width: 100%;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    gap: 20px;
    align-items: baseline;
    justify-content: center;
    text-wrap: balance;
    line-height: 140%;
}
body .uu-cookiesMessage button.button {
    font-size: 16px;
    padding: 8px 12px;
    min-height: 0;
}
@media (max-width: 1023px) {
    body .uu-cookiesMessage {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
}
body .uu-cookiesMessage .cookiesMessage-actions {
    white-space: nowrap;
    display: flex;
    align-items: baseline;
    gap: 20px;
}
body .uu-cookiesMessage a.actions-more {
    color: white;
    text-decoration: underline;
}
body .uu-cookiesMessage a.actions-more:hover {
    text-decoration: none;
}
body .uu-cookiesMessage.md-shown {
    display: flex;
}