/* TPC Account Fields — was two inline <style> blocks, one in the WooCommerce
   registration form and one in the Minimog register modal. Same rules, one
   file, loaded only on the pages that render the fields. */

.woocommerce-phone-fields,
.minimog-phone-fields{
  display:flex;
  gap:10px;
  margin-bottom:1em;
}

.woocommerce-phone-fields .tpc-phone-code,
.minimog-phone-fields .tpc-phone-code{flex:1;margin-bottom:0}

.woocommerce-phone-fields .tpc-phone-number,
.minimog-phone-fields .tpc-phone-number{flex:2;margin-bottom:0}

/* The dial code and the number read left-to-right even in Arabic, so keep the
   pair LTR while the surrounding form stays RTL. */
.rtl .woocommerce-phone-fields select,
.rtl .minimog-phone-fields select,
.rtl .woocommerce-phone-fields input[type=tel],
.rtl .minimog-phone-fields input[type=tel]{direction:ltr;text-align:right}

@media (max-width:768px){
  .woocommerce-phone-fields{flex-direction:column}
  .woocommerce-phone-fields .tpc-phone-code,
  .woocommerce-phone-fields .tpc-phone-number{flex:1;margin-bottom:1em}
}

@media (max-width:576px){
  .minimog-phone-fields{flex-direction:column}
}