/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 
/****CONTAINER CSS START ****/

.container{
    padding-left:20px;
    padding-right:20px;}
    

/**Kai afto den pianei se iOS **/
@media (max-width: 575px)
{.container  { padding: 0;
             }
             
 .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    padding-right: 5px;
    padding-left: 5px;
    }
  .row {margin-right: 0;
        margin-left: 0;
    }
   #main .page-header {
    padding: 0 10px;
   }
}
    
@media (min-width: 576px)
{.container  { width:768px;
               max-width:100%;
               padding: 0 20px;}
}
@media (min-width: 768px) and (max-width: 991px)
{.container  { width:992px;
               max-width:100%;
               padding: 0 40px;   }
    
}
@media (min-width: 992px) and (max-width: 1199px)
{.container  { width:1600px;
               max-width:100%;
               padding: 0 40px;   }
}

@media (min-width: 1200px) and (max-width: 1599px) 
{ .container { width:1600px; 
               max-width:100%;
               padding: 0 40px;  }
}
@media (min-width: 1500px) and (max-width: 1599px)
{ .container { padding: 0 20px; 
               width: 1500px;
}
}
@media (min-width: 1700px)   
{ .container { width: 1500px;
               max-width: 100%;
               padding-left: 0; 
               padding-right: 0; }
}

/****CONTAINER CSS END ****/

.page-category{
    
    #subcategories{
        display:none;
    }
    
    .block-category {
        min-height: unset;
    }
}


#products .up .btn-secondary, #products .up .btn-tertiary {
    color: #ffffff;
}

.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover {
    border: none;
}

.product-price {
    display: inline-block;
    color: #394867;
}

.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 4px 0 0 4px;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0 4px 0 0;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0 0 4px 0;
}


/**** PAGINATION CSS START ****/

.pagination .next{
    float: none;
    position: absolute;
    right: 0;
}

.pagination .previous{
    float: none;
    position: absolute;
    left: 0;
}

.pagination a:not(.previous):not(.next) {
    font-size: 1.25rem;
}
/**** PAGINATION CSS END ****/


/**** MAIN MENU CSS START ****/
@media (min-width: 1025px){
    /*.grabit-main-menu ul[data-smartmenus-id]>li>ul{*/
    /*    position: fixed;*/
    /*    height: 100%;*/
    /*}*/
    
    .grabit-main-menu ul[data-smartmenus-id]>li>a.highlighted .sub-arrow.fa-angle-down::before {
        content: "\f00d";
    }
}

@media (max-width: 1024px){
    .grabit-main-menu ul[data-smartmenus-id]>li>ul{
        display:block!important;
    }
}
/**** MAIN MENU CSS END ****/


/******* MINE CSS!!! START ********/
/*#wrapper .breadcrumb {*/
/*    padding: 0px 0 0 32px;*/
/*}*/

body#checkout #footer {
    padding: 0;
}

/** Gia na min exei keno pano apo to slider **/
/*#wrapper {*/
/*    padding-top: 0;*/
/*}*/

/** Thesi reassurance sto kalathi **/
.blockreassurance_product {
    padding: 0 0 0 30px;
}
.blockreassurance_product .item-product {
    margin-right: 20px;
}

/** Megethos img sto checkout one page den leitoyrgei **/

/*#checkout .carrier-name-img img, #checkout .payment-option img{*/
/*    width: 120px!important;*/
/*}*/

/** Gia na mhn emfanizetai o titlos methodou paradosis **/
#form_ets_onepagecheckout .row.delivery-option .carrier-name {
    display: none!important;
}

/** BTN **/
.btn-primary, .btn-secondary, .btn-tertiary {
    font-size: 16px!important;
}

#blockcart-modal .product-name {
        color: #232323;
}  

.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle  {
    background-color: #0F75BDBA!important;
}

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: none;
    background-color: #25272A!important;
}

.cart-grid-body a.label:hover {
    color : #0F75BDBA;
}


/** Sti forma epikoinonias EPILEXTE ARXEIO **/
.input-group .input-group-btn>.btn {
    padding: 0.76rem 1rem; }

@media (min-width: 768px) {
/** Sto kalathi einai ola se mia seira **/
form#form_ets_onepagecheckout.layout_1 .block-onepagecheckout label.form-control-label, form#form_ets_onepagecheckout.layout_1 .block-onepagecheckout label.form-control-label + .opc_field_right {
    width: 50%;
}

