/* v94.3 = v94.1 app look + v94.3 fixes at the end (renamed so phones and the installed app load the new file at once). */
/* eBangali app look v94.1 - mobile first, then tablet / iPad, then computer. Loaded after eb-premium-v94.0.9.24.css in all 8 systems.
   Owner's rules (2026-11-13): every page button ONE style (blue gradient, small, radius 1px, no white buttons, padding 1:3),
   compact cards (.well) and text on phones, app-like, no big blocks. The header, the menu bar and the phone menu keep their
   look (ui24 rules): nothing here touches #page > header, #page > nav or #mobile-menu. Buttons keep one size in every state. */
:root {
  --app-grad: linear-gradient(180deg, #2a7fd9 0%, #014693 100%);
  --app-grad-hover: linear-gradient(180deg, #3a8de3 0%, #0b56a8 100%);
  --app-grad-press: linear-gradient(180deg, #014693 0%, #013a7a 100%);
  --app-grad-gold: linear-gradient(180deg, #ffe680 0%, #ffd740 100%);
  --app-grad-gold-press: linear-gradient(180deg, #ffd740 0%, #f5c400 100%);
  --app-grad-head: linear-gradient(90deg, #014693 0%, #1f72ce 100%);
  --app-btn-border: #013a7a;
  --app-gap: 10px;
  --app-card-radius: 6px;
}

/* ---------- ONE button style (every system, every page) ---------- */
:is(.button, .btn, button, input[type=submit], input[type=button], input[type=reset], a.buy-btn, a.blog-preview_btn, a.btn-line, a.btn-evx, a.eb-cart-back, a.eb-affili-back, a.eb-shop-back, a.eb-filter-back, .eb-btn):where(:not(#page > header *, #page > nav *, #mobile-menu *, .close, .navbar-toggle, .dropdown-toggle, [data-dismiss], .owl-prev, .owl-next, .slick-arrow, .tp-leftarrow, .tp-rightarrow, .mfp-close, .search-btn-bg, .toolbareditor button, .eblike *, .eb-icon-btn)),
:is(.button, .btn, button, input[type=submit], input[type=button], input[type=reset], a.buy-btn, a.blog-preview_btn, a.btn-line, a.btn-evx, a.eb-cart-back, a.eb-affili-back, a.eb-shop-back, a.eb-filter-back, .eb-btn):where(:not(#page > header *, #page > nav *, #mobile-menu *, .close, .navbar-toggle, .dropdown-toggle, [data-dismiss], .owl-prev, .owl-next, .slick-arrow, .tp-leftarrow, .tp-rightarrow, .mfp-close, .search-btn-bg, .toolbareditor button, .eblike *, .eb-icon-btn)):is(:hover, :focus, :active, :disabled) {
  background: var(--app-grad) !important; background-color: #014693 !important; color: #fff !important;
  border: 1px solid var(--app-btn-border) !important; border-radius: 1px !important;
  padding: 5px 15px !important; min-height: 30px !important; height: auto !important; width: auto;
  font-family: var(--eb-font) !important; font-size: 12.5px !important; font-weight: 600 !important; line-height: 1.25 !important;
  letter-spacing: .02em !important; text-transform: none !important; text-shadow: none !important; text-decoration: none !important;
  box-shadow: 0 1px 2px rgba(1, 58, 122, .25) !important; display: inline-flex !important; align-items: center; justify-content: center; gap: 6px;
  max-width: 100%; white-space: normal; text-align: center; vertical-align: middle;
  transform: none !important; top: auto !important; transition: filter .12s ease !important; cursor: pointer; touch-action: manipulation;
}
/* the inner <span> / <i> of theme buttons: no own box, colour or size */
:is(.button, .btn, button, a.buy-btn):where(:not(#page > header *, #page > nav *, #mobile-menu *)) :is(span, b, strong, i) { background: none !important; color: inherit !important; border: 0 !important; padding: 0 !important; margin: 0 !important; font-size: inherit !important; line-height: inherit !important; float: none !important; height: auto !important; }
/* hover / tap: only the light changes, never the size or the place.
   v94.3: the button rule no longer sets margin-top/bottom 0 only in some states: buttons in .buttons-set / .btn-group kept
   their 2px margin normally but lost it on mouse over, so they jumped up 2px. Now every state keeps the same margin. */
:is(.button, .btn, button, input[type=submit], input[type=button], a.buy-btn, a.blog-preview_btn, a.btn-line, a.btn-evx, a.eb-cart-back, a.eb-affili-back, a.eb-shop-back, a.eb-filter-back, .eb-btn):where(:not(#page > header *, #page > nav *, #mobile-menu *, .close, .navbar-toggle, .dropdown-toggle, .search-btn-bg, .toolbareditor button, .eblike *, .eb-icon-btn)):hover { background: var(--app-grad-hover) !important; }
:is(.button, .btn, button, input[type=submit], input[type=button], a.buy-btn, a.blog-preview_btn, a.btn-line, a.btn-evx, a.eb-cart-back, a.eb-affili-back, a.eb-shop-back, a.eb-filter-back, .eb-btn):where(:not(#page > header *, #page > nav *, #mobile-menu *, .close, .navbar-toggle, .dropdown-toggle, .search-btn-bg, .toolbareditor button, .eblike *, .eb-icon-btn)):active { background: var(--app-grad-press) !important; }
:is(.button, .btn, button, input[type=submit]):where(:not(#page > header *, #page > nav *, #mobile-menu *)):focus-visible { outline: 2px solid #ffd740 !important; outline-offset: 1px; }
/* v94.1 (owner 2026-11-13): delete and edit buttons keep the same shape, in the brand yellow #ffd740 with blue text (no red) */
:is(.btn-danger, .btn-warning, .button.delete, button[name*=delete i], input[type=submit][name*=delete i], button[value=DELETE], button[title=DELETE], button[name*=edit i], input[type=submit][name*=edit i], a.button[href*=edit i], a.btn[href*=edit i]):where(:not(#page > header *, #page > nav *, #mobile-menu *)) { background: var(--app-grad-gold) !important; color: #014693 !important; border-color: #d9b200 !important; }
:is(.btn-danger, .btn-warning, .button.delete, button[name*=delete i], input[type=submit][name*=delete i], button[value=DELETE], button[title=DELETE], button[name*=edit i], input[type=submit][name*=edit i], a.button[href*=edit i], a.btn[href*=edit i]):where(:not(#page > header *, #page > nav *, #mobile-menu *)):is(:hover, :focus, :active) { background: var(--app-grad-gold-press) !important; color: #014693 !important; border-color: #c9a400 !important; }
:is(.button, .btn, button, input[type=submit]):where(:not(#page > header *, #page > nav *, #mobile-menu *)):disabled { opacity: .5 !important; cursor: not-allowed; }
.btn-lg, .btn-block { width: auto; }
.btn-block:where(:not(#page > header *, #page > nav *, #mobile-menu *)) { width: 100% !important; }
.btn-group > .btn, .buttons-set .button { margin: 2px 4px 2px 0; }
.buttons-set { margin: 8px 0 0; padding: 0; border: 0; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
/* editor toolbar and small icon buttons: the same gradient, square */
.toolbareditor button { background: var(--app-grad) !important; color: #fff !important; border: 1px solid var(--app-btn-border) !important; border-radius: 1px !important; min-width: 30px; min-height: 30px; padding: 4px !important; }
/* links styled as tabs (7 / 30 / 90 days, Waiting / Confirmed ...): the chosen one is the button, the others are plain links */
.btn-link:where(:not(#page > header *, #page > nav *, #mobile-menu *)) { background: none !important; color: #1f72ce !important; border-color: transparent !important; box-shadow: none !important; }

/* ---------- section titles: one gradient bar ---------- */
.new_title:where(:not(#page > header *, #page > nav *, #mobile-menu *)), .page-title:where(:not(#page > header *, #page > nav *, #mobile-menu *)) { background: var(--app-grad-head) !important; border-radius: var(--app-card-radius) var(--app-card-radius) 0 0; }
.new_title h2, .new_title h1, .page-title h1, .page-title h2 { color: #fff !important; }

/* ---------- forms: compact, but 16 px text on phones so iPhone does not zoom in ---------- */
:is(.form-control, input[type=text], input[type=email], input[type=password], input[type=number], input[type=tel], input[type=url], input[type=search], input[type=date], select, textarea):where(:not(#page > header *, #page > nav *, #mobile-menu *)) { border-radius: 3px !important; padding: 6px 10px; min-height: 34px; }
textarea:where(:not(#page > header *, #page > nav *, #mobile-menu *)) { min-height: 80px; }
label { font-size: 13px; margin-bottom: 4px; }
.form-group { margin-bottom: 10px; }

/* ---------- text: one compact scale ---------- */
p:where(:not(#page > header *, #page > nav *, #mobile-menu *, .footer *)) { margin: 0 0 8px; line-height: 1.55; overflow-wrap: anywhere; }
:is(h1, .h1):where(:not(#page > header *, #page > nav *, #mobile-menu *, .new_title *, .page-title *)) { font-size: 22px; line-height: 1.25; margin: 0 0 10px; font-weight: 700; }
:is(h2, .h2):where(:not(#page > header *, #page > nav *, #mobile-menu *, .new_title *, .page-title *)) { font-size: 19px; line-height: 1.3; margin: 0 0 8px; font-weight: 700; }
:is(h3, .h3):where(:not(#page > header *, #page > nav *, #mobile-menu *)) { font-size: 16px; line-height: 1.3; margin: 0 0 8px; font-weight: 700; }
:is(h4, h5, h6):where(:not(#page > header *, #page > nav *, #mobile-menu *)) { font-size: 14px; line-height: 1.35; margin: 0 0 6px; font-weight: 700; }

/* ---------- cards ---------- */
.well { padding: 14px 16px; margin-bottom: 12px; border-radius: var(--app-card-radius); }
.panel { border-radius: var(--app-card-radius); margin-bottom: 12px; }
.panel-body { padding: 12px 14px; }

/* =================== phones (first priority) =================== */
@media (max-width: 767px) {
  body { font-size: 14px; }
  :is(#page > header, #page > nav, #mobile-menu) { font-size: 13px; }
  .container:where(:not(#page > header *, #page > nav *, #mobile-menu *)) { padding-left: 8px; padding-right: 8px; }
  .row:where(:not(#page > header *, #page > nav *, #mobile-menu *)) { margin-left: -4px; margin-right: -4px; }
  [class*=col-]:where(:not(#page > header *, #page > nav *, #mobile-menu *, .footer *)) { padding-left: 4px; padding-right: 4px; }
  /* cards: app-like, close together, little padding */
  .well { padding: 10px 12px !important; margin-bottom: 8px !important; border-radius: 4px !important; box-shadow: 0 1px 2px rgba(16, 24, 40, .06) !important; }
  .well .well { padding: 8px 10px !important; }
  .panel-body { padding: 10px 12px; }
  .panel-heading { padding: 8px 12px; }
  /* text */
  p:where(:not(#page > header *, #page > nav *, #mobile-menu *, .footer *)) { font-size: 14px; margin-bottom: 6px; }
  :is(h1, .h1):where(:not(#page > header *, #page > nav *, #mobile-menu *, .new_title *, .page-title *)) { font-size: 18px; margin-bottom: 8px; }
  :is(h2, .h2):where(:not(#page > header *, #page > nav *, #mobile-menu *, .new_title *, .page-title *)) { font-size: 16px; margin-bottom: 6px; }
  :is(h3, .h3):where(:not(#page > header *, #page > nav *, #mobile-menu *)) { font-size: 15px; margin-bottom: 6px; }
  .new_title, .page-title { padding: 10px 12px !important; min-height: 0 !important; margin-bottom: 0 !important; }
  .new_title h2, .new_title h1, .page-title h1, .page-title h2 { font-size: 15px !important; line-height: 1.3 !important; margin: 0 !important; letter-spacing: .02em; }
  /* buttons: small, one line where possible; big rows of buttons wrap */
  :is(.button, .btn, button, input[type=submit], input[type=button], a.buy-btn, a.blog-preview_btn, a.btn-line, a.btn-evx, a.eb-cart-back, a.eb-affili-back, a.eb-shop-back, a.eb-filter-back, .eb-btn):where(:not(#page > header *, #page > nav *, #mobile-menu *, .close, .navbar-toggle, .dropdown-toggle, [data-dismiss], .search-btn-bg, .toolbareditor button, .eblike *, .eb-icon-btn)), :is(.button, .btn, button, input[type=submit], input[type=button], a.buy-btn, a.blog-preview_btn, a.btn-line, a.btn-evx, a.eb-cart-back, a.eb-affili-back, a.eb-shop-back, a.eb-filter-back, .eb-btn):where(:not(#page > header *, #page > nav *, #mobile-menu *, .close, .navbar-toggle, .dropdown-toggle, [data-dismiss], .search-btn-bg, .toolbareditor button, .eblike *, .eb-icon-btn)):is(:hover, :focus, :active, :disabled) { font-size: 12.5px !important; padding: 6px 14px !important; min-height: 32px !important; }
  /* inputs: 16 px so the phone does not zoom, compact height */
  :is(.form-control, input[type=text], input[type=email], input[type=password], input[type=number], input[type=tel], input[type=url], input[type=search], input[type=date], select, textarea):where(:not(#page > header *, #page > nav *, #mobile-menu *)) { font-size: 16px !important; min-height: 38px; padding: 6px 10px !important; }
  /* tables: small text, tight cells */
  .table > thead > tr > th, .table > tbody > tr > td, .table td, .table th { padding: 6px 8px !important; font-size: 13px; }
  /* shop grids: 2 small cards a row, picture on top, short text */
  .products-grid .item { padding-left: 4px !important; padding-right: 4px !important; margin-bottom: 8px; }
  .products-grid .item .item-inner { border-radius: 4px; }
  .products-grid .item-info, .products-grid .info-inner { padding: 6px 8px; font-size: 13px; }
  .products-grid .item-title, .products-grid .item-title a { font-size: 13px; line-height: 1.3; }
  .products-grid .price { font-size: 13.5px; }
  .content-page, .main-container, .main { padding-top: 8px !important; padding-bottom: 8px !important; }
  .category-product, .product-bestseller { margin-bottom: 8px; }
  /* home categories on phones: a compact 4-a-row icon grid (the block was hidden on phones, so the home page was empty) */
  .content-page.eb-cat-grid .products-grid .item { width: 25% !important; float: left; }
  .content-page.eb-cat-grid .products-grid .item-img img { max-height: 56px; object-fit: contain; }
  .content-page.eb-cat-grid .item-title { font-size: 11.5px !important; text-align: center; }
  /* lists of links in my-account side menus: compact rows */
  .block-content ul li a, .block-account ul li a { min-height: 36px !important; padding: 6px 10px !important; font-size: 14px; }
  /* alerts */
  .alert { padding: 8px 10px; margin-bottom: 8px; font-size: 13.5px; }
  hr { margin: 10px 0; }
}

/* =================== tablets and iPad =================== */
@media (min-width: 768px) and (max-width: 1199px) {
  .well { padding: 12px 14px; margin-bottom: 10px; }
  :is(.button, .btn, button, input[type=submit], input[type=button], a.buy-btn, a.blog-preview_btn, a.btn-line, a.btn-evx, a.eb-cart-back, a.eb-affili-back, a.eb-shop-back, a.eb-filter-back, .eb-btn):where(:not(#page > header *, #page > nav *, #mobile-menu *, .close, .navbar-toggle, .dropdown-toggle, [data-dismiss], .search-btn-bg, .toolbareditor button, .eblike *, .eb-icon-btn)) { min-height: 32px !important; }
  :is(.button, .btn, button, input[type=submit], input[type=button], a.buy-btn, a.blog-preview_btn, a.btn-line, a.btn-evx, a.eb-cart-back, a.eb-affili-back, a.eb-shop-back, a.eb-filter-back, .eb-btn):where(:not(#page > header *, #page > nav *, #mobile-menu *, .close, .navbar-toggle, .dropdown-toggle, [data-dismiss], .search-btn-bg, .toolbareditor button, .eblike *, .eb-icon-btn)):is(:hover, :focus, :active, :disabled) { min-height: 32px !important; }
  :is(h1, .h1):where(:not(#page > header *, #page > nav *, #mobile-menu *, .new_title *, .page-title *)) { font-size: 20px; }
  :is(h2, .h2):where(:not(#page > header *, #page > nav *, #mobile-menu *, .new_title *, .page-title *)) { font-size: 17px; }
  .new_title h2, .page-title h1, .page-title h2 { font-size: 16px !important; }
}

/* v94.1: hidden helper buttons stay hidden (e.g. POS barcode submit), card rating rows grow with their text */
:is(.button, .btn, button, input[type=submit], input[type=button], input[type=reset], a.buy-btn, a.blog-preview_btn, a.btn-line, a.btn-evx, a.eb-cart-back, a.eb-affili-back, a.eb-shop-back, a.eb-filter-back, .eb-btn):is([style*="display:none"], [style*="display: none"], [hidden]) { display: none !important; }
.products-grid .item-content > .rating { height: auto !important; background: none !important; margin-bottom: 2px; font-size: 12px; color: #4b5563; }

/* v94.1: install-as-app bar (eb-pwa-v94.1.js). Small, bottom, never over the header. */
.eb-pwa-bar { position: fixed; left: 8px; right: 8px; bottom: calc(8px + env(safe-area-inset-bottom, 0px)); z-index: 9990; display: flex; align-items: center; gap: 8px; max-width: 420px; margin: 0 auto; padding: 6px 6px 6px 12px; background: linear-gradient(90deg, #014693, #1f72ce); color: #fff; border-radius: 4px; box-shadow: 0 6px 20px rgba(1, 34, 80, .35); font-size: 12.5px; line-height: 1.35; }
.eb-pwa-bar .eb-pwa-text { flex: 1 1 auto; }
.eb-pwa-bar .eb-pwa-install { background: linear-gradient(180deg, #ffe066, #ffd740) !important; color: #014693 !important; border-color: #e6b800 !important; }
.eb-pwa-bar .eb-pwa-close { background: none !important; border: 0 !important; color: #fff !important; font-size: 20px !important; line-height: 1 !important; padding: 2px 8px !important; min-height: 0 !important; box-shadow: none !important; cursor: pointer; }
/* camera scanner box: compact live picture (max 300px wide); the camera still reads at full resolution */
[data-box] video, video#v, video#bc-video { width: 100% !important; max-width: 300px !important; height: auto; border-radius: 3px; }

/* v94.1: new-notification toast (open app) and the alerts box on My notifications */
.eb-pwa-toast { position: fixed; left: 8px; right: 8px; top: calc(8px + env(safe-area-inset-top, 0px)); z-index: 9995; max-width: 420px; margin: 0 auto; display: flex; flex-direction: column; gap: 2px; padding: 9px 14px; background: linear-gradient(90deg, #014693, #1f72ce); color: #fff !important; border-left: 4px solid #ffd740; border-radius: 4px; box-shadow: 0 8px 24px rgba(1, 34, 80, .4); font-size: 13px; line-height: 1.35; text-decoration: none !important; animation: ebToastIn .25s ease-out; }
.eb-pwa-toast b { font-size: 13.5px; }
.eb-pwa-toast span { opacity: .92; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
@keyframes ebToastIn { from { transform: translateY(-12px); opacity: 0; } to { transform: none; opacity: 1; } }
.eb-push-box { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 8px 12px; margin: 0 0 10px; background: #f3f7fd; border: 1px solid #d6e2f3; border-left: 3px solid #014693; border-radius: 3px; font-size: 13px; }
.eb-push-box .eb-push-title { flex: 1 1 100%; font-weight: 600; color: #014693; }
.eb-push-box #eb-push-msg { flex: 1 1 100%; color: #4b5563; font-size: 12px; min-height: 0; }
.eb-push-box #eb-push-msg:empty { display: none; }

/* v94.1: section title bars are one flat gradient strip (the old theme's inner box, corner and shadow are removed) */
.new_title:where(:not(#page > header *, #page > nav *, #mobile-menu *)) { border: 0 !important; box-shadow: none !important; }
.new_title:where(:not(#page > header *, #page > nav *, #mobile-menu *)) :is(h1, h2, h3) { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; width: auto !important; float: none !important; }
.new_title:where(:not(#page > header *, #page > nav *, #mobile-menu *))::before, .new_title:where(:not(#page > header *, #page > nav *, #mobile-menu *))::after,
.new_title:where(:not(#page > header *, #page > nav *, #mobile-menu *)) :is(h1, h2, h3)::before, .new_title:where(:not(#page > header *, #page > nav *, #mobile-menu *)) :is(h1, h2, h3)::after { display: none !important; }
/* the category box title sits inside a nav list: full width, no side gap */
ul.navbar-nav:has(> li > .new_title) { margin: 0 !important; padding: 0 !important; width: 100% !important; float: none !important; }
ul.navbar-nav:has(> li > .new_title) > li { float: none !important; width: 100% !important; }
.navbar-collapse:has(> ul > li > .new_title) { padding: 0 !important; margin: 0 !important; box-shadow: none !important; border: 0 !important; }

/* v94.1: dashboard charts (eb-charts-v94.1.js): trend lines in number tiles, meters and rings */
:is(.bd-kpi, .pd-kpi, .ed-kpi) { position: relative; padding-bottom: 40px !important; overflow: hidden; border-color: #dde6f2 !important; border-top: 3px solid #014693 !important; border-radius: 4px !important; }
:is(.bd-kpi, .pd-kpi, .ed-kpi) .eb-spark { position: absolute; left: 0; right: 0; bottom: 0; height: 36px; pointer-events: none; }
:is(.bd-kpi, .pd-kpi, .ed-kpi):not(:has(.eb-spark)) { padding-bottom: 10px !important; }
.eb-gauges { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; margin: 8px 0; }
.eb-gauge { background: #fff; border: 1px solid #dde6f2; border-radius: 4px; padding: 8px 10px 10px; text-align: center; min-width: 0; }
.eb-gauge-title { font-size: 11.5px; font-weight: 600; color: #014693; text-transform: uppercase; letter-spacing: .03em; }
.eb-gauge-box { position: relative; height: 70px; margin: 4px auto 0; max-width: 150px; }
.eb-gauge-value { font: 700 18px/1 Inter, system-ui, sans-serif; margin-top: -18px; position: relative; font-variant-numeric: tabular-nums; }
.eb-gauge-note { font-size: 11px; color: #6b7280; margin-top: 4px; }
.eb-ring { grid-column: span 2; }
.eb-ring-box { position: relative; height: 210px; margin-top: 4px; }
@media (max-width: 767px) { .eb-gauges { grid-template-columns: repeat(2, minmax(0, 1fr)); } .eb-ring { grid-column: 1 / -1; } .eb-gauge-box { height: 60px; } }
/* v94.1 less gap (owner's note on the Android home screen): no dark strip under section titles, tight category tiles, slim footer on phones */
.navbar.nav-menu:has(.new_title) { padding: 0 !important; margin: 0 !important; min-height: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
@media (max-width: 767px) {
  .content-page.eb-cat-grid { padding-top: 7px !important; padding-bottom: 7px !important; }
  .content-page.eb-cat-grid .category-product { margin: 0 0 6px !important; }
  .content-page.eb-cat-grid .product-bestseller { padding: 7px !important; margin: 0 !important; }
  .content-page.eb-cat-grid .category-products { padding: 0 !important; }
  .content-page.eb-cat-grid .products-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0 !important; padding: 0 !important; }
  .content-page.eb-cat-grid .products-grid::before, .content-page.eb-cat-grid .products-grid::after { display: none !important; }
  .content-page.eb-cat-grid .products-grid .item { width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important; }
  .content-page.eb-cat-grid .products-grid .item:not(:has(img)):has(.item-title:empty) { display: none !important; }
  .content-page.eb-cat-grid .item-info, .content-page.eb-cat-grid .info-inner { padding: 0 !important; }
  .content-page.eb-cat-grid .item-title { padding: 3px 2px 5px !important; margin: 0 !important; line-height: 1.2 !important; }
  .footer-top { padding: 8px 0 !important; }
  .footer-top .social li, .footer-top li.rss { margin-top: 0 !important; margin-bottom: 0 !important; }
  .footer-bottom { padding: 8px 0 !important; }
  .footer-bottom :is(p, address, div) { margin-bottom: 0; font-size: 12.5px; line-height: 1.4; }
}
.content-page.eb-cat-grid .products-grid .item:not(:has(img)):has(.item-title:empty) { display: none !important; }
@media (min-width: 768px) { .content-page.eb-cat-grid .product-bestseller { padding: 10px 12px !important; } }
.content-page.eb-cat-grid .category-products { padding-bottom: 0 !important; }
@media (min-width: 768px) { .content-page.eb-cat-grid .products-grid .item { margin-bottom: 8px !important; } }
/* v94.1 less side gap on phones (owner's note on the Soft shop): no box inside a box, content reaches close to the screen edge */
@media (max-width: 767px) {
  .well:has(> .content-page) { padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; margin-bottom: 0 !important; }
  .well .container:where(:not(#page > header *, #page > nav *, #mobile-menu *)) { padding-left: 0 !important; padding-right: 0 !important; width: auto !important; }
  .product-bestseller { padding: 7px !important; }
  .products-grid .item.col-xs-12 { padding-left: 0 !important; padding-right: 0 !important; }
}
/* v94.1 equal gaps on phones (owner: "All gap should be equal"): 8px from the screen edge, 8px inside the box, 8px between cards, 8px under the menu bar */
@media (max-width: 767px) {
  .well:has(> .content-page) { margin: 0 4px !important; }
  .well > .content-page { padding-top: 0 !important; padding-bottom: 0 !important; }
  .well > .content-page .category-product { margin: 0 0 8px !important; }
  .content-page:not(.eb-cat-grid) .category-products .products-grid > li.item { margin-bottom: 8px !important; }
  .content-page:not(.eb-cat-grid) .category-products .products-grid > li.item:last-child { margin-bottom: 0 !important; }
  .products-grid:where(:not(.eb-cat-grid *)) .item-inner { margin: 0 !important; }
}
/* v94.1 equal gaps everywhere on phones (owner's notes on Sign up and Corporate): 8px under the menu bar, 8px inside boxes, 8px between boxes,
   and rows of buttons that wrap get the same 8px gap across and down */
@media (max-width: 767px) {
  body > .container { padding-top: 8px !important; }
  body > .container ~ .container { padding-top: 0 !important; }
  .well:where(:not(#page > header *, #page > nav *, #mobile-menu *, .well *)) { padding: 7px !important; margin-bottom: 8px !important; }
  :where(div, p, li, td, form, span):where(:not(#page > header *, #page > nav *, #mobile-menu *, .input-group, .navbar *, .dropdown-menu *)):has(> :is(button, .btn, .button, input[type=submit], a.eb-filter-back, a.btn-line) ~ :is(button, .btn, .button, input[type=submit], a.eb-filter-back, a.btn-line)):not(:has(> :not(button, .btn, .button, input[type=submit], input[type=hidden], a.eb-filter-back, a.btn-line, br, script, style))) { display: flex !important; flex-wrap: wrap; gap: 8px; align-items: center; }
  :where(.eb-center, .text-center, [align=center]):has(> :is(button, .btn, .button, a.eb-filter-back) ~ :is(button, .btn, .button, a.eb-filter-back)):not(:has(> :not(button, .btn, .button, input[type=submit], input[type=hidden], a.eb-filter-back, a.btn-line, br, script, style))) { justify-content: center; }
  :where(div, p, li, td, form, span):has(> :is(button, .btn, .button, input[type=submit], a.eb-filter-back, a.btn-line) ~ :is(button, .btn, .button, input[type=submit], a.eb-filter-back, a.btn-line)):not(:has(> :not(button, .btn, .button, input[type=submit], input[type=hidden], a.eb-filter-back, a.btn-line, br, script, style))) > :is(button, .btn, .button, input[type=submit], a.eb-filter-back, a.btn-line) { margin: 0 !important; }
  :where(div, p, li, td, form, span):has(> :is(button, .btn, .button, input[type=submit], a.eb-filter-back, a.btn-line) ~ :is(button, .btn, .button, input[type=submit], a.eb-filter-back, a.btn-line)):not(:has(> :not(button, .btn, .button, input[type=submit], input[type=hidden], a.eb-filter-back, a.btn-line, br, script, style))) > br { display: none; }
}
/* v94.1 scan box (owner: the scan glow must show like the others): the camera button no longer touches the scan box, so its blue glow shows all round, top and bottom */
#barcodeForm, form:has(> #barcodeInput) { margin: 0 0 8px !important; }
#barcodeInput { box-shadow: 0 0 0 3px rgba(31, 114, 206, .35) !important; border-color: #2475cf !important; }
/* v94.2: AI chat box with voice (access/access-ai-chat-box.php) */
.eb-ai { background: #fff; border: 1px solid rgba(1,70,147,.15); border-top: 3px solid #014693; border-radius: 4px; padding: 8px; margin: 8px 0; }
.eb-ai-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.eb-ai-title { font-weight: 700; color: #014693; font-size: 14px; }
.eb-ai-title small { color: #6b7280; font-weight: 500; }
.eb-ai-tools { display: flex; align-items: center; gap: 8px; }
.eb-ai-tools select { min-height: 30px !important; padding: 2px 6px !important; font-size: 13px !important; width: auto; border: 1px solid #cdd7e5; border-radius: 1px; background: #fff; }
.eb-ai-log { max-height: 260px; overflow-y: auto; display: flex; flex-direction: column; gap: 8px; padding: 8px; background: #f4f6fa; border-radius: 3px; margin-bottom: 8px; min-height: 60px; }
.eb-ai-msg { max-width: 88%; padding: 7px 10px; border-radius: 3px; font-size: 13.5px; line-height: 1.4; white-space: pre-wrap; word-break: break-word; }
.eb-ai-me { align-self: flex-end; background: #014693; color: #fff; }
.eb-ai-bot { align-self: flex-start; background: #fff; color: #1f2937; border-left: 3px solid #ffd740; box-shadow: 0 1px 2px rgba(1,70,147,.08); }
.eb-ai-wait { color: #6b7280; }
.eb-ai-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.eb-ai-chips .eb-ai-chip { margin: 0 !important; }
.eb-ai-form { display: flex; align-items: center; gap: 8px; margin: 0; }
.eb-ai-form input[type=text] { flex: 1 1 auto; min-width: 0; margin: 0 !important; }
.eb-ai-form .button { margin: 0 !important; flex: 0 0 auto; }
.eb-icon-btn.eb-ai-mic, .eb-icon-btn.eb-ai-speak { width: 38px; height: 38px; flex: 0 0 38px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d9b200; border-radius: 1px; background: linear-gradient(180deg,#ffe680,#ffd740); color: #014693; font-size: 17px; padding: 0; cursor: pointer; }
.eb-icon-btn.eb-ai-speak { width: 32px; height: 30px; flex-basis: 32px; font-size: 14px; }
.eb-icon-btn.eb-ai-speak.eb-ai-off { background: #fff; color: #6b7280; border-color: #cdd7e5; }
.eb-icon-btn.eb-ai-mic.eb-ai-listening { box-shadow: 0 0 0 3px rgba(1,70,147,.35); animation: ebAiPulse 1s ease-in-out infinite; }
@keyframes ebAiPulse { 50% { box-shadow: 0 0 0 6px rgba(1,70,147,.15); } }
@media (prefers-reduced-motion: reduce) { .eb-icon-btn.eb-ai-mic.eb-ai-listening { animation: none; } }
.eb-ai-note { font-size: 11.5px; color: #6b7280; margin-top: 6px; }
/* v94.2: mic, question box and Send are the same height */
#eb-ai-form > #eb-ai-text, #eb-ai-form > #eb-ai-send, #eb-ai-form > #eb-ai-send:is(:hover, :focus, :active, :disabled) { height: 38px !important; min-height: 38px !important; box-sizing: border-box; }
/* v94.2: "AI voice chat" in the menus opens access-notify.php#eb-ai: the box is not hidden under the header */
#eb-ai { scroll-margin-top: 90px; }


/* v94.3 look fixes (owner 2026-11-13). Part of eb-app-v94.3.css, loaded last in all 8 systems. Header, menu bar and phone menus are
   not touched (they keep the v94.0.9.22 look).
   1. Buttons: a smooth animated shine + soft glow on mouse over, a quick press on tap. Only light moves: the size, padding,
      border and place of a button never change (no transform, no margin, no border width change).
   2. Text never stands up one letter per line on phones and tablets (tables, paragraphs, narrow columns). */

:root {
  --ui-shine: linear-gradient(105deg, rgba(255,255,255,0) 35%, rgba(255,255,255,.42) 50%, rgba(255,255,255,0) 65%);
}

/* ---------- 1. animated buttons ---------- */
:is(.button, .btn, button, input[type=submit], input[type=button], input[type=reset], a.buy-btn, a.blog-preview_btn, a.btn-line, a.btn-evx, a.eb-cart-back, a.eb-affili-back, a.eb-shop-back, a.eb-filter-back, .eb-btn):where(:not(#page > header *, #page > nav *, #mobile-menu *, .close, .navbar-toggle, .dropdown-toggle, [data-dismiss], .owl-prev, .owl-next, .slick-arrow, .tp-leftarrow, .tp-rightarrow, .mfp-close, .search-btn-bg, .toolbareditor button, .eblike *, .eb-icon-btn, .btn-link)) {
  background-image: var(--ui-shine), var(--app-grad) !important;
  background-size: 250% 100%, 100% 100% !important; background-repeat: no-repeat !important;
  background-position: 130% 0, 0 0 !important;
  transition: background-position .55s cubic-bezier(.25,.8,.25,1), box-shadow .25s ease, filter .25s ease, color .2s ease !important;
}
:is(.btn-danger, .btn-warning, .button.delete, button[name*=delete i], input[type=submit][name*=delete i], button[value=DELETE], button[title=DELETE], button[name*=edit i], input[type=submit][name*=edit i], a.button[href*=edit i], a.btn[href*=edit i]):where(:not(#page > header *, #page > nav *, #mobile-menu *)) { background-image: var(--ui-shine), var(--app-grad-gold) !important; background-size: 250% 100%, 100% 100% !important; background-repeat: no-repeat !important; background-position: 130% 0, 0 0 !important; }
@media (hover: hover) and (pointer: fine) {
  :is(.button, .btn, button, input[type=submit], input[type=button], input[type=reset], a.buy-btn, a.blog-preview_btn, a.btn-line, a.btn-evx, a.eb-cart-back, a.eb-affili-back, a.eb-shop-back, a.eb-filter-back, .eb-btn):where(:not(#page > header *, #page > nav *, #mobile-menu *, .close, .navbar-toggle, .dropdown-toggle, [data-dismiss], .owl-prev, .owl-next, .slick-arrow, .tp-leftarrow, .tp-rightarrow, .mfp-close, .search-btn-bg, .toolbareditor button, .eblike *, .eb-icon-btn, .btn-link)):hover {
    background-image: var(--ui-shine), var(--app-grad-hover) !important; background-size: 250% 100%, 100% 100% !important;
    background-position: -30% 0, 0 0 !important;
    box-shadow: 0 0 0 2px rgba(255, 215, 64, .55), 0 4px 12px rgba(1, 70, 147, .35) !important;
  }
  :is(.btn-danger, .btn-warning, .button.delete, button[name*=delete i], input[type=submit][name*=delete i], button[value=DELETE], button[title=DELETE], button[name*=edit i], input[type=submit][name*=edit i], a.button[href*=edit i], a.btn[href*=edit i]):where(:not(#page > header *, #page > nav *, #mobile-menu *)):hover {
    background-image: var(--ui-shine), var(--app-grad-gold-press) !important; background-size: 250% 100%, 100% 100% !important;
    background-position: -30% 0, 0 0 !important;
    box-shadow: 0 0 0 2px rgba(1, 70, 147, .35), 0 4px 12px rgba(201, 164, 0, .45) !important;
  }
}
/* tap / click: a quick darker press, same size */
:is(.button, .btn, button, input[type=submit], input[type=button], input[type=reset], a.buy-btn, a.blog-preview_btn, a.btn-line, a.btn-evx, a.eb-cart-back, a.eb-affili-back, a.eb-shop-back, a.eb-filter-back, .eb-btn):where(:not(#page > header *, #page > nav *, #mobile-menu *, .close, .navbar-toggle, .dropdown-toggle, [data-dismiss], .owl-prev, .owl-next, .slick-arrow, .tp-leftarrow, .tp-rightarrow, .mfp-close, .search-btn-bg, .toolbareditor button, .eblike *, .eb-icon-btn, .btn-link)):active { background-image: var(--app-grad-press) !important; background-size: 100% 100% !important; box-shadow: inset 0 2px 4px rgba(0,0,0,.25) !important; transition-duration: .05s !important; }
:is(.btn-danger, .btn-warning, .button.delete, button[name*=delete i], input[type=submit][name*=delete i], button[value=DELETE], button[title=DELETE], button[name*=edit i], input[type=submit][name*=edit i], a.button[href*=edit i], a.btn[href*=edit i]):where(:not(#page > header *, #page > nav *, #mobile-menu *)):active { background-image: var(--app-grad-gold-press) !important; background-size: 100% 100% !important; box-shadow: inset 0 2px 4px rgba(0,0,0,.18) !important; }
:is(.button, .btn, button, input[type=submit], input[type=button], input[type=reset], a.buy-btn, a.blog-preview_btn, a.btn-line, a.btn-evx, a.eb-cart-back, a.eb-affili-back, a.eb-shop-back, a.eb-filter-back, .eb-btn):where(:not(#page > header *, #page > nav *, #mobile-menu *, .close, .navbar-toggle, .dropdown-toggle, [data-dismiss], .owl-prev, .owl-next, .slick-arrow, .tp-leftarrow, .tp-rightarrow, .mfp-close, .search-btn-bg, .toolbareditor button, .eblike *, .eb-icon-btn, .btn-link)):disabled { background-position: 130% 0, 0 0 !important; box-shadow: none !important; }
@media (prefers-reduced-motion: reduce) {
  :is(.button, .btn, button, input[type=submit], input[type=button], input[type=reset], a.buy-btn, a.blog-preview_btn, a.btn-line, a.btn-evx, a.eb-cart-back, a.eb-affili-back, a.eb-shop-back, a.eb-filter-back, .eb-btn):where(:not(#page > header *, #page > nav *, #mobile-menu *, .close, .navbar-toggle, .dropdown-toggle, [data-dismiss], .owl-prev, .owl-next, .slick-arrow, .tp-leftarrow, .tp-rightarrow, .mfp-close, .search-btn-bg, .toolbareditor button, .eblike *, .eb-icon-btn, .btn-link)) { transition: box-shadow .01ms, filter .01ms !important; }
}

/* ---------- 2. no vertical (one letter per line) text ---------- */
/* overflow-wrap:anywhere let table cells and paragraphs shrink to one letter wide; break-word only breaks a word that
   really does not fit, so a cell is never narrower than its longest word */
p:where(:not(#page > header *, #page > nav *, #mobile-menu *, .footer *)) { overflow-wrap: break-word; }
@media (max-width: 1199px) {
  .table > tbody > tr > td, .table-responsive > .table > tbody > tr > td, .container td, .container th { overflow-wrap: break-word !important; word-break: normal !important; }
  .container td, .container th { min-width: 2.5em; hyphens: manual; }
  /* tablets too: a wide table scrolls inside its own box, so its cells keep a readable width */
  .container table:not(.eb-cards):where(:not(#page > header *, #page > nav *, #mobile-menu *)) { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* ---------- 3. buttons never jump ---------- */
/* v94.3: the normal state below carries :is(:not(:hover), :hover) so it weighs the same as the mouse-over state; a
   stronger margin rule elsewhere can no longer win only in the normal state (that made buttons move 4px on mouse over) */
/* buttons in a button row (.buttons-set) and button groups kept a 2px top margin normally, but the premium look's hover
   rule set it to 0, so they jumped up 2px on mouse over: now every state keeps the same margin */
:is(.btn-group > .btn, .buttons-set .button):where(:not(#page > header *, #page > nav *, #mobile-menu *)):is(:not(:hover), :hover),
:is(.btn-group > .btn, .buttons-set .button):where(:not(#page > header *, #page > nav *, #mobile-menu *)):is(:hover, :focus, :active, :disabled) { margin: 2px 4px 2px 0 !important; }

/* ---------- 4. space between buttons side by side ---------- */
/* owner 2026-11-13 (Preview / Buy Now / Download stuck together, hard to tap on a phone): two buttons next to each other
   always get 8px between them, and 4px above/below so rows that wrap on a phone do not touch. Same in every state, so
   nothing moves on mouse over. Joined groups (.btn-group, .input-group) and .buttons-set keep their own spacing. */
:is(a.eb-affili-back, a.eb-cart-back, a.eb-shop-back, a.eb-filter-back, a.buy-btn, a.button, a.btn, button.button, button.btn, input[type=submit].button, .eb-btn):where(:not(#page > header *, #page > nav *, #mobile-menu *, .btn-group > *, .input-group-btn > *, .input-group > *, .buttons-set > *, .eb-ai-chips > *)):is(:has(+ :is(a.eb-affili-back, a.eb-cart-back, a.eb-shop-back, a.eb-filter-back, a.buy-btn, a.button, a.btn, button.button, button.btn, input[type=submit].button, .eb-btn)), :is(a.eb-affili-back, a.eb-cart-back, a.eb-shop-back, a.eb-filter-back, a.buy-btn, a.button, a.btn, button.button, button.btn, input[type=submit].button, .eb-btn) + *):is(:not(:hover), :hover),
:is(a.eb-affili-back, a.eb-cart-back, a.eb-shop-back, a.eb-filter-back, a.buy-btn, a.button, a.btn, button.button, button.btn, input[type=submit].button, .eb-btn):where(:not(#page > header *, #page > nav *, #mobile-menu *, .btn-group > *, .input-group-btn > *, .input-group > *, .buttons-set > *, .eb-ai-chips > *)):is(:has(+ :is(a.eb-affili-back, a.eb-cart-back, a.eb-shop-back, a.eb-filter-back, a.buy-btn, a.button, a.btn, button.button, button.btn, input[type=submit].button, .eb-btn)), :is(a.eb-affili-back, a.eb-cart-back, a.eb-shop-back, a.eb-filter-back, a.buy-btn, a.button, a.btn, button.button, button.btn, input[type=submit].button, .eb-btn) + *):is(:hover, :focus, :active, :disabled) {
  margin: 4px 8px 4px 0 !important;
}
/* buttons wrapped in a link (<a href><button>..</button></a>), e.g. Forgot Password? / Create New Account on the log in
   page: the link becomes a box with the same 4px / 8px space, so stacked or side-by-side buttons never touch */
a:has(> :is(button, .button, .btn, input[type=submit], input[type=button])):where(:not(#page > header *, #page > nav *, #mobile-menu *, .btn-group > *, .input-group-btn > *, .input-group > *, .buttons-set > *, td *)) { display: inline-block; margin: 4px 8px 4px 0; vertical-align: middle; text-decoration: none; }

/* ---------- 5. tables and iPad edges ---------- */
/* short cell text (dates, times, amounts like "08 Mar 2026", "USD 1,400.00") stays on one line (eb-pwa-v94.3.js marks it) */
.container td.eb-nw, .container th.eb-nw { white-space: nowrap !important; }
/* iPad portrait (768-991px): the theme's .container had no side padding, so every .row (-15px) went 6px past the screen */
@media (min-width: 768px) and (max-width: 991px) {
  .container:where(:not(#page > header *, #page > nav *, #mobile-menu *, #page > header, #page > nav)) { padding-left: 15px; padding-right: 15px; }
}

/* ---------- 6. share / like / comment buttons on the right side (all systems) ---------- */
/* owner 2026-11-13: small buttons. One small square button each (34px, 30px on phones), brand blue with a white icon,
   the like and comment numbers as a small yellow tag under their button, the same shine + glow on mouse over, and
   the page text keeps clear of them on phones. Size and place never change on hover or tap. */
.social-share-vertical { position: fixed !important; right: 6px !important; top: 50% !important; transform: translateY(-50%); font-size: 14px !important; z-index: 9990 !important; }
.social-share-vertical ul { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.social-share-vertical ul li { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; width: 34px; display: block !important; background: none !important; }
.social-share-vertical ul li > a, .social-share-vertical ul li .eb-main-reaction-btn {
  width: 34px !important; height: 34px !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box;
  display: flex !important; align-items: center; justify-content: center;
  background-image: var(--ui-shine), var(--app-grad) !important; background-size: 250% 100%, 100% 100% !important; background-repeat: no-repeat !important; background-position: 130% 0, 0 0 !important;
  border: 1px solid var(--app-btn-border, #013a7a) !important; border-radius: 1px !important; color: #fff !important; text-decoration: none !important;
  box-shadow: 0 1px 3px rgba(1, 58, 122, .3); cursor: pointer;
  transition: background-position .55s cubic-bezier(.25,.8,.25,1), box-shadow .25s ease !important;
}
.social-share-vertical ul li > a i, .social-share-vertical ul li > a i:hover { color: #fff !important; padding: 0 !important; font-size: 16px !important; line-height: 1 !important; }
.social-share-vertical ul li .eb-main-emoji { font-size: 17px; line-height: 1; }
@media (hover: hover) and (pointer: fine) {
  .social-share-vertical ul li > a:hover, .social-share-vertical ul li .eb-main-reaction-btn:hover { background-position: -30% 0, 0 0 !important; box-shadow: 0 0 0 2px rgba(255, 215, 64, .6), 0 4px 10px rgba(1, 70, 147, .35); }
}
.social-share-vertical ul li > a:active, .social-share-vertical ul li .eb-main-reaction-btn:active { background-image: var(--app-grad-press) !important; background-size: 100% 100% !important; }
.social-share-vertical ul li.eb-like-comment-count { width: 34px !important; margin: -6px 0 0 !important; padding: 0 !important; text-align: center; background: none !important; }
.social-share-vertical .eb-count { display: block; background: #ffd740; color: #014693 !important; font-size: 10px !important; font-weight: 700; line-height: 14px; border-radius: 0 0 2px 2px; }
/* the reaction picker opens to the left of the button (it went off the screen on the right) */
.social-share-vertical .eb-reactions .eb-picker { left: auto !important; right: 40px !important; bottom: auto !important; top: 0 !important; }
@media (max-width: 767px) {
  .social-share-vertical { right: 4px !important; }
  .social-share-vertical ul { gap: 5px; }
  .social-share-vertical ul li, .social-share-vertical ul li.eb-like-comment-count { width: 30px !important; }
  .social-share-vertical ul li > a, .social-share-vertical ul li .eb-main-reaction-btn { width: 30px !important; height: 30px !important; }
  .social-share-vertical ul li > a i { font-size: 14px !important; }
  /* the page text keeps clear of the buttons */
  body:has(.social-share-vertical) :is(.contentIndex, .main-container, .content-page) > .container { padding-right: 40px !important; }
}

/* ---------- 7. profile picture on Update Account: 120px square on every screen (it filled the whole box on desktop) ---------- */
img.eb-avatar-120 { width: 120px !important; height: 120px !important; max-width: 120px !important; object-fit: cover; border-radius: 3px; display: block; }
.input-group:has(> img.eb-avatar-120), .input-group:has(img.eb-avatar-120) { display: flex; align-items: center; gap: 10px; }

/* ---------- 8. play icon close to the button text ---------- */
/* owner 2026-11-13 (Edit / Delete / Submit): the play icon stood far from the text (8px padding + 6px gap). Now one small
   4px gap on every button, in every state, so nothing moves on mouse over. */
button.button.submit::before, button.button.submit:is(:hover, :focus, :active)::before { padding-right: 0 !important; margin: 0 !important; }
:is(button.button, a.button, a.btn, button.btn, .eb-btn):where(:not(#page > header *, #page > nav *, #mobile-menu *)),
:is(button.button, a.button, a.btn, button.btn, .eb-btn):where(:not(#page > header *, #page > nav *, #mobile-menu *)):is(:hover, :focus, :active) { gap: 4px !important; }
:is(button.button, a.button, a.btn, button.btn, .eb-btn):where(:not(#page > header *, #page > nav *, #mobile-menu *)) > :is(.fa, .glyphicon, i):first-child { margin-right: 0 !important; }

/* ---------- 9. Like heart in lists = a plain heart again ---------- */
/* owner 2026-11-13 (Service list): "No need heart button here, use previous". The Like heart (button add_for_like in Blog,
   Service, Corporate) is a plain heart icon like before, not a blue button; same size in every state. */
button[name=add_for_like], button[name=add_for_like]:is(:hover, :focus, :active) {
  background: none !important; background-image: none !important; border: 0 !important; box-shadow: none !important;
  padding: 0 2px !important; margin: 0 !important; min-height: 0 !important; min-width: 0 !important; height: auto !important;
  color: inherit !important; display: inline !important; line-height: inherit !important; cursor: pointer; transform: none !important;
}
button[name=add_for_like]:is(:hover, :focus-visible) { color: #014693 !important; }
button[name=add_for_like]::before, button[name=add_for_like]::after { content: none !important; display: none !important; }
/* a list title that is now the link (no Read More / Details button) keeps the title size it had before */
.item-title > a:has(> h2, > h3) { font-size: inherit !important; line-height: inherit; display: block; }
.item-title :is(h2, h3) > a[style*='color:inherit'] { font-size: inherit !important; line-height: inherit; font-weight: inherit; }

/* ---------- 10. last audit fixes (iPad) ---------- */
/* Corporate/Service filter buttons (All / Sector 1 ...) touched each other when they wrapped on a tablet */
button.eb-filter-back:is(:not(:hover), :hover), button.eb-filter-back:is(:hover, :focus, :active) { margin: 4px 8px 4px 0 !important; }
/* picture in admin item lists (Blog / Corporate view items, items status) filled the whole width on a tablet or phone */
@media (max-width: 991px) {
  .row > .col-md-3 > img.img-responsive { max-width: 240px !important; max-height: 240px; width: auto !important; height: auto; object-fit: contain; }
}