/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*Menu Icons*/
.car-icon {
    background-image: url('/wp-content/uploads/2025/03/car-menu.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 40px!important;
}
.mixani-icon {
    background-image: url('/wp-content/uploads/2025/03/mixani-menu.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px!important;
}
.track-icon {
    background-image: url('/wp-content/uploads/2025/03/track-menu.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px!important;
}
.bike-icon {
    background-image: url('/wp-content/uploads/2025/03/bike-menu.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px!important;
}
.gadgets-icon {
    background-image: url('/wp-content/uploads/2025/03/gadgets-menu.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px!important;
}
.camping-icon {
    background-image: url('/wp-content/uploads/2025/03/camping-menu.png');
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 15px!important;
}

/*Home Carousel*/
.gp-carousel-right i.fa.fa-chevron-left {
    display: none;
}
.gp-carousel-left i.fa.fa-chevron-right {
    display: none;
}
.eael-woo-product-carousel-container .icons-wrap.block-style li a.button.add_to_cart_button,
.eael-woo-product-carousel-container .icons-wrap.block-style li a {
    background: blue!important;
}

/*Best Sellers*/
.gp-title h2.elementor-heading-title.elementor-size-default {
    padding: 20px;
}
.gp-inline .elementor-widget-container {
    display: inline-block;
}

/*Header Search*/
.gp-search .e-search .e-search-submit {
    background-color: transparent;
}
.gp-search svg.e-font-icon-svg.e-fas-search {
    position: absolute;
    right: 70px;
}

/*Text*/
h1.entry-title {
    margin-top: 50px;
}

/*brands Grid*/
.brands-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 20px;
    padding: 20px;
    margin: 0 auto;
    max-width: 1200px;
}

.brand-item {
    text-align: center;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px;
    transition: all 0.3s ease;
}

.brand-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.brand-logo {
    max-width: 100%;
    height: auto;
    max-height: 80px;
    object-fit: contain;
}

.brand-name {
    display: block;
    margin-top: 10px;
    font-weight: 600;
    color: #333;
}

/*Products*/
.woocommerce span.onsale {
    background-color: #B71817!important;
    padding: 0 10px;
}
h2.woocommerce-loop-product__title {
    color: black;
}
form.woocommerce-ordering {
    margin-bottom: 50px !important;
}
section.related.products {
    margin-top: 80px;
}
p.price {
    color: red !important;
}
button.single_add_to_cart_button.button.alt,
button.single_add_to_cart_button.button.alt:hover {
    background-color: black;
}
.woocommerce .woocommerce-breadcrumb {
    margin: 2em 0 2em!important;
}
.product_meta {
    display: flex;
    flex-direction: column;
}
span.sku_wrapper,
span.posted_in,
span.tagged_as,
span.posted_in {
    font-weight: 500;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    color: red!important;
}
td.woocommerce-product-attributes-item__value {
    padding-top: 7px !important;
    padding-left: 15px !important;
}

/*cart*/
:root :where(.wp-element-button, .wp-block-button__link):hover {
    background-color: grey !important;
}
.alignwide {
    margin-inline: 0px!important
}

/*search filters*/

.wpc-filters-widget-wrapper {
    max-width: 1080px;
    margin: 38px auto 0 auto !important;
    background: #f4f4f4;
    border-radius: 10px;
    padding: 38px 40px 38px 40px;
    display: flex;
    justify-content: center;
}

.wpc-filters-section {
    margin: 0 10px 0 0 !important;
}

.wpc-filters-widget-wrapper > .wpc-instead-of-posts-found,
.wpc-filters-widget-wrapper > .wpc-filters-section {
    display: inline-block !important;
    vertical-align: top;
}

.wpc-filters-section select.wpc-filters-widget-select {
    width: 220px;
    height: 48px;
    border-radius: 6px;
    border: 1px solid #ddd;
    font-size: 18px;
    padding-left: 14px;
    background: #fff;
    margin-bottom: 0 !important;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
}

.wpc-filter-header, 
.wpc-filter-title {
    display: none !important;
}

.wpc-filters-section-72320 {
    display: inline-block !important;
    vertical-align: top;
    margin-left: 10px;
}

.wpc-filters-submit-button {
    background: #0078e7 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 0 28px !important;
    font-size: 18px !important;
    line-height: 42px !important;
    height: 44px !important;
    margin-left: 12px !important;
    margin-top: 0 !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: background 0.2s;
    min-width: 110px;
}

.wpc-filters-submit-button:hover {
    background: #0059b3 !important;
}

.wpc-filters-reset-button {
    display: none !important;
}

/* Βελάκι στο select (πιο εμφανές, προαιρετικό) */
.wpc-filters-widget-select {
    background: #fff url('data:image/svg+xml;utf8,<svg fill="gray" height="16" viewBox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7.293 7.293a1 1 0 0 1 1.414 0L10 8.586l1.293-1.293a1 1 0 1 1 1.414 1.414l-2 2a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 0-1.414z"/></svg>') no-repeat right 16px center/18px 18px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    padding-right: 32px !important;
}

/* Responsive – Τα φίλτρα πάνε κάτω-κάτω αν μικρύνει η οθόνη */
@media (max-width: 600px) {
  .wpc-filters-widget-wrapper {
    display: flex;
    flex-direction: column;
    gap: 14px; /* Απόσταση μεταξύ φίλτρων */
    align-items: stretch;
    padding: 8px;
  }

  .wpc-filters-section {
    width: 100%;
    margin: 0 !important;
  }

  .wpc-filters-widget-select {
    width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
    font-size: 1.1em;
    padding: 10px;
  }

  .wpc-filters-submit-button,
  .wpc-filters-reset-button {
    display: block;
    width: 100% !important;
    margin-top: 0.5em;
    box-sizing: border-box;
    font-size: 1.1em;
    text-align: center;
  }

  /* Βελτιώνει το margin αν το κουμπί είναι σε δικό του div */
  .wpc-filter-layout-submit-button {
    margin: 0 auto !important;
    width: 50%;
  }
}

/*ajax search lite*/
/* Εξαφάνισε το background από όλους τους wrapper containers γύρω από το Ajax Search Lite */
#ajaxsearchlite1,
#ajaxsearchlite1.asl_w,
#ajaxsearchlite1.asl_m,
#ajaxsearchlite1.asl_m_1 {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Το κανονικό search box */
#ajaxsearchlite1 .probox {
    background: #dddddd !important;
    border-radius: 30px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    min-height: 52px !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    position: relative;
    box-shadow: none !important;
    border: none !important;
}

/* ΤΟ INPUT: μαύρο κείμενο, placeholder γκρι/μαύρο, κάθετο κέντρο */
#ajaxsearchlite1 .proinput {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    margin-left: 0 !important;
}

#ajaxsearchlite1 input.orig {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    font-size: 1.05rem !important;
    color: #181818 !important;            /* ΜΑΥΡΑ ΓΡΑΜΜΑΤΑ */
    padding: 0 48px 0 24px !important;
    margin: 0 !important;
    font-family: 'Montserrat', 'Open Sans', Arial, sans-serif !important;
    font-weight: 400 !important;
    line-height: 52px !important;
    height: 52px !important;
    border-radius: 30px !important;
    box-shadow: none !important;
    outline: none !important;
    display: block !important;
    letter-spacing: 0 !important;
}

/* Εξαναγκασμός για όλα τα placeholder να είναι γκρι/μαύρο και όχι bold */
#ajaxsearchlite1 input.orig::placeholder,
#ajaxsearchlite1 input.orig::-webkit-input-placeholder,
#ajaxsearchlite1 input.orig::-moz-placeholder,
#ajaxsearchlite1 input.orig:-ms-input-placeholder,
#ajaxsearchlite1 input.orig:-moz-placeholder {
    color: #181818 !important;            /* ή #181818 αν θες πιο σκούρο */
    opacity: 1 !important;
    font-size: 1.05rem !important;
    font-family: 'Montserrat', 'Open Sans', Arial, sans-serif !important;
    font-weight: 400 !important;
    line-height: 52px !important;
}