/** Kalathi agoron gia na mhn fevgoyn apo kato ta velakia stis posotites se mobile - Den doylevei sto iOS omws **/
.bootstrap-touchspin .input-group-btn-vertical { 
    position:absolute;
    left: 47px;
}
}

/** One page checkout lefka - + ( Den doylevei sto iOS omws) **/
.block-onepagecheckout .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up::before {
    color: #fff!important;
}

.block-onepagecheckout .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down::before 
{
    color: #fff!important;
}

/** Δημιουργία λογαριασμού Απόρρητο δεδομένων πελάτη **/
p {
    font-size: 0.875rem;
    color: #2C2C2C;
}

/** Δημιουργία λογαριασμού focus sto input password **/
.input-group.focus {
    outline: none;
}


/** Login ΕΜΦΑΝΙΣΗ button (kai afto den pianei se iOS) **/
.input-group .input-group-btn>.btn[data-action="show-password"] {
    padding: 0.76rem 1rem;
    background: #434347;
}


/** Login ΕΜΦΑΝΙΣΗ button se mobile fainotan pio megalo **/
@media (max-width: 768px) {
.input-group .input-group-btn>.btn[data-action="show-password"] {
    padding: 12.5px;
}    
}

#form_ets_onepagecheckout {
    box-shadow: none;
}

/** Gia na min xalane oi pics ton proionton mesa sto proion **/
img.elementor-carousel-image {
    object-fit: contain;
    /*object-fit: cover;*/
}

/** Color se pagination kato stis selides **/
.pagination .current a {
    color: #564AEB;
}

/************ lgcookieslaw START ************/

/*.lgcookieslaw-reject-button-enabled,*/
.lgcookieslaw-button-container .lgcookieslaw-reject-button, .lgcookieslaw-button-container .lgcookieslaw-accept-button{
    /*border: none;*/
    border-radius:4px;
}

#lgcookieslaw_fixed_button {
    background-color: #434347;
    border-radius: 50px;
}


@media only screen and (min-width: 768px) {
.lgcookieslaw-banner .container {
    width:80%; }
    
.lgcookieslaw-modal-footer .lgcookieslaw-button {
   border-radius:4px;
}

.lgcookieslaw-reject-button-enabled .lgcookieslaw-button-container {
    width: 20%;
    display: block;
}

.lgcookieslaw-reject-button-enabled .lgcookieslaw-banner-message {
width: calc(80% - 10px);
}

}

#lgcookieslaw_banner .lgcookieslaw-link-container  {
    margin-top: 16px;
}

#lgcookieslaw_fixed_button {
    height: 40px;
    width: 40px;
}

.lgcookieslaw-button-container .lgcookieslaw-reject-button, .lgcookieslaw-reject-button-enabled .lgcookieslaw-button-container .lgcookieslaw-accept-button {
    width: 100%;
    display: block;
    padding: 10px;
    min-height: 20px; 
    font-size: 16px;
    font-weight: 600;
}


.lgcookieslaw-button-container .lgcookieslaw-reject-button {
    border: 1px solid #ffffffimportant;
}

.lgcookieslaw-button-container .lgcookieslaw-accept-button {
    border: none;
    margin-bottom: 8px;
}


.page-my-account #content .links a i { 
    color: #1D2F6F;
}

.page-my-account #content .links a:hover i { 
    color: #1D2F6F;
}

.page-my-account #content .links a {
        color: #434347;
}

.page-my-account #content .links a:hover{
       color: #FAC748;
}

.page-my-account #content .links a.lgcookieslaw-account-button img {
    padding: 0 0 10px;
}
    
/************ lgcookieslaw END ************/

@media (max-width: 575px) {
    #blockcart-modal .cart-content .cart-content-btn {
        display: block;
    }
}

/** sto sort list epiloges **/
.products-sort-order .select-list:hover, .brands-sort .select-list:hover, .suppliers-sort .select-list:hover {
    background: #0F75BDBA;
}

/** titloi proionton 2 grammes **/
body#category .elementor-heading-title>a:not(#e) {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

