/*
 * Sibany Theme - style-rtl.css
 * * RTL Overrides for Layout and Spacing
 * * This file is ONLY loaded when an RTL language is active.
 */

/* 1. Global Text Alignment */
/* Ensure text starts from the right */
[dir="rtl"] body {
  text-align: right;
}
[dir="rtl"] .page-wrapper{
    text-align: right;
}
[dir="rtl"] .pdf-content .pdf-file .field__item{
    float:right;
}
/* 2. Responsive Layout Reversal (Desktop) */
/* Reversing the Content and Sidebar columns defined in LTR (style.css) */


/* 3. Navigation and Menu Reversal */
/* Example: Reversing horizontal menu item spacing */
[dir="rtl"] .site-navigation ul.menu li {
  /* Assuming LTR used margin-right for spacing */
  margin-right: 0;
  margin-left: 15px; 
}

/* 4. Breadcrumb Alignment */
[dir="rtl"] .breadcrumb-region {
  text-align: right;
}
.site-branding{
    background-image: none !important;
}
[dir="rtl"] .main-products-category .view-product-categories .views-view-grid__item img {
    border-radius: 8px;
    transform: scale(-1, 1);
    
}
[dir="rtl"] .main-products-category .views-view-grid .views-view-grid__item img{
    transform: scale(-1, 1);
}
[dir="rtl"] .product-header .main-image{
    border-radius: 90px 8px 8px 8px;
}
@media screen and (max-width: 768px) {
    [dir="rtl"] .pdf-front .view-content .pdf-info{
        width: 100%;
    }
    [dir="rtl"] .pdf-front .view-content .pdf-info ul li{
        float:right;
    }
}
@media screen and (min-width: 768px) {
    [dir="rtl"] .secondary-menu #block-sibany-theme-mainnavigation ul {
        direction: rtl;
    }
    [dir="rtl"] .secondary-menu #block-sibany-theme-mainnavigation{
        right:5px;
    }
    [dir="rtl"] .products-front .view-content{
        direction: rtl;
    }
    [dir="rtl"] .map-front .views-field.views-field-field-office-hours{
        right:12%;
        left:0;
    }
    [dir="rtl"] .pdf-front .view-content .info{
        float:right;
        width: 50%;
    }
    [dir="rtl"] .pdf-front .view-content .pdf-info{
        float: right;
    }
    [dir="rtl"] .pdf-front .view-content .pdf-info ul{
        float:right;
    }
    [dir="rtl"] .pdf-front .view-content .pdf-info ul li{
        float:right;
    }
    [dir="rtl"] .node--type-contact-page{
        text-align: right;
    }
    [dir="rtl"] .node--type-contact-page .office-hours {
        float: right;
    }
    [dir="rtl"] .office-hours tr{
        float: right;
    }
}
@media screen and (min-width: 1024px) {
    .site-header-inner {
        direction: ltr;
    }
    .secondary-menu{
        max-width: 630px;
    }
    [dir="rtl"] .cta-block .view-content a{
        width:45%;
    }
}