/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.quantity input[type=number] {
    padding: .5rem .25rem;
}
/* ============================================================

/* ============================================================
   Mon compte → Commandes : mise en page mobile (Nivo-Web)
   Noir & blanc, sans bordure. Spécificité renforcée (.woocommerce-account + !important)
   pour battre le responsive natif WooCommerce et les boutons du site. Desktop inchangé.
   ============================================================ */
@media (max-width: 768px){
  .woocommerce-account .account-orders-table thead{display:none !important}
  .woocommerce-account .account-orders-table tbody,
  .woocommerce-account .account-orders-table tr{display:block !important; width:100% !important}

  .woocommerce-account .account-orders-table tr{padding:0 !important; margin:0 0 30px !important; border:0 !important}

  .woocommerce-account .account-orders-table td,
  .woocommerce-account .account-orders-table th{
    display:flex !important; width:100% !important; align-items:baseline; justify-content:space-between; gap:14px;
    padding:5px 0 !important; border:0 !important; text-align:right; font-weight:400;
  }
  .woocommerce-account .account-orders-table td::before,
  .woocommerce-account .account-orders-table th::before{
    content:attr(data-title); color:#8c8c8c; font-weight:400; font-size:.92rem; text-align:left; flex:0 0 auto;
  }

  .woocommerce-account .account-orders-table th.woocommerce-orders-table__cell-order-number{
    justify-content:flex-start; padding:0 0 10px !important; font-size:1.15rem; font-weight:700;
  }
  .woocommerce-account .account-orders-table th.woocommerce-orders-table__cell-order-number::before{display:none}
  .woocommerce-account .account-orders-table th.woocommerce-orders-table__cell-order-number a{color:#141414; text-decoration:none}

  .woocommerce-account .account-orders-table td.woocommerce-orders-table__cell-order-total .amount{font-weight:700}

  .woocommerce-account .account-orders-table td.woocommerce-orders-table__cell-order-actions{
    display:flex !important; flex-wrap:wrap; align-items:center; gap:10px 20px; padding-top:16px !important; text-align:left;
  }
  .woocommerce-account .account-orders-table td.woocommerce-orders-table__cell-order-actions::before{display:none}

  .woocommerce-account .account-orders-table td.woocommerce-orders-table__cell-order-actions a.button{
    background:none !important; border:0 !important; padding:0 !important; min-height:auto !important;
    border-radius:0 !important; box-shadow:none !important; width:auto !important;
    color:#141414 !important; font-size:.92rem !important; font-weight:500 !important;
    text-decoration:underline !important; text-underline-offset:3px;
  }
  .woocommerce-account .account-orders-table td.woocommerce-orders-table__cell-order-actions a.button.pay{
    flex:1 1 100%; order:-1; margin:0 0 2px !important;
    background:#141414 !important; color:#fff !important; border-radius:6px !important;
    min-height:46px !important; display:inline-flex !important; align-items:center; justify-content:center;
    font-size:.95rem !important; font-weight:600 !important; text-decoration:none !important;
  }
  .woocommerce-account .account-orders-table td.woocommerce-orders-table__cell-order-actions a.button.cancel{color:#9a9a9a !important}
}

/* Nivo — Mon compte responsive : le widget EAEL garde ses paddings desktop (60px+50px) sur mobile → contenu écrasé. On les réduit. */
@media (max-width:768px){
  .eael-account-dashboard-container{padding:20px !important}
  .eael-account-dashboard-content{padding:0 !important}
  .woocommerce-account .woocommerce-MyAccount-navigation{width:100% !important;float:none !important;margin:0 0 24px !important}
}

/* Nivo — correctifs Mon compte : (1) empiler le menu, (2) tr en flex-column pour contenir la hauteur (fin des chevauchements). */
@media (max-width:768px){
  .woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;gap:0 !important}
  .woocommerce-account .woocommerce-MyAccount-navigation li{width:100% !important;flex:0 0 auto !important;float:none !important}
  .woocommerce-account .account-orders-table tr{display:flex !important;flex-direction:column !important;margin:0 0 34px !important}
}

/* Nivo — cellule actions en flux bloc : le flex-wrap dans une cellule de tableau ne calcule pas sa hauteur multi-lignes → débordement/chevauchement. */
@media (max-width:768px){
  .woocommerce-account .account-orders-table td.woocommerce-orders-table__cell-order-actions{display:block !important;padding-top:16px !important}
  .woocommerce-account .account-orders-table td.woocommerce-orders-table__cell-order-actions a.button.pay{display:block !important;width:100% !important;margin:0 0 12px !important;padding:13px 16px !important;min-height:0 !important;line-height:1.2 !important;text-align:center !important}
  .woocommerce-account .account-orders-table td.woocommerce-orders-table__cell-order-actions a.button.view,
  .woocommerce-account .account-orders-table td.woocommerce-orders-table__cell-order-actions a.button.invoice,
  .woocommerce-account .account-orders-table td.woocommerce-orders-table__cell-order-actions a.button.cancel{display:inline-block !important;margin:0 22px 0 0 !important;vertical-align:middle}
}

/* Nivo — le thème impose une hauteur fixe (~56px) aux cellules → contenu qui déborde et commandes qui se chevauchent. On libère la hauteur. */
@media (max-width:768px){
  .woocommerce-account .account-orders-table td,
  .woocommerce-account .account-orders-table th{height:auto !important;min-height:0 !important}
}