/* BRICOLLI product page sidebar widgets - isolated */

.sidebar .bricolli-service-sidebar,
.sidebar .service-sidebar.bricolli-service-sidebar,
.sidebar .bricolli-sidebar-products{
    background:#fff;
    border:1px solid #e5e5e5;
    margin-bottom:30px;
    padding:0 20px;
}

.sidebar .bricolli-service-sidebar ul,
.sidebar .bricolli-sidebar-product-list{
    margin:0;
    padding:0;
    list-style:none;
}

.sidebar .bricolli-service-sidebar li,
.sidebar .bricolli-sidebar-product-item{
    margin:0;
    padding:18px 0;
    border-bottom:1px dashed #dcdcdc;
}

.sidebar .bricolli-service-sidebar li:last-child,
.sidebar .bricolli-sidebar-product-item:last-child{
    border-bottom:0;
}

.sidebar .bricolli-service-sidebar li a{
    display:grid;
    grid-template-columns:69px 1fr;
    column-gap:18px;
    align-items:center;
    color:#222;
    text-decoration:none;
}

.sidebar .bricolli-service-sidebar .service-image,
.sidebar .bricolli-service-sidebar .service-image img{
    display:block;
    width:69px;
    height:69px;
    object-fit:contain;
}

.sidebar .bricolli-service-sidebar .service-info{
    display:block;
    color:#222;
    font-size:14px;
    line-height:22px;
    font-weight:700;
    text-transform:uppercase;
    white-space:normal;
    word-break:normal;
}

.sidebar .bricolli-service-sidebar li a:hover .service-info{
    color:#ffae00;
}

.sidebar .bricolli-sidebar-products .block-title{
    padding:18px 0 12px;
    margin:0;
    border-bottom:1px solid #eee;
}

.sidebar .bricolli-sidebar-products .block-title strong{
    font-size:18px;
    font-weight:800;
    color:#111;
    text-transform:uppercase;
}

.sidebar .bricolli-sidebar-product-item{
    display:grid;
    grid-template-columns:80px 1fr;
    column-gap:14px;
    align-items:center;
}

.sidebar .bricolli-sidebar-product-image img{
    display:block;
    width:80px;
    height:80px;
    object-fit:contain;
    background:#fff;
}

.sidebar .bricolli-sidebar-product-name{
    display:block;
    color:#222;
    font-size:14px;
    font-weight:600;
    line-height:20px;
    text-decoration:none;
}

.sidebar .bricolli-sidebar-product-name:hover{
    color:#ffae00;
}

.sidebar .bricolli-sidebar-product-price{
    margin-top:6px;
    color:#ff1744;
    font-size:15px;
    font-weight:800;
}

html[lang^="ar"] .sidebar .bricolli-service-sidebar,
html[lang^="ar"] .sidebar .bricolli-sidebar-products{
    direction:rtl;
    text-align:right;
}

html[lang^="ar"] .sidebar .bricolli-service-sidebar li a{
    grid-template-columns:1fr 69px;
}

html[lang^="ar"] .sidebar .bricolli-sidebar-product-item{
    grid-template-columns:1fr 80px;
}

/* BRICOLLI FIX - Remove unwanted default sidebar spacing/border on product page only */
.catalog-product-view .sidebar .block.service-sidebar,
.catalog-product-view .sidebar .block.bricolli-service-sidebar,
.catalog-product-view .sidebar .service-sidebar.bricolli-service-sidebar{
    border:0 !important;
    padding:0 !important;
}

.catalog-product-view .sidebar .block .block-content,
.catalog-product-view .sidebar .block .empty{
    padding:0 !important;
}

.catalog-product-view .sidebar .block.service-sidebar .block-content,
.catalog-product-view .sidebar .block.bricolli-service-sidebar .block-content,
.catalog-product-view .sidebar .service-sidebar.bricolli-service-sidebar .block-content{
    padding-top:0 !important;
    padding-bottom:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

/* Remove demo default margin that pushes text too far */
.catalog-product-view .service-sidebar ul li a .service-info,
.catalog-product-view .sidebar .service-sidebar ul li a .service-info,
.catalog-product-view .sidebar .bricolli-service-sidebar ul li a .service-info{
    margin-left:0 !important;
    margin-right:0 !important;
}

/* Keep icon/text alignment clean */
.catalog-product-view .sidebar .service-sidebar ul li a,
.catalog-product-view .sidebar .bricolli-service-sidebar ul li a{
    display:grid !important;
    grid-template-columns:69px 1fr !important;
    gap:18px !important;
    align-items:center !important;
}

html[lang^="ar"] .catalog-product-view .sidebar .service-sidebar ul li a,
html[lang^="ar"] .catalog-product-view .sidebar .bricolli-service-sidebar ul li a{
    grid-template-columns:1fr 69px !important;
}
