/*
Theme Name: Orologio Child
Theme URI: https://orologio.okthemes.com/
Author: Cristian Gogoneata
Author URI: http://www.okthemes.com
Description: A premium watch shop theme for WordPress
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: orologio
Template: orologio
Tags: e-commerce, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Requires at least: 5.0
Tested up to: 6.5
Requires PHP: 7.4

*/

/* =Theme customization starts here
-------------------------------------------------------------- */
/* Uniform size for WooCommerce product images */
.products .product .product-image-wrap {
  width: 300px;
  height: 300px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.products .product .product-image-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.cart-drawer-header {
    position: relative;
}

#closeDrawerbtn {
  font-size: 24px;
  color: #333;
  cursor: pointer;
  position: absolute;
  left: 100px;
  top: 5%;
  transform: translateY(-50%);
}


@media (max-width: 768px) {
    body { font-size: 16px !important; }
    img { max-width: 100% !important; height: auto !important; }
    .container, .content, .main { width: 100% !important; padding: 10px !important; }
    table { font-size: 12px !important; }
}
@media (max-width: 767px) {
    .header-section-navigation ul.elementor-icon-list-items.elementor-inline-items {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        display: block;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }
    .header-section-navigation ul.elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
        display: inline-block;
    }
}

@media (min-width: 992px) {
    header.site-header .header-wrapper {
        grid-template-columns: auto 1fr;
        grid-template-rows: 1fr;
        grid-template-areas: "logo main-nav";
    }
}


/* Layout adjustment for larger screens */
@media (min-width: 768px) {

    .page-content {
        flex-direction: row;
        justify-content: space-between;
        gap: var(--orologio-grid-gap);
        padding: var(--orologio-grid-gap) 0;
    }

    .page-content:has(.sidebar-nav) > .gg_posts_grid,
    .page-content article {
        flex: 0 0 calc(100% - var(--orologio-sidebar-width) - var(--orologio-grid-gap));
        min-width: 0;
        overflow-wrap: break-word;
        word-break: break-word;
    }

    .page-content .sidebar-nav {
        flex: 0 0 var(--orologio-sidebar-width);
        min-width: 0;
        overflow-wrap: break-word;
        word-break: break-word;
    }

    body.left-sidebar .page-content {
        flex-direction: row-reverse;
    }

}


@media (max-width: 1500px) {
    body.no-sidebar .page-content {
        padding-left: 30px;
        padding-right: 30px;

    }
}

@media (max-width: 768px) {
    body.no-sidebar .page-content {
        padding-left: 15px;
        padding-right: 15px;

    }
}
@media (min-width: 768px) {
    .el-grid.products .isotope-item {
        margin: 1.5em;
    }

    .el-grid.products.has-1-columns .isotope-item {
        width: 100%;
    }

    .el-grid.products.has-2-columns .isotope-item {
        width: calc(50% - 3em);
    }

    .el-grid.products.has-3-columns .isotope-item {
        width: calc(33.33% - 3em);
    }

    .el-grid.products.has-4-columns .isotope-item {
        width: calc(25% - 3em);
    }

    .el-grid.products.has-5-columns .isotope-item {
        width: calc(20% - 3em);
    }

    .el-grid.products.has-6-columns .isotope-item {
        width: calc(16.66% - 3em);
    }
}

@media (min-width: 992px) {
    footer.site-footer .footer-credit-wrapper {
        flex-direction: row;
        align-items: center;
    }
}

footer.site-footer .footer-widgets:not(.no_active_widgets) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-2xl);
    margin-bottom: var(--space-4xl);
    position: relative;
    z-index: 4;
}

@media (max-width: 768px) {
    footer.site-footer .footer-widgets:not(.no_active_widgets) {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }
}
@media (max-width: 767px) {
    .header-section-navigation ul.elementor-icon-list-items.elementor-inline-items {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        display: block;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: var(--orologio-primary) transparent;
        padding: var(--space-md) 0;
    }
    
    .header-section-navigation ul.elementor-icon-list-items.elementor-inline-items::-webkit-scrollbar {
        height: 4px;
    }
    
    .header-section-navigation ul.elementor-icon-list-items.elementor-inline-items::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.1);
        border-radius: 2px;
    }
    
    .header-section-navigation ul.elementor-icon-list-items.elementor-inline-items::-webkit-scrollbar-thumb {
        background: var(--orologio-primary);
        border-radius: 2px;
    }
    
    .header-section-navigation ul.elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
        display: inline-block;
        margin-right: var(--space-lg);
    }
}
@media (max-width: 767px) {
    .searchform-overlay-wrapper form {
        width: 95%;
    }
    
    .searchform-overlay-wrapper form input[type="search"] {
        padding: var(--space-lg);
        font-size: var(--text-lg);
    }
}
@media screen and (max-width: 782px) {
    .site-subheader .page-meta .page-meta-wrapper {
        padding: var(--space-2xl) var(--space-lg);
    }
}
@media (min-width: 992px) {
    header.site-header .header-wrapper {
        grid-template-columns: auto 1fr;
        grid-template-rows: 1fr;
        grid-template-areas: "logo main-nav";
    }
}