/*
Theme Name:   PhotoCab
Theme URI:    https://photocab.com.ua
Description:  Child theme for Blocksy. Custom design system for PhotoCab store.
Author:       PhotoCab
Template:     blocksy
Version:      1.0.0
Text Domain:  photocab
*/

/* Design tokens and component styles live in assets/css/tokens.css */

body [data-dropdown*=padded] .sub-menu li>.ct-menu-link {
    margin-top: 0;
    margin-bottom: 0;
    border-radius: var(--theme-button-border-radius, 3px);
}

body .woocommerce-product-gallery__trigger {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid var(--theme-palette-color-5);
    top: 14px;
    right: 14px;
}

body .woocommerce-product-gallery__trigger:hover {
    border-color: var(--theme-palette-color-10);
}

/* Product page (gallery) placement. Product cards override this with their
   own 8px/8px offsets - see assets/css/product-card.css. */
body :is(.onsale,.out-of-stock-badge,[class*=ct-woo-badge-]) {
    --badge-top: 14px;
    --badge-left: 14px;
    min-width: auto;
    height: auto;
}

body :is(.onsale,.out-of-stock-badge,[class*=ct-woo-badge-])[data-shape=type-2] {
    --badge-radius: var(--pc-radius-ctl);
}

.woocommerce-product-gallery .flexy {
    background-color: var(--theme-palette-color-8);
    border-radius: 12px;
    border: 1px solid var(--theme-palette-color-5);
    padding: 24px;
}

.woocommerce-product-gallery .flexy-pills .ct-media-container {
    padding: 8px;
    background-color: var(--theme-palette-color-8);
}

body .woocommerce-product-gallery li .ct-media-container:after {
    border: 1px solid var(--theme-palette-color-5);
}

body .woocommerce-product-gallery li.active .ct-media-container:after {
    border: 1px solid var(--theme-palette-color-1);
}

body .ct-product-additional-actions {
    --theme-font-weight: 400;
    --theme-icon-size: 17px;
}

.product_list_widget .product-title {
    font-size: var(--pc-fs-card);
    line-height: 1.45;
    font-weight: 500;
    color: var(--pc-ink-900);
}

@media (min-width: 480px) {
    body #woo-cart-panel .product-title {
        font-weight: 500;
    }
}

body .product_list_widget li {
    grid-template-columns: 18% 1fr;
    --mini-cart-items-spacing: 24px;
}

body [class*=ct-dynamic-count] {
    font-size: 11px;
    font-weight: 500;
}

body .ct-header-search:hover {
    color: var(--theme-palette-color-1);
}

#search-modal .ct-search-form {
    border: 1px solid var(--theme-palette-color-5);
}

#search-modal .ct-search-form .ct-search-results {
    border-top: 1px solid var(--theme-palette-color-5);
}

body #search-modal .ct-search-results {
    gap: 0;
    grid-template-columns: repeat(1, 1fr);
    max-height: 420px;
    overflow: auto;
    padding: 8px;
}

#search-modal .ct-search-results .ct-search-item {
    padding: 10px 12px;
    border-radius: 10px;
    gap: 16px;
}

#search-modal .ct-search-results .ct-search-item:hover {
    background-color: var(--theme-palette-color-9);
}

body #search-modal .ct-search-results:has(.ct-search-more) {
    padding-bottom: 56px;
}

body #search-modal .ct-search-results .ct-search-more {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: inherit;
    border-top: 1px solid var(--theme-palette-color-5);
}

[data-header*="type-1"] #search-modal .ct-search-form {
    --theme-button-text-initial-color: var(--theme-palette-color-8);
}


body #search-modal .ct-search-results .ct-media-container {
    --search-image-size: 56px;
}

#search-modal .ct-search-form .ct-search-form-inner {
    outline: 0;
    border: 0;
    padding: var(--pc-space-2);
}

#search-modal .ct-search-form:has(.ct-search-results) {
    background-color: var(--theme-palette-color-8);
}

svg.default-logo {
    transition: color var(--pc-dur-fast) ease;
}

svg.default-logo:hover {
    color: var(--pc-accent-500);
}

svg.default-logo {
    color: currentColor;
}

svg.default-logo g {
    fill: currentColor;
}

svg.default-logo circle[fill="none"] {
    stroke: currentColor;
}

svg.default-logo:hover circle:not([fill="none"]) {
    stroke: var(--pc-accent-600);
}

.mobile-menu .sub-menu .menu-item a {
    padding-left: var(--pc-space-2);
    padding-right: var(--pc-space-2);
    border-radius: var(--pc-radius-ctl);
}

.mobile-menu .sub-menu .menu-item.current-menu-item a,
.mobile-menu .sub-menu .menu-item:hover a {
    background-color: var(--theme-palette-color-9);
}

[class*=ct-contact-info] .contact-title {
    font-weight: 500;
}

body [data-pagination=simple] .page-numbers,
body [data-pagination=next_prev] .page-numbers {
    --theme-border-radius: var(--pc-radius-ctl);
    border-width: 1px;
}

body .ct-toggle-filter-panel {
    --toggle-button-radius: var(--pc-radius-ctl);
}

body .ct-account-modal {
    border-radius: var(--pc-radius-card);
}

@media (min-width: 480px) {
    body .ct-account-modal .ct-account-forms {
        padding: var(--pc-space-14);
    }
}

table.shop_table {
    --theme-table-font-size: var(--pc-fs-btn);
}

.shop_table th {
    font-weight: 400;
    font-size: var(--pc-fs-btn);
    color: var(--pc-ink-600);
}

.theChampGoogleBackground {
    border-radius: var(--pc-radius-ctl);
    border-color: var(--pc-accent-500);
}

.woo-listing-top .woocommerce-ordering select:focus {
    outline-width: 1px;
    outline-offset: -1px;
}

:is(.woocommerce-info,.woocommerce-error,.woocommerce-message,.woocommerce-thankyou-order-received) {
    font-size: var(--pc-fs-card);
    line-height: var(--pc-lh-card);
    /*color: var(--pc-ink-900);*/
    padding-block: var(--pc-space-3);
    padding-inline-end: var(--pc-space-3);
    clear: both;
    border-radius: var(--pc-radius-card);
    margin-bottom: var(--pc-space-8);
    background: var(--background-color);
    --theme-link-initial-color: var(--theme-text-color);
}