/**
 * @brief BiovotecStyle theme, handheld styles.
 * @details Plugin / Theme Styles
 * @author JB Lebrun
 * @version 1.0.4
 * @date Creation: Jun 2025
 * @date Modification: Jul 2025
 * @copyright 2025 Ideogram Design
 */
.hiddenOnMobile {display:none !important;}

ul {margin: 0 0 0 16px;}
ul ul {margin:0 0 0 8px;}
ul ul ul {margin:0 0 0 8px;}
ul li {margin:4px 0 8px 4px;}
ol {margin: 0 0 0 6px;}
ol li {margin:4px 0 8px 4px;}

.inputs {width: 100%;}

/* Editor */
.eTitle1 {font-size:1.8rem;}
.eTitle2 {font-size:1.6rem;}

/* Structure */
.mainContent {margin-left: 20px; margin-right: 20px;}
.memberArea .articles .article .content, .memberArea .articles .article {display: block;}
.memberArea .articles .article .content .icon-check {margin-left: 0rem; margin-top:1rem;}
.memberArea .articles .article .content .icon-check:first-child {margin-top:0.5rem;}
.freeLine.product {background-position:38% 0;}

/* Form */
.form .formInput {margin:0.5rem 0;}
.form .formInput.half {min-width: 100%; max-width: 100%;}

/* Header */
.PageHeader .header {height:70px;}
.PageHeader .header .logo {min-width: 130px; max-width: 130px;}
.PageHeader .header .title {flex: 35; font-size:1rem; margin: 0.5rem 0 0 1rem;}
.PageHeader .header .languages {margin:0; min-width: 80px; max-width: 80px;}
.PageHeader .header .languages .eContent1 {display:none;}

#MobileMenu {display:block; z-index:100; position:fixed; top:0; opacity:0; left:0; bottom:100%; width:100%; transition: bottom 0.5s ease, opacity 0.5s ease; background:white; overflow-y:auto;}
#MobileMenu.opened {display:block; opacity:0.95; top:0; left:0; bottom:0;}
#MobileMenu .top {display:flex; height:80px; margin:20px 0 0 0;}
#MobileMenu .top .logo {font-size: 0; line-height: 0; min-width: 125px; max-width: 125px;}
#MobileMenu .top .spacer {flex:2;}
#MobileMenu .top .menuOpener {flex:1; min-width:24px; max-width:24px; margin:1rem 0 0 1rem;}

#MobileMenu .menus {margin:50px 0;}
#MobileMenu .menus .menu {display:block; font-size:1.8rem; text-transform:uppercase; text-align:center; margin:40px 0 20px; color:#003b49;}
#MobileMenu .menus .menu.selected {font-weight:bold;}

/* Footer */
.PageFooter .contacts {padding: 20px 0;}
.PageFooter .eTitle2 {text-align: center;}
.PageFooter .contacts .content {display:block; margin:1.5rem 0 0;}
.PageFooter .contacts .content .addresses {display:flex;}
.PageFooter .contacts .content .addresses .address {flex:1; margin-bottom: 0px;}
.PageFooter .contacts .content .addresses .address .icon {margin: 0 8px 8px 0; width:28px;}
.PageFooter .contacts .content .addresses .address .text {margin-left:36px;}

.PageFooter .bottom {display: block;}
.PageFooter .bottom .left a.img {display:block; text-align:right;}
.PageFooter .bottom .left a.img img {max-width:110px;}
.PageFooter .bottom .right {display: none;}

/* Content */
.PageContent .mainContent {padding: 1rem 0 !important; margin-bottom:0 !important;}

/* Columns */
.row {display:block;}

/* Member Area : Home panel */
.memberArea.homePanel .buttons {display:block; }
.memberArea.homePanel .buttons .button {min-width:100%; max-width:100%; border-left:none !important;}

/* Member Area : Products */
.memberArea .products .category .title {font-size: 1.5rem;}
.memberArea .products .product .thumbnail {max-height: 100px;}

.memberArea .products .product {margin: 0 0.5% 1rem; min-width: 100%; max-width: 100%; min-height: auto; max-height: none;}
.memberArea .products .product .thumbnail {max-height: 120px;}
.memberArea .products .product .content {margin: 0.6rem 1.2rem; padding:0.5rem !important;}
.memberArea .products .product .content .title {margin: 0 0 0.25rem;}

.memberArea .products .product .picture {display:none;}
.memberArea .products .product .content .eTitle3 {font-size:1.8rem;}
.memberArea .products .product .content .eTitle4 {font-size:1.2rem; height:58px;}
.memberArea .products .product .content .priceBar {display: block;}
.memberArea .products .product .content .priceBar .button {text-align: left; margin-top:0,4rem}
.memberArea .products .product .content .priceBar .button .BiovotecButton {font-size:1rem;}
.memberArea .products .product .content .priceBar .price {font-size:1.3rem; margin-top: 1rem;}
.memberArea .products .product .content .summary {font-size:0.8rem;}
.memberArea .products .product {width:100%;}

/* Member Area : Support single ticket */
.memberArea .ticket .original {padding:12px;}
.memberArea .ticket .original .infos .importance {float:right;}
.memberArea .ticket .original .infos .item {display:block;}
.memberArea .ticket .original .infos .item .formItem {margin-left:0;}
.memberArea .ticket .left {display:block; width:100%; text-align:left; padding: 0;}
.memberArea .ticket .left .author .bullet {top:8px; right:unset; left:-6px;}
.memberArea .ticket .right {display:block; width:100%; margin:8px 0 0 12px; padding:0 12px;}

.memberArea .ticket .comments {padding:0 12px;}
.memberArea .ticket .comment .left {padding:8px 12px 0; margin:0 0 0 12px; border-left:solid 1px #d2d2d2;}
.memberArea .ticket .comment .right {padding:12px; margin:0 0 0 12px;}
.memberArea .ticket .comment .right .AdminoButton {margin:10px 0 0;}

.memberArea .ticket .addComment {padding:0 12px; font-size:0;}

/* Member Area : Order list */
.memberArea .orders .order {flex-wrap:wrap;}
.memberArea .orders .order .date {order: 2;}
.memberArea .orders .order .product {order: 1; min-width:100%; line-height:1.2rem;}
.memberArea .orders .order .price {order: 3;}
.memberArea .orders .order .button {order: 4;}