/* ------------------------------------------------------------------
   PS 8 Classic — Legacy Shims (mapeamento de classes 1.6 → 8.x)
   - Evite JS legado; apenas equaliza nomes/DOM comuns
   - Use seletor do Classic sempre que possível
   ------------------------------------------------------------------ */

/* ======= Botões e ações (sinônimos do 1.6) ======= */
.button, .exclusive, .exclusive_large{
    /* aplica o mesmo estilo de .btn (reforçado no legacy-skin.css) */
  }
  .button.ajax_add_to_cart_button,
  .ajax_add_to_cart_button {
    /* Mini “ponte” p/ botões antigos virarem .btn-primary */
    @supports (all: initial){
      all: initial; /* garante reset no user agent moderno */
    }
    all: unset; /* fallback */
    display:inline-block;
    cursor:pointer;
    padding:.5rem 1rem;
    color:#fff;
    background:#428bca;
    border:1px solid #357ebd;
    border-radius:.25rem;
  }
  .button.ajax_add_to_cart_button:hover{
    background:#3276b1; border-color:#285e8e;
  }
  
  /* ======= Preços (1.6 → 8.x) ======= */
  /* 1.6 usava .our_price_display, #old_price_display, .price */
  .our_price_display, .price, .current-price{
    font-size:1.375rem;
    font-weight:700;
  }
  #old_price_display, .old-price, .regular-price{
    text-decoration: line-through;
    color:#777;
  }
  
  /* ======= Listagem (product-list do 1.6) → .products do 8.x ======= */
  .product_list .ajax_block_product,
  .products .product-miniature{
    margin-bottom: 1.25rem;
  }
  .product_list .product-name a,
  .products .product-title a{
    color:#222; font-weight:600;
  }
  
  /* ======= Imagens/labels ======= */
  .new-label, .on-sale, .discount{
    /* aproximar badges antigos ao Classic */
    display:inline-block;
    padding:.15rem .5rem;
    border-radius:.25rem;
    font-size:.75rem;
  }
  .on-sale, .discount{
    background:#f5f5f5;
    color:#333;
  }
  .new-label{
    background:#428bca; color:#fff;
  }
  
  /* ======= Menu antigo (.sf-menu) → top menu atual ======= */
  .sf-menu, #_desktop_top_menu .top-menu{
    /* compartilham o mesmo look */
  }
  .sf-menu > li > a, #_desktop_top_menu .top-menu > li > a{
    padding:.9rem 1.1rem;
    font-weight:600;
    color:#777;
  }
  .sf-menu > li > a:hover, #_desktop_top_menu .top-menu > li > a:hover{
    color:#333;
  }
  
  /* ======= Breadcrumb ======= */
  /* mapeia markup antigo (1.6) para o visual atual */
  .breadcrumb{
    background:transparent;
    border-bottom:1px solid #ddd;
    padding:.5rem 0;
  }
  
  /* ======= Caixas de bloco (ex: colunas do 1.6) ======= */
  .block, .block-container, .sidebar .block,
  .left-column .block, .right-column .block{
    border:1px solid #ddd;
    border-radius:.25rem;
    padding:1rem;
    margin-bottom:1rem;
  }
  
  /* ======= Formularios / labels ======= */
  .form-control{
    border-radius:.25rem;
  }
  .required, .form-group .required{
    color:#d00; /* ênfase simples p/ campos obrigatórios, como no 1.6 */
  }
  
  /* ======= Tabelas ======= */
  .table{
    border-color:#ddd;
  }
  .table > thead > tr > th{
    font-weight:600;
  }
  
  /* ======= Paginação ======= */
  .pagination .page-list li a,
  .pagination .page-list li span{
    border:1px solid #ddd;
    border-radius:.25rem;
  }
  .pagination .page-list li.current span{
    background:#428bca; color:#fff; border-color:#357ebd;
  }
  
  /* ======= Footer ======= */
  #footer{
    border-top:1px solid #ddd; margin-top:2rem; padding-top:1.25rem;
  }