/* Εικονίδιο Search δεξιά, χωρίς background */
#ajaxsearchlite1 .promagnifier {
    position: absolute !important;
    right: 18px !important;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 32px !important;
    width: 32px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 2;
}

#ajaxsearchlite1 .promagnifier *,
#ajaxsearchlite1 .promagnifier:before,
#ajaxsearchlite1 .promagnifier:after {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#ajaxsearchlite1 .promagnifier .innericon svg {
    width: 28px !important;
    height: 28px !important;
    fill: #181818 !important;
    color: #181818 !important;
    display: block !important;
    background: transparent !important;
}

/* Καμία σκιά/γραμμή γύρω από το input όταν είναι focus */
#ajaxsearchlite1 input.orig:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Απόκρυψη loading/close εικονιδίων */
#ajaxsearchlite1 .proloading,
#ajaxsearchlite1 .proclose {
    display: none !important;
}

/* Responsive εμφάνιση για κινητά */
@media (max-width: 700px) {
  #ajaxsearchlite1 .probox {
    min-height: 42px !important;
    max-width: 100% !important;
  }
  #ajaxsearchlite1 input.orig,
  #ajaxsearchlite1 input.orig::placeholder {
    font-size: 1rem !important;
    padding-left: 14px !important;
    padding-right: 44px !important;
    height: 42px !important;
    line-height: 42px !important;
  }
  #ajaxsearchlite1 .promagnifier {
    right: 12px !important;
    height: 28px !important;
    width: 28px !important;
  }
  #ajaxsearchlite1 .promagnifier .innericon svg {
    width: 22px !important;
    height: 22px !important;
  }
}

