/**


 * Package: ShipStoreTech Carrier Board Pro


 * Description: Carrier pickup schedule boards with inline and popup display options.


 * Version: 3.2  


 * Author: Unisance Marketing, LLC


 * Copyright: © 2025 Unisance Marketing, LLC. All rights reserved.


 * Primary Domain: https://ShipStoreTech.com


 *


 * file: display/v2/assets/front-v2.css 


*/





.smhcb3-inline-board {


  box-sizing: border-box;


  max-width: 700px;


  width: 100%;


  margin: 0 auto;


  padding: 10px 16px 14px;   /* UX FIX: Restored bottom padding to 14px for better balance */


  background: var(--board-bg, #4a90d9); 


  border-radius: 8px;


  font-family: system-ui, -apple-system, sans-serif;


  color: var(--primary-text, #ffffff);


}





.smhcb3-inline-title {


  text-align: center;


  text-transform: uppercase;


  letter-spacing: 0.15em;


  font-weight: 700;


  font-size: 16px;


  margin: 0 0 6px;


  line-height: 1;


}





.smhcb3-inline-row {


  display: flex;


  align-items: center;


  padding: 5px 18px;


  background: var(--card-bg, rgba(255, 255, 255, 0.18));


  box-sizing: border-box;


}





.smhcb3-inline-row + .smhcb3-inline-row {


  border-top: 1px solid var(--card-border, rgba(255, 255, 255, 0.35)) !important;


}





.smhcb3-inline-row:first-of-type {


  border-top-left-radius: 4px !important;


  border-top-right-radius: 4px !important;


}





.smhcb3-inline-row:last-of-type {


  border-bottom-left-radius: 4px !important;


  border-bottom-right-radius: 4px !important;


  border-bottom: none !important;


}





.smhcb3-inline-row .col.left { flex: 0 0 100px; display: flex; justify-content: flex-start; align-items: center; }


.smhcb3-inline-row .col.left img { display: block; width: 75px; height: auto; }


.smhcb3-inline-row .col.mid { flex: 1 1 auto; text-align: center; padding: 0 6px; }


.smhcb3-inline-row .carrier { font-weight: 700; font-size: 17px; line-height: 1.1; }


.smhcb3-inline-row .next { font-size: 12px; line-height: 1.1; color: var(--secondary-text, #e2efff); }





.smhcb3-inline-row .col.right { flex: 0 0 135px; text-align: right; padding-left: 10px; }


.smhcb3-inline-row .time { font-weight: 700; font-size: 17px; }





.smhcb3-inline-row .countdown {


  font-size: 11px;


  line-height: 1;


  opacity: 0.9;


}





/* Adds "Pickup in " before the JS timer values */


.smhcb3-inline-row .countdown::before {


  content: "Pickup in ";


  font-weight: 400;


  opacity: 0.8;


}





.smhcb3-inline-footer {


  text-align: center;


  margin-top: 4px; /* Slight gap under the rows */


}





.smhcb3-v35-placeholder {


  font-size: 9px;


  opacity: 0.6;


  margin-bottom: 2px;


  text-transform: uppercase;


  letter-spacing: 0.03em;


  line-height: 1;


}





.smhcb3-inline-hint {


  font-size: 12px;


  margin-top: 6px; /* UX FIX: Increased gap from 1px to 6px to separate link from placeholder */


  line-height: 1.2;


}





.smhcb3-inline-hint a.smhcb3-popup-trigger {


  color: inherit;


  text-decoration: underline;


  opacity: 0.8;


}





@media (max-width: 600px) {


  .smhcb3-inline-board { padding: 8px 10px 10px; border-radius: 6px; }


  .smhcb3-inline-row .col.left { flex-basis: 70px; }


  .smhcb3-inline-row .col.left img { width: 60px; }


}





/* EOF: display/v2/assets/front-v2.css */