/** Quick view keno prin to agora **/
.modal-content .product-actions .add-to-cart {
    margin-left: 24px!important;
}

 /*Border gia na xexorizei to lefko xroma sta variables*/
 .ce-product-variants__pattern {
    border-color: #818a91;
    border-width: 1px!important;
}

.elementor-13170201 .elementor-element.elementor-element-4ae091dd input:checked ~ .ce-product-variants__pattern {
    border-color: #434347;
    border-width: 2px!important;
}

/*Katigories selida diorthwseis*/

.ce-gallery-icon img {
    display:none;
}


/*Add to wishlist sto quickview bgainei apo piso*/
.wishlist-modal.show {
    z-index: 99999!important;
}

/*Add to wishlist sto x vgainei outline*/
button:focus {
    outline: none;
}

@media (max-width: 767px) {
    .elementor-lightbox .elementor-swiper-button-next i, .elementor-lightbox .elementor-swiper-button-prev i {
        background-color: rgba(0, 0, 0, 0)!important;
    }
}   
    
.elementor-lightbox .dialog-lightbox-close-button, .elementor-lightbox .elementor-swiper-button {
    color: #212a3e;
}

.elementor-lightbox .elementor-lightbox-image, .elementor-lightbox .elementor-video-container {
        box-shadow: none;
}

.wishlist-add-to-new i {
    color: #232323!important;
    font-size: 1.7rem!important;
}



/* FontAwesome Fix */
.far::before {
    font-family: 'Font Awesome 6 Free';
}


/*Ta evala gia kinghome */

.modal-dialog .modal-header, .modal-dialog .modal-body, .modal-dialog .modal-footer { padding: 30px!important;}

body { font-family: Inter, sans-serif!important; }

.elementor-field-group .elementor-field-textual:focus {
    box-shadow: none!important;
}

body#checkout #delivery, body#checkout #gift_message { 
        border-radius: 4px;
        border-color: #d2d2d2;
}


#send-reset-link { border-radius: 0 4px 4px 0; }

.forgotten-password .form-fields .email input { border-radius: 4px 0 0 4px; }

#wrapper {
    background: #fff;
    padding-top: 0;
}


/* Full-width background — σπάει έξω από το .container */
.breadcrumb-title-bar {
  background-color: #f6f6f6;
  margin-bottom: 20px;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}

/* Inner container — περιορισμένο σε 1500px */
.breadcrumb-title-bar .breadcrumb-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 1500px;
  margin: 0 auto;
  padding: 26px 20px;
}

.breadcrumb-title-bar .page-title-main {
  font-size: 1.4rem;
  font-weight: 700;
  margin: 0;
  color: #333;
}

.breadcrumb-title-bar .breadcrumb {
  background: none;
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
}

.breadcrumb-title-bar .breadcrumb-item + .breadcrumb-item::before {
  content: "›";
  color: #999;
}

.breadcrumb-title-bar .breadcrumb-item a {
  color: #666;
  text-decoration: none;
}

.breadcrumb-title-bar .breadcrumb-item a:hover {
  color: #000;
}

.breadcrumb-title-bar .breadcrumb-item.active {
  color: #999;
}

.page-header h1 {
  display: none;
}

#wrapper .breadcrumb li::after {
  content: none;
}

body {
  overflow-x: hidden;
}


header a:hover, header a:active { color:#232323!important; }

#subcategories ul li .subcategory-name:hover, .block-categories .arrows .arrow-down:hover, .block-categories .arrows .arrow-right:hover, .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover, .cart-grid-body a.label:hover {color: rgba(15, 117, 189, 0.73) }


/*Διαφορες διορθώσεις στη σελίδα παραγγελίας*/

*:focus,
*:focus-visible {
  outline: #0F75BDBA !important;
}

body.ce-kit-1 .form-control:focus, body.ce-kit-1 .elementor-field-textual:focus {
    border-style: solid !important;
}

 body#checkout #gift_message:focus, body#checkout #gift_message textarea:focus,body#checkout #delivery textarea, body#checkout #gift_message textarea, body#checkout #gift_message, #main 
 {    padding: 10px;
}

.product-line img {
    max-width: fit-content!important;
}

.order-options, #gift label  { padding-top: 10px; }

a:focus, a:hover { color: #287EE0 !important; 
                   text-decoration: none !important;
}

.classic-login { margin-left: 0 !important; }