#ajaxsearchlite1 input.orig::placeholder { 
    color: #181818 !important; 
    opacity: 1 !important; 
}
#ajaxsearchlite1 input.orig::-webkit-input-placeholder { 
    color: #181818 !important; 
    opacity: 1 !important; 
}
#ajaxsearchlite1 input.orig::-moz-placeholder { 
    color: #181818 !important; 
    opacity: 1 !important; 
}
#ajaxsearchlite1 input.orig:-ms-input-placeholder { 
    color: #181818 !important; 
    opacity: 1 !important; 
}
#ajaxsearchlite1 input.orig:-moz-placeholder { 
    color: #181818 !important; 
    opacity: 1 !important; 
}
/* Και λίγο πιο επιθετικά, ακόμα και αν κάποιο wrapper το override-άρει */
.asl_w input.orig::placeholder, 
.asl_w input.orig::-webkit-input-placeholder, 
.asl_w input.orig::-moz-placeholder, 
.asl_w input.orig:-ms-input-placeholder, 
.asl_w input.orig:-moz-placeholder {
    color: #181818 !important;
    opacity: 1 !important;
}

/*mobile menu*/
@media (max-width: 1024px) {
  .gp-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
    position: fixed !important;
    top: 192px !important;   /* άλλαξε αυτό αν το header είναι αλλού */
    bottom: 0 !important;
    height: calc(100vh - 192px) !important; /* για να μην καλύπτει το logo */
    border-radius: 0 !important;
    box-shadow: none !important;
    background: linear-gradient(135deg, #114af5 0%, #37a0f7 100%) !important;
    z-index: 99999 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .gp-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container > ul,
  .gp-menu #menu-2-d571180 {
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }
  .gp-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container li,
  .gp-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container a {
    width: 100vw !important;
    box-sizing: border-box !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    background: transparent !important;
    color: #fff !important;   /* Λευκό κείμενο */
  }
  .gp-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container a {
    color: #000 !important;   /* Λευκό στα links */
  }

  /* X (close) πάνω δεξιά στο overlay */
  .gp-menu .elementor-nav-menu__close {
    display: block !important;
    position: absolute !important;
    top: 20px !important;
    right: 24px !important;
    z-index: 100001 !important;
    background: transparent !important;
    border: none !important;
    width: 44px !important;
    height: 44px !important;
    cursor: pointer !important;
  }
}



.page-content .post {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #eee;
}

.page-content .post:last-child {
    border-bottom: none;
}

/* Make search results responsive */
@media (min-width: 768px) {
    .page-content .post {
        display: grid;
        grid-template-columns: 200px 1fr;
        gap: 1.5rem;
        align-items: start;
    }
    
    .page-content .post h2 {
        grid-column: 2;
        margin-top: 0;
    }
    
    .page-content .post a img {
        grid-column: 1;
        grid-row: 1 / 3;
        width: 100%;
        object-fit: cover;
    }
    
    .page-content .post p {
        grid-column: 2;
    }
}

/* Search Results with Product Images */
.page-content .post {
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #eee;
}

.page-content .post:last-child {
    border-bottom: none;
}

.page-content .post .post-thumbnail {
    display: block;
    margin-bottom: 1rem;
}

.page-content .post .post-thumbnail img {
    max-width: 100%;
    height: auto;
    display: block;
}

.page-content .post h2.entry-title {
    margin-top: 0;
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
    line-height: 1.4;
}

.page-content .post .post-content p {
    margin: 0;
    color: #666;
}

/* Desktop layout - image on left, content on right */
@media (min-width: 768px) {
    .page-content .post {
        display: flex;
        gap: 1.5rem;
        align-items: flex-start;
    }
    
    .page-content .post .post-thumbnail {
        flex: 0 0 200px;
        margin-bottom: 0;
    }
    
    .page-content .post .post-thumbnail img {
        width: 100%;
        height: auto;
        object-fit: cover;
        aspect-ratio: 1;
    }
    
    .page-content .post .post-content {
        flex: 1;
        min-width: 0;
    }
    
    .page-content .post h2.entry-title {
        font-size: 1.5rem;
    }
}

/* Large screens - slightly bigger images */
@media (min-width: 1024px) {
    .page-content .post .post-thumbnail {
        flex: 0 0 250px;
    }
    
    .page-content .post {
        gap: 2rem;
    }
}