/*
 Theme Name:    Electro Child
 Theme URI:     https://themeforest.net/item/electro-electronics-store-woocommerce-theme/15720624
 Description:   This is the child theme of Electro
 Author:        MadrasThemes
 Author URI:    https://madrasthemes.com/
 Template:      electro
 Version:       3.6.4
 License:       GNU General Public License v2 or later
 License URI:   http://www.gnu.org/licenses/gpl-2.0.html
 Tags:          light, dark, two-columns, right-sidebar, responsive-layout
 Text Domain:   electro-child
*/
add_action('wp_enqueue_scripts', function () {
  $css = "
  .ng-infobar{
    margin:16px 0 6px;
    padding:14px 16px;
    background:#f6f7f9;               /* soft grey like the reference */
    border:1px solid #e7e9ed;
    border-radius:12px;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
  }
  .ng-infobar__item{
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:inherit;
    padding:6px 8px;
  }
  /* subtle separators between items on desktop */
  .ng-infobar__item:nth-child(2),
  .ng-infobar__item:nth-child(3){
    border-left:1px solid #e3e5ea;
  }

  .ng-infobar__icon{
    font-size:20px; line-height:1; flex-shrink:0;
  }
  .ng-infobar__text{display:flex; flex-direction:column; line-height:1.2}
  .ng-infobar__title{font-weight:700; font-size:14px; color:#1f2937} /* bold dark like screenshot */
  .ng-infobar__sub{
    font-size:13.5px;
    color:#1771e6;                    /* blue link tone */
    text-decoration:underline;
    text-underline-offset:2px;
  }

  /* Hover states (subtle) */
  .ng-infobar__item:hover .ng-infobar__title{color:#111827}
  .ng-infobar__item:hover .ng-infobar__sub{color:#0f5dc0}

  /* Mobile: stack items, remove separators */
  @media (max-width: 640px){
    .ng-infobar{ grid-template-columns:1fr; }
    .ng-infobar__item:nth-child(2),
    .ng-infobar__item:nth-child(3){ border-left:0 }
  }
  ";
  wp_add_inline_style('woocommerce-general', $css);
});